@nadicodeai/ui 12.1.96 → 12.1.97

package/dist/showcase/specimens/index.d.ts

@@ -0,0 +1,164 @@
+export declare const SPECIMENS: {
+    Accordion: () => import("react").JSX.Element;
+    AspectRatio: () => import("react").JSX.Element;
+    BrandField: () => import("react").JSX.Element;
+    Carousel: () => import("react").JSX.Element;
+    ChannelView: () => import("react").JSX.Element;
+    Collapsible: () => import("react").JSX.Element;
+    CompanyCard: () => import("react").JSX.Element;
+    Disclosure: () => import("react").JSX.Element;
+    ExpandableBlock: () => import("react").JSX.Element;
+    HiveScene: () => import("react").JSX.Element;
+    NadiaPresence: () => import("react").JSX.Element;
+    NumberedSteps: () => import("react").JSX.Element;
+    PluginSlotBoundary: () => import("react").JSX.Element;
+    ReadingColumn: () => import("react").JSX.Element;
+    ResizablePanelGroup: () => import("react").JSX.Element;
+    ScrollArea: () => import("react").JSX.Element;
+    Separator: () => import("react").JSX.Element;
+    ToolIcon: () => import("react").JSX.Element;
+    ActivityCalendar: () => import("react").JSX.Element;
+    ChartAreaStacked: () => import("react").JSX.Element;
+    ChartBarHorizontal: () => import("react").JSX.Element;
+    ChartBarMultiple: () => import("react").JSX.Element;
+    ChartBarStacked: () => import("react").JSX.Element;
+    ChartCard: () => import("react").JSX.Element;
+    ChartContainer: () => import("react").JSX.Element;
+    ChartSparkline: () => import("react").JSX.Element;
+    createEntityColorMap: () => import("react").JSX.Element;
+    DateRangeControl: () => import("react").JSX.Element;
+    KpiCard: () => import("react").JSX.Element;
+    TrendBadge: () => import("react").JSX.Element;
+    AccountMenu: () => import("react").JSX.Element;
+    ActionContextMenu: () => import("react").JSX.Element;
+    ActionMenu: () => import("react").JSX.Element;
+    AlertDialog: () => import("react").JSX.Element;
+    ContextMenu: () => import("react").JSX.Element;
+    Dialog: () => import("react").JSX.Element;
+    Drawer: () => import("react").JSX.Element;
+    DropdownMenu: () => import("react").JSX.Element;
+    GlassControl: () => import("react").JSX.Element;
+    Menubar: () => import("react").JSX.Element;
+    MenuChoiceRow: () => import("react").JSX.Element;
+    Popover: () => import("react").JSX.Element;
+    Sheet: () => import("react").JSX.Element;
+    ThemeModeMenu: () => import("react").JSX.Element;
+    Alert: () => import("react").JSX.Element;
+    EmptyState: () => import("react").JSX.Element;
+    EntryProgress: () => import("react").JSX.Element;
+    EntryStageList: () => import("react").JSX.Element;
+    HoverCard: () => import("react").JSX.Element;
+    LabelledPicture: () => import("react").JSX.Element;
+    MessageNotice: () => import("react").JSX.Element;
+    NoticeBanner: () => import("react").JSX.Element;
+    PendingLabel: () => import("react").JSX.Element;
+    Skeleton: () => import("react").JSX.Element;
+    Toaster: () => import("react").JSX.Element;
+    Tooltip: () => import("react").JSX.Element;
+    UpdateCard: () => import("react").JSX.Element;
+    WaitingLine: () => import("react").JSX.Element;
+    AgentCard: () => import("react").JSX.Element;
+    ApprovalRow: () => import("react").JSX.Element;
+    Card: () => import("react").JSX.Element;
+    CardRow: () => import("react").JSX.Element;
+    CodeBlock: () => import("react").JSX.Element;
+    DataTable: () => import("react").JSX.Element;
+    DiffCount: () => import("react").JSX.Element;
+    DisclosureRow: () => import("react").JSX.Element;
+    FileDiff: () => import("react").JSX.Element;
+    Item: () => import("react").JSX.Element;
+    Kbd: () => import("react").JSX.Element;
+    MemoryItem: () => import("react").JSX.Element;
+    ObjectFacts: () => import("react").JSX.Element;
+    PairingCode: () => import("react").JSX.Element;
+    Progress: () => import("react").JSX.Element;
+    QrCode: () => import("react").JSX.Element;
+    RecordTime: () => import("react").JSX.Element;
+    RunTimeline: () => import("react").JSX.Element;
+    SettingsFactsSection: () => import("react").JSX.Element;
+    StatusRow: () => import("react").JSX.Element;
+    Table: () => import("react").JSX.Element;
+    TableCard: () => import("react").JSX.Element;
+    TableValue: () => import("react").JSX.Element;
+    UsageMeter: () => import("react").JSX.Element;
+    AgentListRow: () => import("react").JSX.Element;
+    Breadcrumb: () => import("react").JSX.Element;
+    CommandDialog: () => import("react").JSX.Element;
+    DashboardShell: () => import("react").JSX.Element;
+    DesktopAppShell: () => import("react").JSX.Element;
+    Footer: () => import("react").JSX.Element;
+    NavigationMenu: () => import("react").JSX.Element;
+    Pagination: () => import("react").JSX.Element;
+    PortalSidebarFrame: () => import("react").JSX.Element;
+    ScopeSwitcher: () => import("react").JSX.Element;
+    Sidebar: () => import("react").JSX.Element;
+    SidebarSections: () => import("react").JSX.Element;
+    Tabs: () => import("react").JSX.Element;
+    TabsNav: () => import("react").JSX.Element;
+    textLinkVariants: () => import("react").JSX.Element;
+    ActionStatus: () => import("react").JSX.Element;
+    AgentOrb: () => import("react").JSX.Element;
+    AppMark: () => import("react").JSX.Element;
+    ArchIcon: () => import("react").JSX.Element;
+    Avatar: () => import("react").JSX.Element;
+    Badge: () => import("react").JSX.Element;
+    BrandWordmark: () => import("react").JSX.Element;
+    FileTypeIcon: () => import("react").JSX.Element;
+    IdentityMark: () => import("react").JSX.Element;
+    MetaLabel: () => import("react").JSX.Element;
+    ModelIdentity: () => import("react").JSX.Element;
+    ModelMark: () => import("react").JSX.Element;
+    PlatformMark: () => import("react").JSX.Element;
+    RecordIdentity: () => import("react").JSX.Element;
+    StatusBadge: () => import("react").JSX.Element;
+    StatusDot: () => import("react").JSX.Element;
+    Tag: () => import("react").JSX.Element;
+    Checkbox: () => import("react").JSX.Element;
+    CollectionSort: () => import("react").JSX.Element;
+    Combobox: () => import("react").JSX.Element;
+    ModelSelect: () => import("react").JSX.Element;
+    RadioGroup: () => import("react").JSX.Element;
+    SegmentedChoice: () => import("react").JSX.Element;
+    Select: () => import("react").JSX.Element;
+    Switch: () => import("react").JSX.Element;
+    ThemeModeSwitcher: () => import("react").JSX.Element;
+    Toggle: () => import("react").JSX.Element;
+    ToggleGroup: () => import("react").JSX.Element;
+    Calendar: () => import("react").JSX.Element;
+    CollectionSearch: () => import("react").JSX.Element;
+    Field: () => import("react").JSX.Element;
+    Form: () => import("react").JSX.Element;
+    Input: () => import("react").JSX.Element;
+    InputGroup: () => import("react").JSX.Element;
+    InputOTP: () => import("react").JSX.Element;
+    Label: () => import("react").JSX.Element;
+    NativeSelect: () => import("react").JSX.Element;
+    SettingsField: () => import("react").JSX.Element;
+    Slider: () => import("react").JSX.Element;
+    Textarea: () => import("react").JSX.Element;
+    Button: () => import("react").JSX.Element;
+    ButtonGroup: () => import("react").JSX.Element;
+    CopyButton: () => import("react").JSX.Element;
+    PageActions: () => import("react").JSX.Element;
+    ActivityFeed: () => import("react").JSX.Element;
+    AgentProfileCard: () => import("react").JSX.Element;
+    CatalogDrawer: () => import("react").JSX.Element;
+    CollectionFilters: () => import("react").JSX.Element;
+    CollectionPage: () => import("react").JSX.Element;
+    CollectionToolbar: () => import("react").JSX.Element;
+    ConfirmDialog: () => import("react").JSX.Element;
+    EntryScene: () => import("react").JSX.Element;
+    FormDialog: () => import("react").JSX.Element;
+    FormDrawer: () => import("react").JSX.Element;
+    LibraryShelf: () => import("react").JSX.Element;
+    ObjectPage: () => import("react").JSX.Element;
+    ObjectSection: () => import("react").JSX.Element;
+    OverviewPage: () => import("react").JSX.Element;
+    PageHeader: () => import("react").JSX.Element;
+    RecordList: () => import("react").JSX.Element;
+    RecordSheet: () => import("react").JSX.Element;
+    RowEditForm: () => import("react").JSX.Element;
+    SettingsPage: () => import("react").JSX.Element;
+    SettingsSection: () => import("react").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/showcase/specimens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/showcase/specimens/index.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYiB,CAAC"}

package/dist/showcase/specimens/index.js

@@ -0,0 +1,24 @@
+import { ACTIONS } from "./actions.js";
+import { CHARTS } from "./charts.js";
+import { CHOICES } from "./choices.js";
+import { COMPOSITIONS } from "./compositions.js";
+import { DATA } from "./data.js";
+import { FEEDBACK } from "./feedback.js";
+import { INPUTS } from "./inputs.js";
+import { MENUS } from "./menus.js";
+import { NAVIGATION } from "./navigation.js";
+import { OTHER } from "./other.js";
+import { STATUS } from "./status.js";
+export const SPECIMENS = {
+    ...COMPOSITIONS,
+    ...ACTIONS,
+    ...INPUTS,
+    ...CHOICES,
+    ...STATUS,
+    ...NAVIGATION,
+    ...DATA,
+    ...FEEDBACK,
+    ...MENUS,
+    ...CHARTS,
+    ...OTHER,
+};

package/dist/showcase/specimens/inputs.d.ts

@@ -0,0 +1,22 @@
+declare function CalendarSpecimen(): import("react").JSX.Element;
+declare function CollectionSearchSpecimen(): import("react").JSX.Element;
+declare function FormSpecimen(): import("react").JSX.Element;
+declare function InputGroupSpecimen(): import("react").JSX.Element;
+declare function InputOTPSpecimen(): import("react").JSX.Element;
+declare function SliderSpecimen(): import("react").JSX.Element;
+export declare const INPUTS: {
+    Calendar: typeof CalendarSpecimen;
+    CollectionSearch: typeof CollectionSearchSpecimen;
+    Field: () => import("react").JSX.Element;
+    Form: typeof FormSpecimen;
+    Input: () => import("react").JSX.Element;
+    InputGroup: typeof InputGroupSpecimen;
+    InputOTP: typeof InputOTPSpecimen;
+    Label: () => import("react").JSX.Element;
+    NativeSelect: () => import("react").JSX.Element;
+    SettingsField: () => import("react").JSX.Element;
+    Slider: typeof SliderSpecimen;
+    Textarea: () => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=inputs.d.ts.map

package/dist/showcase/specimens/inputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../../src/showcase/specimens/inputs.tsx"],"names":[],"mappings":"AAsCA,iBAAS,gBAAgB,gCAaxB;AAED,iBAAS,wBAAwB,gCAOhC;AAED,iBAAS,YAAY,gCA4BpB;AAED,iBAAS,kBAAkB,gCA2B1B;AAED,iBAAS,gBAAgB,gCA2BxB;AAED,iBAAS,cAAc,gCAoBtB;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAuEQ,CAAC"}

package/dist/showcase/specimens/inputs.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { Button } from "../../components/button.js";
+import { Calendar } from "../../components/calendar.js";
+import { CollectionSearch } from "../../components/collection-search.js";
+import { Field, FieldDescription, FieldError, FieldLabel } from "../../components/field.js";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "../../components/form.js";
+import { Input } from "../../components/input.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, } from "../../components/input-group.js";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../components/input-otp.js";
+import { Label } from "../../components/label.js";
+import { NativeSelect, NativeSelectOption } from "../../components/native-select.js";
+import { SettingsField } from "../../components/settings-section.js";
+import { Slider } from "../../components/slider.js";
+import { Switch } from "../../components/switch.js";
+import { Textarea } from "../../components/textarea.js";
+function CalendarSpecimen() {
+    const [range, setRange] = useState({
+        from: new Date(2026, 9, 7),
+        to: new Date(2026, 9, 13),
+    });
+    return (_jsx(Calendar, { defaultMonth: new Date(2026, 9, 1), mode: "range", onSelect: setRange, selected: range }));
+}
+function CollectionSearchSpecimen() {
+    const [value, setValue] = useState("");
+    return (_jsx("div", { className: "max-w-sm", children: _jsx(CollectionSearch, { label: "Find a skill", onValueChange: setValue, value: value }) }));
+}
+function FormSpecimen() {
+    const form = useForm({ defaultValues: { name: "" } });
+    return (_jsx(Form, { ...form, children: _jsxs("form", { className: "grid max-w-sm gap-4", method: "post", onSubmit: form.handleSubmit(() => undefined), children: [_jsx(FormField, { control: form.control, name: "name", rules: { required: "Enter the company's name, as it appears on invoices." }, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Company name" }), _jsx(FormControl, { render: _jsx(Input, { placeholder: "Bizeta Arredamenti", ...field }) }), _jsx(FormDescription, { children: "Shown on every invoice your Agents send." }), _jsx(FormMessage, {})] })) }), _jsx(Button, { className: "justify-self-start", type: "submit", children: "Save company" })] }) }));
+}
+function InputGroupSpecimen() {
+    const [value, setValue] = useState("acme.it");
+    return (_jsxs("div", { className: "grid max-w-sm gap-3", children: [_jsxs(InputGroup, { children: [_jsx(InputGroupAddon, { children: _jsx(InputGroupText, { children: "https://" }) }), _jsx(InputGroupInput, { "aria-label": "Website", onChange: (event) => setValue(event.target.value), value: value }), _jsx(InputGroupAddon, { align: "inline-end", children: _jsx(InputGroupButton, { "aria-label": "Clear website", onClick: () => setValue(""), size: "icon-xs", children: _jsx(X, { "aria-hidden": "true" }) }) })] }), _jsxs(InputGroup, { children: [_jsx(InputGroupAddon, { children: _jsx(Search, { "aria-hidden": "true" }) }), _jsx(InputGroupInput, { "aria-label": "Search the hub", placeholder: "Search the hub", type: "search" })] })] }));
+}
+function InputOTPSpecimen() {
+    const [code, setCode] = useState("");
+    return (_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "showcase-otp", children: "Code from your authenticator app" }), _jsxs(InputOTP, { autoComplete: "one-time-code", id: "showcase-otp", inputMode: "numeric", maxLength: 6, onChange: setCode, value: code, children: [_jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 })] }), _jsx(InputOTPSeparator, {}), _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 3 }), _jsx(InputOTPSlot, { index: 4 }), _jsx(InputOTPSlot, { index: 5 })] })] })] }));
+}
+function SliderSpecimen() {
+    const [limit, setLimit] = useState(400);
+    return (_jsxs("div", { className: "grid max-w-sm gap-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-4", children: [_jsx(Label, { id: "showcase-limit", children: "Monthly limit" }), _jsxs("span", { className: "text-sm tabular-nums", children: ["\u20AC ", limit] })] }), _jsx(Slider, { "aria-labelledby": "showcase-limit", format: { style: "currency", currency: "EUR", maximumFractionDigits: 0 }, max: 1000, min: 0, onValueChange: (next) => setLimit(Array.isArray(next) ? (next[0] ?? 0) : next), step: 50, value: limit }), _jsx("p", { className: "text-sm text-muted-foreground", children: "From \u20AC0 to \u20AC1,000, in steps of \u20AC50." })] }));
+}
+export const INPUTS = {
+    Calendar: CalendarSpecimen,
+    CollectionSearch: CollectionSearchSpecimen,
+    Field: () => (_jsxs("div", { className: "grid max-w-sm gap-6", children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "showcase-email", children: "Billing email" }), _jsx(FieldDescription, { children: "Invoices and receipts go here." }), _jsx(Input, { id: "showcase-email", placeholder: "amministrazione@acme.it", type: "email" })] }), _jsxs(Field, { "data-invalid": "true", children: [_jsx(FieldLabel, { htmlFor: "showcase-email-wrong", children: "Billing email" }), _jsx(Input, { "aria-describedby": "showcase-email-error", "aria-invalid": "true", defaultValue: "amministrazione", id: "showcase-email-wrong", type: "email" }), _jsx(FieldError, { id: "showcase-email-error", children: "Enter a full address, like name@company.it." })] })] })),
+    Form: FormSpecimen,
+    Input: () => (_jsxs("div", { className: "grid max-w-sm gap-2", children: [_jsx(Label, { htmlFor: "showcase-company", children: "Company name" }), _jsx(Input, { autoComplete: "organization", id: "showcase-company", placeholder: "Bizeta Arredamenti" })] })),
+    InputGroup: InputGroupSpecimen,
+    InputOTP: InputOTPSpecimen,
+    Label: () => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { id: "showcase-approvals" }), _jsx(Label, { htmlFor: "showcase-approvals", children: "Approvals" })] })),
+    NativeSelect: () => (_jsxs("div", { className: "grid max-w-sm gap-2", children: [_jsx(Label, { htmlFor: "showcase-zone", children: "Time zone" }), _jsxs(NativeSelect, { defaultValue: "Europe/Rome", id: "showcase-zone", children: [_jsx(NativeSelectOption, { value: "Europe/London", children: "London" }), _jsx(NativeSelectOption, { value: "Europe/Rome", children: "Rome" }), _jsx(NativeSelectOption, { value: "America/New_York", children: "New York" })] })] })),
+    SettingsField: () => (_jsx("div", { className: "max-w-md", children: _jsx(SettingsField, { description: "The name your Customers read on every message.", id: "showcase-sender", label: "Sender name", children: ({ controlProps }) => _jsx(Input, { ...controlProps, defaultValue: "Acme Quotes" }) }) })),
+    Slider: SliderSpecimen,
+    Textarea: () => (_jsxs("div", { className: "grid max-w-md gap-2", children: [_jsx(Label, { htmlFor: "showcase-instructions", children: "Instructions" }), _jsx(Textarea, { id: "showcase-instructions", placeholder: "Reply in Italian, and copy the sales team on every quote." })] })),
+};

package/dist/showcase/specimens/menus.d.ts

@@ -0,0 +1,20 @@
+declare function AccountMenuSpecimen(): import("react").JSX.Element;
+declare function MenuRowsSpecimen(): import("react").JSX.Element;
+export declare const MENUS: {
+    AccountMenu: typeof AccountMenuSpecimen;
+    ActionContextMenu: () => import("react").JSX.Element;
+    ActionMenu: () => import("react").JSX.Element;
+    AlertDialog: () => import("react").JSX.Element;
+    ContextMenu: () => import("react").JSX.Element;
+    Dialog: () => import("react").JSX.Element;
+    Drawer: () => import("react").JSX.Element;
+    DropdownMenu: () => import("react").JSX.Element;
+    GlassControl: () => import("react").JSX.Element;
+    Menubar: () => import("react").JSX.Element;
+    MenuChoiceRow: typeof MenuRowsSpecimen;
+    Popover: () => import("react").JSX.Element;
+    Sheet: () => import("react").JSX.Element;
+    ThemeModeMenu: typeof MenuRowsSpecimen;
+};
+export {};
+//# sourceMappingURL=menus.d.ts.map

package/dist/showcase/specimens/menus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus.d.ts","sourceRoot":"","sources":["../../../src/showcase/specimens/menus.tsx"],"names":[],"mappings":"AAuFA,iBAAS,mBAAmB,gCA+B3B;AAED,iBAAS,gBAAgB,gCAoBxB;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CA0IS,CAAC"}

package/dist/showcase/specimens/menus.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Copy, Languages, Pencil, Settings2 } from "lucide-react";
+import { useState } from "react";
+import { AccountMenu } from "../../components/account-menu.js";
+import { ActionContextMenu, ActionMenu } from "../../components/action-menu.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../components/alert-dialog.js";
+import { Button } from "../../components/button.js";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger, } from "../../components/context-menu.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "../../components/dialog.js";
+import { Drawer, DrawerBody, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, } from "../../components/drawer.js";
+import { DropdownMenu, DropdownMenuCommand, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuTrigger, } from "../../components/dropdown-menu.js";
+import { GlassControl } from "../../components/glass-control.js";
+import { Input } from "../../components/input.js";
+import { Label } from "../../components/label.js";
+import { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarTrigger, } from "../../components/menubar.js";
+import { MenuChoiceRow } from "../../components/menu-choice-row.js";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "../../components/popover.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, } from "../../components/sheet.js";
+import { ThemeModeMenu } from "../../components/theme-mode-switcher.js";
+import { nothing, RECORD_COMMANDS } from "../samples.js";
+const THEME_LABELS = { light: "Light", dark: "Dark", system: "System" };
+function AccountMenuSpecimen() {
+    const [theme, setTheme] = useState("system");
+    const [language, setLanguage] = useState("en");
+    return (_jsx("div", { className: "max-w-xs", children: _jsx(AccountMenu, { commands: [{ label: "Usage", icon: _jsx(Settings2, {}), value: "62% left", onClick: nothing }], identity: { name: "Ada Rossi", initials: "AR", lines: ["ada@acme.it"] }, label: "Account: Ada Rossi", language: {
+                icon: _jsx(Languages, {}),
+                label: "Language",
+                onValueChange: setLanguage,
+                options: [
+                    { value: "en", label: "English", content: "EN" },
+                    { value: "it", label: "Italiano", content: "IT" },
+                ],
+                value: language,
+            }, settings: { label: "Settings", onClick: nothing }, side: "bottom", signOut: {
+                label: "Sign out",
+                pendingLabel: "Signing out",
+                pending: false,
+                onSignOut: nothing,
+            }, theme: { label: "Theme", labels: THEME_LABELS, onValueChange: setTheme, value: theme } }) }));
+}
+function MenuRowsSpecimen() {
+    const [theme, setTheme] = useState("system");
+    const [density, setDensity] = useState("comfortable");
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsx(Button, { variant: "outline", children: "Preferences" }) }), _jsxs(DropdownMenuContent, { align: "start", children: [_jsx(ThemeModeMenu, { label: "Theme", labels: THEME_LABELS, onValueChange: setTheme, value: theme }), _jsx(MenuChoiceRow, { label: "Density", onValueChange: setDensity, options: [
+                            { value: "comfortable", label: "Comfortable", content: "Aa" },
+                            { value: "compact", label: "Compact", content: "aa" },
+                        ], value: density })] })] }));
+}
+export const MENUS = {
+    AccountMenu: AccountMenuSpecimen,
+    ActionContextMenu: () => (_jsx(ActionContextMenu, { commands: RECORD_COMMANDS, label: "More for pec@acme.it", record: "pec@acme.it", children: _jsx("div", { className: "max-w-sm rounded-md border border-dashed border-border p-6 text-sm text-muted-foreground", children: "Right-click pec@acme.it" }) })),
+    ActionMenu: () => (_jsxs("div", { className: "flex items-center gap-2 text-sm", children: ["pec@acme.it", _jsx(ActionMenu, { commands: RECORD_COMMANDS, label: "More for pec@acme.it", record: "pec@acme.it" })] })),
+    AlertDialog: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { render: _jsx(Button, { variant: "outline", children: "Remove mailbox" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove pec@acme.it" }), _jsx(AlertDialogDescription, { children: "Agents stop reading and sending from this address." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", children: "Remove mailbox" })] })] })] })),
+    ContextMenu: () => (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { className: "block max-w-sm rounded-md border border-dashed border-border p-6 text-sm text-muted-foreground", children: "Right-click the canvas" }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { children: "Paste" }), _jsx(ContextMenuItem, { children: "Select all" })] })] })),
+    Dialog: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { render: _jsx(Button, { variant: "outline", children: "Add MCP server" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add MCP server" }), _jsx(DialogDescription, { children: "Agents can call its tools once it is added." })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "showcase-mcp-url", children: "Address" }), _jsx(Input, { id: "showcase-mcp-url", placeholder: "https://mcp.acme.it", type: "url" })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { render: _jsx(Button, { variant: "outline", children: "Cancel" }) }), _jsx(Button, { children: "Add server" })] })] })] })),
+    Drawer: () => (_jsxs(Drawer, { children: [_jsx(DrawerTrigger, { render: _jsx(Button, { variant: "outline", children: "Connect Telegram" }) }), _jsxs(DrawerContent, { children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Connect Telegram" }), _jsx(DrawerDescription, { children: "Step 1 of 2: open the bot on your phone." })] }), _jsx(DrawerBody, { className: "text-sm text-muted-foreground", children: "Scan the code with Telegram, then come back here." })] })] })),
+    DropdownMenu: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsx(Button, { variant: "outline", children: "Actions" }) }), _jsx(DropdownMenuContent, { align: "start", children: _jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: "pec@acme.it" }), _jsx(DropdownMenuCommand, { icon: _jsx(Pencil, {}), children: "Rename mailbox" }), _jsx(DropdownMenuCommand, { disabled: true, icon: _jsx(Copy, {}), reason: "Only an owner can copy it", children: "Copy password" })] }) })] })),
+    GlassControl: () => (_jsxs(GlassControl, { className: "flex w-fit items-center gap-2 p-2", children: [_jsx(Button, { variant: "ghost", children: "Day" }), _jsx(Button, { variant: "ghost", children: "Week" }), _jsx(Button, { variant: "ghost", children: "Month" })] })),
+    Menubar: () => (_jsxs(Menubar, { children: [_jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "New chat" }), _jsx(MenubarItem, { children: "Export chat" })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsx(MenubarContent, { children: _jsx(MenubarItem, { children: "Copy message" }) })] })] })),
+    MenuChoiceRow: MenuRowsSpecimen,
+    Popover: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { render: _jsx(Button, { variant: "outline", children: "Filter" }) }), _jsx(PopoverContent, { align: "start", children: _jsxs(PopoverHeader, { children: [_jsx(PopoverTitle, { children: "Filter skills" }), _jsx(PopoverDescription, { children: "Show the skills every Agent has." })] }) })] })),
+    Sheet: () => (_jsxs(Sheet, { children: [_jsx(SheetTrigger, { render: _jsx(Button, { variant: "outline", children: "Inspect Rossi Ottica" }) }), _jsx(SheetContent, { children: _jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Rossi Ottica" }), _jsx(SheetDescription, { children: "Partner since March 2026, 4 customers." })] }) })] })),
+    ThemeModeMenu: MenuRowsSpecimen,
+};

package/dist/showcase/specimens/navigation.d.ts

@@ -0,0 +1,22 @@
+declare function CommandDialogSpecimen(): import("react").JSX.Element;
+declare function ScopeSwitcherSpecimen(): import("react").JSX.Element;
+declare function SidebarSectionsSpecimen(): import("react").JSX.Element;
+export declare const NAVIGATION: {
+    AgentListRow: () => import("react").JSX.Element;
+    Breadcrumb: () => import("react").JSX.Element;
+    CommandDialog: typeof CommandDialogSpecimen;
+    DashboardShell: () => import("react").JSX.Element;
+    DesktopAppShell: () => import("react").JSX.Element;
+    Footer: () => import("react").JSX.Element;
+    NavigationMenu: () => import("react").JSX.Element;
+    Pagination: () => import("react").JSX.Element;
+    PortalSidebarFrame: () => import("react").JSX.Element;
+    ScopeSwitcher: typeof ScopeSwitcherSpecimen;
+    Sidebar: () => import("react").JSX.Element;
+    SidebarSections: typeof SidebarSectionsSpecimen;
+    Tabs: () => import("react").JSX.Element;
+    TabsNav: () => import("react").JSX.Element;
+    textLinkVariants: () => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=navigation.d.ts.map

package/dist/showcase/specimens/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/showcase/specimens/navigation.tsx"],"names":[],"mappings":"AAgFA,iBAAS,qBAAqB,gCAgC7B;AAED,iBAAS,qBAAqB,gCAc7B;AAED,iBAAS,uBAAuB,gCAiC/B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CA4PI,CAAC"}

package/dist/showcase/specimens/navigation.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Building2, CreditCard, Download, LayoutDashboard, Settings, Users } from "lucide-react";
+import { useState } from "react";
+import { AgentListRow } from "../../components/agent-list-row.js";
+import { BrandWordmark } from "../../components/brand.js";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "../../components/breadcrumb.js";
+import { Button } from "../../components/button.js";
+import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut, } from "../../components/command.js";
+import { DashboardShell } from "../../components/dashboard-shell.js";
+import { DesktopAppShell } from "../../components/desktop-shell.js";
+import { Footer, FooterBrand, FooterIdentity, FooterInner, FooterMeta, FooterNav, } from "../../components/footer.js";
+import { AgentIcon, ApprovalsIcon } from "../../components/house-icons.js";
+import { Kbd } from "../../components/kbd.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, } from "../../components/navigation-menu.js";
+import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from "../../components/pagination.js";
+import { PortalSidebarFrame } from "../../components/portal-sidebar-frame.js";
+import { ScopeSwitcher } from "../../components/scope-switcher.js";
+import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, } from "../../components/sidebar.js";
+import { SidebarSections } from "../../components/sidebar-sections.js";
+import { Tabs, TabsContent, TabsLink, TabsList, TabsNav, TabsTrigger } from "../../components/tabs.js";
+import { textLinkVariants } from "../../components/text-link.js";
+import { COBALTO, nothing, VERDE } from "../samples.js";
+function Navigation({ children }) {
+    return (_jsx(SidebarProvider, { className: "min-h-0", mobileSheet: false, passive: true, children: children }));
+}
+function CommandDialogSpecimen() {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { onClick: () => setOpen(true), variant: "outline", children: ["Find", _jsx(Kbd, { children: "\u2318K" })] }), _jsxs(CommandDialog, { description: "Find an Agent, a customer or a page", onOpenChange: setOpen, open: open, title: "Find", children: [_jsx(CommandInput, { placeholder: "Find anything" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "Nothing matches" }), _jsxs(CommandGroup, { heading: "Agents", children: [_jsx(CommandItem, { onSelect: () => setOpen(false), children: "Invoices" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "Orders" })] }), _jsxs(CommandGroup, { heading: "Go to", children: [_jsxs(CommandItem, { onSelect: () => setOpen(false), children: ["Usage and billing", _jsx(CommandShortcut, { children: "\u2318U" })] }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "New Agent" })] })] })] })] }));
+}
+function ScopeSwitcherSpecimen() {
+    const [scope, setScope] = useState("all");
+    return (_jsx(ScopeSwitcher, { copy: { label: "Scope", search: "Find a scope", empty: "No scope matches" }, onValueChange: setScope, options: [
+            { value: "all", label: "All customers" },
+            { value: "rossi", label: "Rossi Ottica", group: "Partners" },
+            { value: "bizeta", label: "Bizeta Arredamenti", group: "Customers" },
+        ], value: scope }));
+}
+function SidebarSectionsSpecimen() {
+    const [section, setSection] = useState("overview");
+    return (_jsx(Navigation, { children: _jsx(Sidebar, { collapsible: "none", children: _jsx(SidebarSections, { back: { label: "Agents", onClick: nothing }, current: section, identity: {
+                    name: "Invoices",
+                    mark: { kind: "agent", orb: { form: "orbit", color: COBALTO } },
+                    detail: "Drafts and sends the month's invoices",
+                }, label: "Invoices", sections: [
+                    {
+                        id: "overview",
+                        label: "Overview",
+                        icon: LayoutDashboard,
+                        onClick: () => setSection("overview"),
+                    },
+                    { id: "skills", label: "Skills", icon: AgentIcon, onClick: () => setSection("skills") },
+                    {
+                        id: "settings",
+                        label: "Settings",
+                        icon: Settings,
+                        onClick: () => setSection("settings"),
+                    },
+                ] }) }) }));
+}
+export const NAVIGATION = {
+    AgentListRow: () => (_jsxs("ul", { className: "grid max-w-xs gap-1", children: [_jsx("li", { children: _jsx(AgentListRow, { color: COBALTO, current: true, form: "orbit", name: "Invoices", state: "working", stateLine: "Drafting October's invoices" }) }), _jsx("li", { children: _jsx(AgentListRow, { color: VERDE, form: "lattice", name: "Orders", state: "waiting", stateLine: "Waiting for you", stateTone: "warn" }) })] })),
+    Breadcrumb: () => (_jsx(Breadcrumb, { "aria-label": "Path", children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "#customers", children: "Customers" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Rossi Ottica" }) })] }) })),
+    CommandDialog: CommandDialogSpecimen,
+    DashboardShell: () => (_jsx("div", { className: "h-96 overflow-hidden rounded-md border border-border", children: _jsx(DashboardShell, { className: "min-h-0", contentLabel: "Customers", header: _jsx("span", { className: "text-sm font-medium", children: "Customers" }), mobileNavigationLabel: "Navigation", passive: true, sidebar: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: true, children: [_jsx(Building2, { "aria-hidden": "true" }), "Customers"] }) }), _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { children: [_jsx(CreditCard, { "aria-hidden": "true" }), "Usage and billing"] }) })] }), sidebarCollapsible: "none", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "The page's content scrolls here." }) }) })),
+    DesktopAppShell: () => (_jsx("div", { className: "h-96 overflow-hidden rounded-md border border-border", children: _jsx(DesktopAppShell, { activityRail: _jsx(Navigation, { children: _jsx(SidebarMenu, { className: "p-2", children: _jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { isActive: true, children: _jsx(AgentListRow, { color: COBALTO, form: "orbit", name: "Invoices", size: 24 }) }) }) }) }), activityRailLabel: "Agents", className: "h-full", primaryPaneLabel: "Conversation", title: "Invoices", children: _jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "The Agent's conversation." }) }) })),
+    Footer: () => (_jsx(Footer, { children: _jsxs(FooterInner, { children: [_jsx(FooterBrand, { "aria-label": "nadicode", href: "#top", children: _jsx(BrandWordmark, { alt: "" }) }), _jsx(FooterIdentity, { children: "Agents that do the work, for Italian companies." }), _jsxs(FooterNav, { "aria-label": "Company", children: [_jsx("a", { href: "#privacy", children: "Privacy" }), _jsx("a", { href: "#terms", children: "Terms" })] }), _jsx(FooterMeta, { children: "\u00A9 2026 nadicode" })] }) })),
+    NavigationMenu: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Product" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-72 gap-1 p-2", children: [_jsx("li", { children: _jsx(NavigationMenuLink, { href: "#nadia", children: "Nadia" }) }), _jsx("li", { children: _jsx(NavigationMenuLink, { href: "#portal", children: "The Portal" }) })] }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { href: "#pricing", children: "Pricing" }) })] }) })),
+    Pagination: () => (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: "#page-1" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#page-1", children: "1" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#page-2", isActive: true, children: "2" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#page-3", children: "3" }) }), _jsx(PaginationItem, { children: _jsx(PaginationNext, { href: "#page-3" }) })] }) })),
+    PortalSidebarFrame: () => (_jsx(Navigation, { children: _jsx(PortalSidebarFrame, { account: { name: "Ada Rossi", initials: "AR", lines: ["Acme S.r.l."] }, bands: [
+                {
+                    id: "work",
+                    label: "Work",
+                    items: [
+                        {
+                            id: "agents",
+                            label: "Agents",
+                            icon: _jsx(AgentIcon, { "aria-hidden": "true" }),
+                            current: true,
+                        },
+                        { id: "approvals", label: "Approvals", icon: _jsx(ApprovalsIcon, { "aria-hidden": "true" }) },
+                    ],
+                },
+                {
+                    id: "company",
+                    label: "Company",
+                    items: [
+                        { id: "members", label: "Members", icon: _jsx(Users, { "aria-hidden": "true" }) },
+                        {
+                            id: "billing",
+                            label: "Usage and billing",
+                            icon: _jsx(CreditCard, { "aria-hidden": "true" }),
+                        },
+                    ],
+                },
+            ], findLabel: "Find", footerItem: { id: "get-nadia", label: "Get Nadia", icon: _jsx(Download, { "aria-hidden": "true" }) }, subtitle: "Portal", toggleLabel: "Collapse navigation" }) })),
+    ScopeSwitcher: ScopeSwitcherSpecimen,
+    Sidebar: () => (_jsx(Navigation, { children: _jsx(Sidebar, { collapsible: "none", children: _jsx(SidebarContent, { children: _jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: "Company" }), _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: true, children: [_jsx(Building2, { "aria-hidden": "true" }), "Statements"] }) }), _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { children: [_jsx(CreditCard, { "aria-hidden": "true" }), "Usage and billing"] }) })] })] }) }) }) })),
+    SidebarSections: SidebarSectionsSpecimen,
+    Tabs: () => (_jsxs(Tabs, { defaultValue: "overview", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overview", children: "Overview" }), _jsx(TabsTrigger, { value: "installations", children: "Installations" })] }), _jsx(TabsContent, { className: "pt-3 text-sm text-muted-foreground", value: "overview", children: "What the customer runs, at a glance." }), _jsx(TabsContent, { className: "pt-3 text-sm text-muted-foreground", value: "installations", children: "Every machine Nadia is installed on." })] })),
+    TabsNav: () => (_jsxs(TabsNav, { "aria-label": "Rossi Ottica", variant: "line", children: [_jsx(TabsLink, { current: true, href: "#overview", children: "Overview" }), _jsx(TabsLink, { href: "#installations", children: "Installations" }), _jsx(TabsLink, { href: "#billing", children: "Billing" })] })),
+    textLinkVariants: () => (_jsxs("p", { className: "max-w-md text-sm", children: ["Your data stays in the EU. Read the", " ", _jsx("a", { className: textLinkVariants({ kind: "inline" }), href: "#privacy", children: "privacy notice" }), " ", "for what each Agent keeps.", " ", _jsx("a", { className: textLinkVariants({ kind: "quiet" }), href: "#learn", children: "Learn more" })] })),
+};

package/dist/showcase/specimens/other.d.ts

@@ -0,0 +1,26 @@
+declare function AspectRatioSpecimen(): import("react").JSX.Element;
+declare function CompanyCardSpecimen(): import("react").JSX.Element;
+declare function HiveSceneSpecimen(): import("react").JSX.Element;
+declare function NadiaPresenceSpecimen(): import("react").JSX.Element;
+export declare const OTHER: {
+    Accordion: () => import("react").JSX.Element;
+    AspectRatio: typeof AspectRatioSpecimen;
+    BrandField: () => import("react").JSX.Element;
+    Carousel: () => import("react").JSX.Element;
+    ChannelView: () => import("react").JSX.Element;
+    Collapsible: () => import("react").JSX.Element;
+    CompanyCard: typeof CompanyCardSpecimen;
+    Disclosure: () => import("react").JSX.Element;
+    ExpandableBlock: () => import("react").JSX.Element;
+    HiveScene: typeof HiveSceneSpecimen;
+    NadiaPresence: typeof NadiaPresenceSpecimen;
+    NumberedSteps: () => import("react").JSX.Element;
+    PluginSlotBoundary: () => import("react").JSX.Element;
+    ReadingColumn: () => import("react").JSX.Element;
+    ResizablePanelGroup: () => import("react").JSX.Element;
+    ScrollArea: () => import("react").JSX.Element;
+    Separator: () => import("react").JSX.Element;
+    ToolIcon: () => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=other.d.ts.map

package/dist/showcase/specimens/other.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"other.d.ts","sourceRoot":"","sources":["../../../src/showcase/specimens/other.tsx"],"names":[],"mappings":"AAwDA,iBAAS,mBAAmB,gCAS3B;AAED,iBAAS,mBAAmB,gCAiB3B;AAED,iBAAS,iBAAiB,gCAczB;AAED,iBAAS,qBAAqB,gCAa7B;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CAmJS,CAAC"}