50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T1126,"use client" import * as React from "react" import { PlusIcon } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/registry/macos/ui/button" import { Checkbox } from "@/registry/macos/ui/checkbox" import { Input } from "@/registry/macos/ui/input" import { SearchField } from "@/registry/macos/ui/search-field" import { Window, WindowContent, WindowControls, WindowMain, WindowTitle, WindowTitlebar, } from "@/registry/macos/ui/window" type Reminder = { id: number; title: string; done: boolean } const initialReminders: Reminder[] = [ { id: 1, title: "Ship the free blocks", done: false }, { id: 2, title: "Reply to Maya", done: false }, { id: 3, title: "Renew the domain", done: true }, { id: 4, title: "Book a dentist appointment", done: false }, { id: 5, title: "Export the October invoices", done: false }, ] // A short reminder list: search, check off, and add a new one. export function Reminders01({ className, ...props }: React.ComponentProps) { const [reminders, setReminders] = React.useState(initialReminders) const [query, setQuery] = React.useState("") const [draft, setDraft] = React.useState("") const nextId = React.useRef(initialReminders.length + 1) const needle = query.trim().toLowerCase() const visible = reminders.filter((item) => item.title.toLowerCase().includes(needle)) function toggle(id: number, done: boolean) { setReminders((current) => current.map((item) => (item.id === id ? { ...item, done } : item)) ) } return ( Reminders

setQuery(event.target.value)} placeholder="Search" aria-label="Search reminders" className="w-full" />

{visible.length === 0 ? (

{reminders.length === 0 ? "No reminders yet" : "No matching reminders"}

) : (

toggle(item.id, checked === true)} aria-label={item.title} /> {item.title}

)}

) } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L50",null,{"namespace":"@cupertinoui","registryDependencies":["@cupertinoui/macos-theme","@cupertinoui/button","@cupertinoui/checkbox","@cupertinoui/input","@cupertinoui/search-field","@cupertinoui/window"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/macos/blocks/reminders-01/reminders-01.tsx","content":"$52","type":"registry:component","target":"components/blocks/reminders-01/reminders-01.tsx"}],"className":"h-[70svh] min-h-80"}]]}]