@ziioapp/ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +22 -0
- package/README.md +47 -0
- package/THIRD_PARTY_NOTICES.md +3 -0
- package/dist/base.css +2 -0
- package/dist/hooks/use-mobile.d.ts +1 -0
- package/dist/hooks/use-mobile.js +15 -0
- package/dist/lib/official-themes.d.ts +76 -0
- package/dist/lib/official-themes.js +102 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +5 -0
- package/dist/registry/registry.json +427 -0
- package/dist/registry/ziio-ui.json +421 -0
- package/dist/shadcn/components/accordion.d.ts +6 -0
- package/dist/shadcn/components/accordion.js +18 -0
- package/dist/shadcn/components/alert-dialog.d.ts +18 -0
- package/dist/shadcn/components/alert-dialog.js +44 -0
- package/dist/shadcn/components/alert.d.ts +10 -0
- package/dist/shadcn/components/alert.js +29 -0
- package/dist/shadcn/components/aspect-ratio.d.ts +4 -0
- package/dist/shadcn/components/aspect-ratio.js +9 -0
- package/dist/shadcn/components/attachment.d.ts +23 -0
- package/dist/shadcn/components/attachment.js +70 -0
- package/dist/shadcn/components/avatar.d.ts +11 -0
- package/dist/shadcn/components/avatar.js +25 -0
- package/dist/shadcn/components/badge.d.ts +7 -0
- package/dist/shadcn/components/badge.js +34 -0
- package/dist/shadcn/components/breadcrumb.d.ts +10 -0
- package/dist/shadcn/components/breadcrumb.js +38 -0
- package/dist/shadcn/components/bubble.d.ts +16 -0
- package/dist/shadcn/components/bubble.js +61 -0
- package/dist/shadcn/components/button-group.d.ts +10 -0
- package/dist/shadcn/components/button-group.js +37 -0
- package/dist/shadcn/components/button.d.ts +8 -0
- package/dist/shadcn/components/button.js +35 -0
- package/dist/shadcn/components/calendar.d.ts +10 -0
- package/dist/shadcn/components/calendar.js +77 -0
- package/dist/shadcn/components/card.d.ts +11 -0
- package/dist/shadcn/components/card.js +26 -0
- package/dist/shadcn/components/carousel.d.ts +28 -0
- package/dist/shadcn/components/carousel.js +92 -0
- package/dist/shadcn/components/chart.d.ts +44 -0
- package/dist/shadcn/components/chart.js +133 -0
- package/dist/shadcn/components/checkbox.d.ts +3 -0
- package/dist/shadcn/components/checkbox.js +10 -0
- package/dist/shadcn/components/collapsible.d.ts +5 -0
- package/dist/shadcn/components/collapsible.js +14 -0
- package/dist/shadcn/components/combobox.d.ts +24 -0
- package/dist/shadcn/components/combobox.js +59 -0
- package/dist/shadcn/components/command.d.ts +19 -0
- package/dist/shadcn/components/command.js +37 -0
- package/dist/shadcn/components/context-menu.d.ts +29 -0
- package/dist/shadcn/components/context-menu.js +53 -0
- package/dist/shadcn/components/dialog.d.ts +17 -0
- package/dist/shadcn/components/dialog.js +39 -0
- package/dist/shadcn/components/direction.d.ts +1 -0
- package/dist/shadcn/components/direction.js +3 -0
- package/dist/shadcn/components/drawer.d.ts +16 -0
- package/dist/shadcn/components/drawer.js +76 -0
- package/dist/shadcn/components/dropdown-menu.d.ts +29 -0
- package/dist/shadcn/components/dropdown-menu.js +53 -0
- package/dist/shadcn/components/empty.d.ts +11 -0
- package/dist/shadcn/components/empty.js +34 -0
- package/dist/shadcn/components/field.d.ts +24 -0
- package/dist/shadcn/components/field.js +69 -0
- package/dist/shadcn/components/hover-card.d.ts +5 -0
- package/dist/shadcn/components/hover-card.js +15 -0
- package/dist/shadcn/components/input-group.d.ts +18 -0
- package/dist/shadcn/components/input-group.js +59 -0
- package/dist/shadcn/components/input-otp.d.ts +11 -0
- package/dist/shadcn/components/input-otp.js +22 -0
- package/dist/shadcn/components/input.d.ts +3 -0
- package/dist/shadcn/components/input.js +9 -0
- package/dist/shadcn/components/item.d.ts +22 -0
- package/dist/shadcn/components/item.js +80 -0
- package/dist/shadcn/components/kbd.d.ts +3 -0
- package/dist/shadcn/components/kbd.js +10 -0
- package/dist/shadcn/components/label.d.ts +3 -0
- package/dist/shadcn/components/label.js +9 -0
- package/dist/shadcn/components/marker.d.ts +10 -0
- package/dist/shadcn/components/marker.js +36 -0
- package/dist/shadcn/components/menubar.d.ts +29 -0
- package/dist/shadcn/components/menubar.js +58 -0
- package/dist/shadcn/components/message-scroller.d.ts +10 -0
- package/dist/shadcn/components/message-scroller.js +27 -0
- package/dist/shadcn/components/message.d.ts +10 -0
- package/dist/shadcn/components/message.js +23 -0
- package/dist/shadcn/components/native-select.d.ts +8 -0
- package/dist/shadcn/components/native-select.js +15 -0
- package/dist/shadcn/components/navigation-menu.d.ts +11 -0
- package/dist/shadcn/components/navigation-menu.js +32 -0
- package/dist/shadcn/components/pagination.d.ts +17 -0
- package/dist/shadcn/components/pagination.js +28 -0
- package/dist/shadcn/components/popover.d.ts +9 -0
- package/dist/shadcn/components/popover.js +25 -0
- package/dist/shadcn/components/progress.d.ts +7 -0
- package/dist/shadcn/components/progress.js +21 -0
- package/dist/shadcn/components/questionnaire.d.ts +19 -0
- package/dist/shadcn/components/questionnaire.js +54 -0
- package/dist/shadcn/components/radio-group.d.ts +5 -0
- package/dist/shadcn/components/radio-group.js +13 -0
- package/dist/shadcn/components/resizable.d.ts +7 -0
- package/dist/shadcn/components/resizable.js +15 -0
- package/dist/shadcn/components/scroll-area.d.ts +4 -0
- package/dist/shadcn/components/scroll-area.js +12 -0
- package/dist/shadcn/components/select.d.ts +15 -0
- package/dist/shadcn/components/select.js +36 -0
- package/dist/shadcn/components/separator.d.ts +3 -0
- package/dist/shadcn/components/separator.js +9 -0
- package/dist/shadcn/components/sheet.d.ts +14 -0
- package/dist/shadcn/components/sheet.js +39 -0
- package/dist/shadcn/components/sidebar.d.ts +63 -0
- package/dist/shadcn/components/sidebar.js +257 -0
- package/dist/shadcn/components/skeleton.d.ts +2 -0
- package/dist/shadcn/components/skeleton.js +7 -0
- package/dist/shadcn/components/slider.d.ts +3 -0
- package/dist/shadcn/components/slider.js +13 -0
- package/dist/shadcn/components/sonner.d.ts +3 -0
- package/dist/shadcn/components/sonner.js +26 -0
- package/dist/shadcn/components/spinner.d.ts +2 -0
- package/dist/shadcn/components/spinner.js +8 -0
- package/dist/shadcn/components/switch.d.ts +5 -0
- package/dist/shadcn/components/switch.js +9 -0
- package/dist/shadcn/components/table.d.ts +10 -0
- package/dist/shadcn/components/table.js +30 -0
- package/dist/shadcn/components/tabs.d.ts +10 -0
- package/dist/shadcn/components/tabs.js +30 -0
- package/dist/shadcn/components/textarea.d.ts +3 -0
- package/dist/shadcn/components/textarea.js +8 -0
- package/dist/shadcn/components/toast.d.ts +15 -0
- package/dist/shadcn/components/toast.js +68 -0
- package/dist/shadcn/components/toggle-group.d.ts +10 -0
- package/dist/shadcn/components/toggle-group.js +26 -0
- package/dist/shadcn/components/toggle.d.ts +8 -0
- package/dist/shadcn/components/toggle.js +27 -0
- package/dist/shadcn/components/tooltip.d.ts +6 -0
- package/dist/shadcn/components/tooltip.js +18 -0
- package/dist/shadcn/hooks/use-mobile.d.ts +1 -0
- package/dist/shadcn/hooks/use-mobile.js +16 -0
- package/dist/size-report.json +80 -0
- package/dist/styles/app-loading.css +40 -0
- package/dist/styles/bases/base-mauve.css +71 -0
- package/dist/styles/bases/base-mist.css +71 -0
- package/dist/styles/bases/base-neutral.css +71 -0
- package/dist/styles/bases/base-olive.css +71 -0
- package/dist/styles/bases/base-stone.css +71 -0
- package/dist/styles/bases/base-taupe.css +71 -0
- package/dist/styles/bases/base-zinc.css +71 -0
- package/dist/styles/chart.css +18 -0
- package/dist/styles/charts/chart-amber.css +18 -0
- package/dist/styles/charts/chart-blue.css +18 -0
- package/dist/styles/charts/chart-rose.css +18 -0
- package/dist/styles/charts/chart-teal.css +18 -0
- package/dist/styles/compiled/luma.css +2 -0
- package/dist/styles/compiled/lyra.css +2 -0
- package/dist/styles/compiled/maia.css +2 -0
- package/dist/styles/compiled/mira.css +2 -0
- package/dist/styles/compiled/nova.css +2 -0
- package/dist/styles/compiled/rhea.css +2 -0
- package/dist/styles/compiled/sera.css +2 -0
- package/dist/styles/compiled/vega.css +2 -0
- package/dist/styles/index.css +52 -0
- package/dist/styles/official/bases/base-mauve.css +67 -0
- package/dist/styles/official/bases/base-mist.css +67 -0
- package/dist/styles/official/bases/base-neutral.css +67 -0
- package/dist/styles/official/bases/base-olive.css +67 -0
- package/dist/styles/official/bases/base-stone.css +67 -0
- package/dist/styles/official/bases/base-taupe.css +67 -0
- package/dist/styles/official/bases/base-zinc.css +67 -0
- package/dist/styles/official/charts/chart-amber.css +14 -0
- package/dist/styles/official/charts/chart-blue.css +14 -0
- package/dist/styles/official/charts/chart-cyan.css +14 -0
- package/dist/styles/official/charts/chart-emerald.css +14 -0
- package/dist/styles/official/charts/chart-fuchsia.css +14 -0
- package/dist/styles/official/charts/chart-green.css +14 -0
- package/dist/styles/official/charts/chart-indigo.css +14 -0
- package/dist/styles/official/charts/chart-lime.css +14 -0
- package/dist/styles/official/charts/chart-mauve.css +14 -0
- package/dist/styles/official/charts/chart-mist.css +14 -0
- package/dist/styles/official/charts/chart-neutral.css +14 -0
- package/dist/styles/official/charts/chart-olive.css +14 -0
- package/dist/styles/official/charts/chart-orange.css +14 -0
- package/dist/styles/official/charts/chart-pink.css +14 -0
- package/dist/styles/official/charts/chart-purple.css +14 -0
- package/dist/styles/official/charts/chart-red.css +14 -0
- package/dist/styles/official/charts/chart-rose.css +14 -0
- package/dist/styles/official/charts/chart-sky.css +14 -0
- package/dist/styles/official/charts/chart-stone.css +14 -0
- package/dist/styles/official/charts/chart-taupe.css +14 -0
- package/dist/styles/official/charts/chart-teal.css +14 -0
- package/dist/styles/official/charts/chart-violet.css +14 -0
- package/dist/styles/official/charts/chart-yellow.css +14 -0
- package/dist/styles/official/charts/chart-zinc.css +14 -0
- package/dist/styles/official/themes/theme-amber.css +26 -0
- package/dist/styles/official/themes/theme-blue.css +26 -0
- package/dist/styles/official/themes/theme-cyan.css +26 -0
- package/dist/styles/official/themes/theme-emerald.css +26 -0
- package/dist/styles/official/themes/theme-fuchsia.css +26 -0
- package/dist/styles/official/themes/theme-green.css +26 -0
- package/dist/styles/official/themes/theme-indigo.css +26 -0
- package/dist/styles/official/themes/theme-lime.css +26 -0
- package/dist/styles/official/themes/theme-mauve.css +67 -0
- package/dist/styles/official/themes/theme-mist.css +67 -0
- package/dist/styles/official/themes/theme-neutral.css +67 -0
- package/dist/styles/official/themes/theme-olive.css +67 -0
- package/dist/styles/official/themes/theme-orange.css +26 -0
- package/dist/styles/official/themes/theme-pink.css +26 -0
- package/dist/styles/official/themes/theme-purple.css +26 -0
- package/dist/styles/official/themes/theme-red.css +26 -0
- package/dist/styles/official/themes/theme-rose.css +27 -0
- package/dist/styles/official/themes/theme-sky.css +26 -0
- package/dist/styles/official/themes/theme-stone.css +67 -0
- package/dist/styles/official/themes/theme-taupe.css +67 -0
- package/dist/styles/official/themes/theme-teal.css +26 -0
- package/dist/styles/official/themes/theme-violet.css +26 -0
- package/dist/styles/official/themes/theme-yellow.css +26 -0
- package/dist/styles/official/themes/theme-zinc.css +67 -0
- package/dist/styles/runtime.css +6 -0
- package/dist/styles/shadcn-utilities.css +629 -0
- package/dist/styles/shadcn.css +169 -0
- package/dist/styles/source.css +1 -0
- package/dist/styles/styles/all.css +8 -0
- package/dist/styles/styles/style-luma.css +1744 -0
- package/dist/styles/styles/style-lyra.css +1723 -0
- package/dist/styles/styles/style-maia.css +1745 -0
- package/dist/styles/styles/style-mira.css +1750 -0
- package/dist/styles/styles/style-nova.css +1748 -0
- package/dist/styles/styles/style-rhea.css +1744 -0
- package/dist/styles/styles/style-sera.css +1735 -0
- package/dist/styles/styles/style-vega.css +1748 -0
- package/dist/styles/theme-base.css +102 -0
- package/dist/styles/themes/theme-atmosphere-coffee.css +72 -0
- package/dist/styles/themes/theme-atmosphere-halloween.css +72 -0
- package/dist/styles/themes/theme-atmosphere-literary.css +72 -0
- package/dist/styles/themes/theme-atmosphere-sakura.css +72 -0
- package/dist/styles/themes/theme-blue.css +20 -0
- package/dist/styles/themes/theme-indigo.css +20 -0
- package/dist/styles/themes/theme-morandi-dust.css +72 -0
- package/dist/styles/themes/theme-morandi-fog.css +72 -0
- package/dist/styles/themes/theme-morandi-sage.css +72 -0
- package/dist/styles/themes/theme-rose.css +20 -0
- package/dist/styles.css +2 -0
- package/package.json +108 -0
- package/upstream/components.json +870 -0
- package/upstream/lock.json +101 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
|
|
2
|
+
declare function Accordion({ className, ...props }: AccordionPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
4
|
+
import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
|
|
5
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
function Accordion({ className, ...props }) {
|
|
7
|
+
return (_jsx(AccordionPrimitive.Root, { "data-slot": "accordion", className: cn("cn-accordion flex w-full flex-col", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
function AccordionItem({ className, ...props }) {
|
|
10
|
+
return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("cn-accordion-item", className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function AccordionTrigger({ className, children, ...props }) {
|
|
13
|
+
return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("cn-accordion-trigger group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50", className), ...props, children: [children, _jsx(ChevronDownIcon, { "data-slot": "accordion-trigger-icon", className: "cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }), _jsx(ChevronUpIcon, { "data-slot": "accordion-trigger-icon", className: "cn-accordion-trigger-icon pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })] }) }));
|
|
14
|
+
}
|
|
15
|
+
function AccordionContent({ className, children, ...props }) {
|
|
16
|
+
return (_jsx(AccordionPrimitive.Panel, { "data-slot": "accordion-content", className: "cn-accordion-content overflow-hidden", ...props, children: _jsx("div", { className: cn("cn-accordion-content-inner h-(--accordion-panel-height) data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className), children: children }) }));
|
|
17
|
+
}
|
|
18
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
|
|
3
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
4
|
+
declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AlertDialogContent({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
|
|
9
|
+
size?: "default" | "sm";
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
2
|
+
"use client";
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
|
|
6
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
7
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
8
|
+
function AlertDialog({ ...props }) {
|
|
9
|
+
return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
|
|
10
|
+
}
|
|
11
|
+
function AlertDialogTrigger({ ...props }) {
|
|
12
|
+
return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
|
|
13
|
+
}
|
|
14
|
+
function AlertDialogPortal({ ...props }) {
|
|
15
|
+
return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
|
|
16
|
+
}
|
|
17
|
+
function AlertDialogOverlay({ className, ...props }) {
|
|
18
|
+
return (_jsx(AlertDialogPrimitive.Backdrop, { "data-slot": "alert-dialog-overlay", className: cn("cn-alert-dialog-overlay fixed inset-0 isolate z-50", className), ...props }));
|
|
19
|
+
}
|
|
20
|
+
function AlertDialogContent({ className, size = "default", ...props }) {
|
|
21
|
+
return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Popup, { "data-slot": "alert-dialog-content", "data-size": size, className: cn("cn-alert-dialog-content group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none", className), ...props })] }));
|
|
22
|
+
}
|
|
23
|
+
function AlertDialogHeader({ className, ...props }) {
|
|
24
|
+
return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("cn-alert-dialog-header", className), ...props }));
|
|
25
|
+
}
|
|
26
|
+
function AlertDialogFooter({ className, ...props }) {
|
|
27
|
+
return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("cn-alert-dialog-footer flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className), ...props }));
|
|
28
|
+
}
|
|
29
|
+
function AlertDialogMedia({ className, ...props }) {
|
|
30
|
+
return (_jsx("div", { "data-slot": "alert-dialog-media", className: cn("cn-alert-dialog-media", className), ...props }));
|
|
31
|
+
}
|
|
32
|
+
function AlertDialogTitle({ className, ...props }) {
|
|
33
|
+
return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("cn-alert-dialog-title cn-font-heading", className), ...props }));
|
|
34
|
+
}
|
|
35
|
+
function AlertDialogDescription({ className, ...props }) {
|
|
36
|
+
return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("cn-alert-dialog-description", className), ...props }));
|
|
37
|
+
}
|
|
38
|
+
function AlertDialogAction({ className, ...props }) {
|
|
39
|
+
return (_jsx(Button, { "data-slot": "alert-dialog-action", className: cn("cn-alert-dialog-action", className), ...props }));
|
|
40
|
+
}
|
|
41
|
+
function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
|
|
42
|
+
return (_jsx(AlertDialogPrimitive.Close, { "data-slot": "alert-dialog-cancel", className: cn("cn-alert-dialog-cancel", className), render: _jsx(Button, { variant: variant, size: size }), ...props }));
|
|
43
|
+
}
|
|
44
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Alert, AlertTitle, AlertDescription, AlertAction };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
const alertVariants = cva("cn-alert group/alert relative w-full", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "cn-alert-variant-default",
|
|
10
|
+
destructive: "cn-alert-variant-destructive",
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
variant: "default",
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
function Alert({ className, variant, ...props }) {
|
|
18
|
+
return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
|
|
19
|
+
}
|
|
20
|
+
function AlertTitle({ className, ...props }) {
|
|
21
|
+
return (_jsx("div", { "data-slot": "alert-title", className: cn("cn-alert-title [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className), ...props }));
|
|
22
|
+
}
|
|
23
|
+
function AlertDescription({ className, ...props }) {
|
|
24
|
+
return (_jsx("div", { "data-slot": "alert-description", className: cn("cn-alert-description [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className), ...props }));
|
|
25
|
+
}
|
|
26
|
+
function AlertAction({ className, ...props }) {
|
|
27
|
+
return (_jsx("div", { "data-slot": "alert-action", className: cn("cn-alert-action", className), ...props }));
|
|
28
|
+
}
|
|
29
|
+
export { Alert, AlertTitle, AlertDescription, AlertAction };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
4
|
+
function AspectRatio({ ratio, className, ...props }) {
|
|
5
|
+
return (_jsx("div", { "data-slot": "aspect-ratio", style: {
|
|
6
|
+
"--ratio": ratio,
|
|
7
|
+
}, className: cn("relative aspect-(--ratio)", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
export { AspectRatio };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
3
|
+
import { type VariantProps } from "class-variance-authority";
|
|
4
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
5
|
+
declare const attachmentVariants: (props?: ({
|
|
6
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
7
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
declare function Attachment({ className, state, size, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentVariants> & {
|
|
10
|
+
state?: "idle" | "uploading" | "processing" | "error" | "done";
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare const attachmentMediaVariants: (props?: ({
|
|
13
|
+
variant?: "image" | "icon" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function AttachmentTitle({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function AttachmentDescription({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function AttachmentActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function AttachmentAction({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function AttachmentTrigger({ className, render, type, ...props }: useRender.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
22
|
+
declare function AttachmentGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export { Attachment, AttachmentGroup, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentAction, AttachmentTrigger, };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
6
|
+
import { cva } from "class-variance-authority";
|
|
7
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
8
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
9
|
+
const attachmentVariants = cva("cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed", {
|
|
10
|
+
variants: {
|
|
11
|
+
size: {
|
|
12
|
+
default: "cn-attachment-size-default",
|
|
13
|
+
sm: "cn-attachment-size-sm",
|
|
14
|
+
xs: "cn-attachment-size-xs",
|
|
15
|
+
},
|
|
16
|
+
orientation: {
|
|
17
|
+
horizontal: "cn-attachment-orientation-horizontal items-center",
|
|
18
|
+
vertical: "cn-attachment-orientation-vertical flex-col",
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
});
|
|
22
|
+
function Attachment({ className, state = "done", size = "default", orientation = "horizontal", ...props }) {
|
|
23
|
+
return (_jsx("div", { "data-slot": "attachment", "data-state": state, "data-size": size, "data-orientation": orientation, className: cn(attachmentVariants({ size, orientation }), className), ...props }));
|
|
24
|
+
}
|
|
25
|
+
const attachmentMediaVariants = cva("cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none", {
|
|
26
|
+
variants: {
|
|
27
|
+
variant: {
|
|
28
|
+
icon: "cn-attachment-media-variant-icon",
|
|
29
|
+
image: "cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover",
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
defaultVariants: {
|
|
33
|
+
variant: "icon",
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
function AttachmentMedia({ className, variant = "icon", ...props }) {
|
|
37
|
+
return (_jsx("div", { "data-slot": "attachment-media", "data-variant": variant, className: cn(attachmentMediaVariants({ variant }), className), ...props }));
|
|
38
|
+
}
|
|
39
|
+
function AttachmentContent({ className, ...props }) {
|
|
40
|
+
return (_jsx("div", { "data-slot": "attachment-content", className: cn("cn-attachment-content max-w-full min-w-0 flex-1", className), ...props }));
|
|
41
|
+
}
|
|
42
|
+
function AttachmentTitle({ className, ...props }) {
|
|
43
|
+
return (_jsx("span", { "data-slot": "attachment-title", className: cn("cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className), ...props }));
|
|
44
|
+
}
|
|
45
|
+
function AttachmentDescription({ className, ...props }) {
|
|
46
|
+
return (_jsx("span", { "data-slot": "attachment-description", className: cn("cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80", "max-w-full", className), ...props }));
|
|
47
|
+
}
|
|
48
|
+
function AttachmentActions({ className, ...props }) {
|
|
49
|
+
return (_jsx("div", { "data-slot": "attachment-actions", className: cn("cn-attachment-actions flex shrink-0 items-center", className), ...props }));
|
|
50
|
+
}
|
|
51
|
+
function AttachmentAction({ className, variant, size = "icon-xs", ...props }) {
|
|
52
|
+
return (_jsx(Button, { "data-slot": "attachment-action", variant: variant ?? "ghost", size: size, className: cn("cn-attachment-action", className), ...props }));
|
|
53
|
+
}
|
|
54
|
+
function AttachmentTrigger({ className, render, type, ...props }) {
|
|
55
|
+
return useRender({
|
|
56
|
+
defaultTagName: "button",
|
|
57
|
+
props: mergeProps({
|
|
58
|
+
type: render ? type : (type ?? "button"),
|
|
59
|
+
className: cn("cn-attachment-trigger absolute inset-0 z-10 outline-none", className),
|
|
60
|
+
}, props),
|
|
61
|
+
render,
|
|
62
|
+
state: {
|
|
63
|
+
slot: "attachment-trigger",
|
|
64
|
+
},
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
function AttachmentGroup({ className, ...props }) {
|
|
68
|
+
return (_jsx("div", { "data-slot": "attachment-group", className: cn("cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className), ...props }));
|
|
69
|
+
}
|
|
70
|
+
export { Attachment, AttachmentGroup, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentAction, AttachmentTrigger, };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
|
|
3
|
+
declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Props & {
|
|
4
|
+
size?: "default" | "sm" | "lg";
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
2
|
+
"use client";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
|
|
6
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
7
|
+
function Avatar({ className, size = "default", ...props }) {
|
|
8
|
+
return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("cn-avatar group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten", className), ...props }));
|
|
9
|
+
}
|
|
10
|
+
function AvatarImage({ className, ...props }) {
|
|
11
|
+
return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("cn-avatar-image aspect-square size-full object-cover", className), ...props }));
|
|
12
|
+
}
|
|
13
|
+
function AvatarFallback({ className, ...props }) {
|
|
14
|
+
return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("cn-avatar-fallback flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs", className), ...props }));
|
|
15
|
+
}
|
|
16
|
+
function AvatarBadge({ className, ...props }) {
|
|
17
|
+
return (_jsx("span", { "data-slot": "avatar-badge", className: cn("cn-avatar-badge absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className), ...props }));
|
|
18
|
+
}
|
|
19
|
+
function AvatarGroup({ className, ...props }) {
|
|
20
|
+
return (_jsx("div", { "data-slot": "avatar-group", className: cn("cn-avatar-group group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className), ...props }));
|
|
21
|
+
}
|
|
22
|
+
function AvatarGroupCount({ className, ...props }) {
|
|
23
|
+
return (_jsx("div", { "data-slot": "avatar-group-count", className: cn("cn-avatar-group-count relative flex shrink-0 items-center justify-center ring-2 ring-background", "", className), ...props }));
|
|
24
|
+
}
|
|
25
|
+
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
7
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
2
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
3
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
const badgeVariants = cva("cn-badge group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "cn-badge-variant-default",
|
|
10
|
+
secondary: "cn-badge-variant-secondary",
|
|
11
|
+
destructive: "cn-badge-variant-destructive",
|
|
12
|
+
outline: "cn-badge-variant-outline",
|
|
13
|
+
ghost: "cn-badge-variant-ghost",
|
|
14
|
+
link: "cn-badge-variant-link",
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
variant: "default",
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
function Badge({ className, variant = "default", render, ...props }) {
|
|
22
|
+
return useRender({
|
|
23
|
+
defaultTagName: "span",
|
|
24
|
+
props: mergeProps({
|
|
25
|
+
className: cn(badgeVariants({ variant }), className),
|
|
26
|
+
}, props),
|
|
27
|
+
render,
|
|
28
|
+
state: {
|
|
29
|
+
slot: "badge",
|
|
30
|
+
variant,
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
3
|
+
declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
7
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
6
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
7
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
8
|
+
function Breadcrumb({ className, ...props }) {
|
|
9
|
+
return (_jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", className: cn("cn-breadcrumb", className), ...props }));
|
|
10
|
+
}
|
|
11
|
+
function BreadcrumbList({ className, ...props }) {
|
|
12
|
+
return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("cn-breadcrumb-list flex flex-wrap items-center wrap-break-word", className), ...props }));
|
|
13
|
+
}
|
|
14
|
+
function BreadcrumbItem({ className, ...props }) {
|
|
15
|
+
return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("cn-breadcrumb-item inline-flex items-center", className), ...props }));
|
|
16
|
+
}
|
|
17
|
+
function BreadcrumbLink({ className, render, ...props }) {
|
|
18
|
+
return useRender({
|
|
19
|
+
defaultTagName: "a",
|
|
20
|
+
props: mergeProps({
|
|
21
|
+
className: cn("cn-breadcrumb-link", className),
|
|
22
|
+
}, props),
|
|
23
|
+
render,
|
|
24
|
+
state: {
|
|
25
|
+
slot: "breadcrumb-link",
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function BreadcrumbPage({ className, ...props }) {
|
|
30
|
+
return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("cn-breadcrumb-page", className), ...props }));
|
|
31
|
+
}
|
|
32
|
+
function BreadcrumbSeparator({ children, className, ...props }) {
|
|
33
|
+
return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("cn-breadcrumb-separator", className), ...props, children: children ?? (_jsx(ChevronRightIcon, { className: "cn-rtl-flip" })) }));
|
|
34
|
+
}
|
|
35
|
+
function BreadcrumbEllipsis({ className, ...props }) {
|
|
36
|
+
return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("cn-breadcrumb-ellipsis flex items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, {}), _jsx("span", { className: "sr-only", children: "More" })] }));
|
|
37
|
+
}
|
|
38
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
3
|
+
import { type VariantProps } from "class-variance-authority";
|
|
4
|
+
declare function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare const bubbleVariants: (props?: ({
|
|
6
|
+
variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "muted" | "tinted" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
|
|
9
|
+
align?: "start" | "end";
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function BubbleContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
12
|
+
declare function BubbleReactions({ side, align, className, ...props }: React.ComponentProps<"div"> & {
|
|
13
|
+
align?: "start" | "end";
|
|
14
|
+
side?: "top" | "bottom";
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export { BubbleGroup, Bubble, BubbleContent, BubbleReactions };
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
6
|
+
import { cva } from "class-variance-authority";
|
|
7
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
8
|
+
function BubbleGroup({ className, ...props }) {
|
|
9
|
+
return (_jsx("div", { "data-slot": "bubble-group", className: cn("cn-bubble-group flex min-w-0 flex-col", className), ...props }));
|
|
10
|
+
}
|
|
11
|
+
const bubbleVariants = cva("cn-bubble group/bubble relative flex w-fit min-w-0 flex-col", {
|
|
12
|
+
variants: {
|
|
13
|
+
variant: {
|
|
14
|
+
default: "cn-bubble-variant-default",
|
|
15
|
+
secondary: "cn-bubble-variant-secondary",
|
|
16
|
+
muted: "cn-bubble-variant-muted",
|
|
17
|
+
tinted: "cn-bubble-variant-tinted",
|
|
18
|
+
outline: "cn-bubble-variant-outline",
|
|
19
|
+
ghost: "cn-bubble-variant-ghost",
|
|
20
|
+
destructive: "cn-bubble-variant-destructive",
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
variant: "default",
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
function Bubble({ variant = "default", align = "start", className, ...props }) {
|
|
28
|
+
return (_jsx("div", { "data-slot": "bubble", "data-variant": variant, "data-align": align, className: cn(bubbleVariants({ variant }), className), ...props }));
|
|
29
|
+
}
|
|
30
|
+
function BubbleContent({ className, render, ...props }) {
|
|
31
|
+
return useRender({
|
|
32
|
+
defaultTagName: "div",
|
|
33
|
+
props: mergeProps({
|
|
34
|
+
className: cn("cn-bubble-content w-fit max-w-full min-w-0 overflow-hidden wrap-break-word [button]:text-left [button,a]:transition-colors", className),
|
|
35
|
+
}, props),
|
|
36
|
+
render,
|
|
37
|
+
state: {
|
|
38
|
+
slot: "bubble-content",
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
const bubbleReactionsVariants = cva("cn-bubble-reactions absolute z-10 flex w-fit items-center justify-center", {
|
|
43
|
+
variants: {
|
|
44
|
+
side: {
|
|
45
|
+
top: "cn-bubble-reactions-side-top",
|
|
46
|
+
bottom: "cn-bubble-reactions-side-bottom",
|
|
47
|
+
},
|
|
48
|
+
align: {
|
|
49
|
+
start: "cn-bubble-reactions-align-start",
|
|
50
|
+
end: "cn-bubble-reactions-align-end",
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
defaultVariants: {
|
|
54
|
+
side: "bottom",
|
|
55
|
+
align: "end",
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
function BubbleReactions({ side = "bottom", align = "end", className, ...props }) {
|
|
59
|
+
return (_jsx("div", { "data-slot": "bubble-reactions", "data-align": align, "data-side": side, className: cn(bubbleReactionsVariants({ side, align }), className), ...props }));
|
|
60
|
+
}
|
|
61
|
+
export { BubbleGroup, Bubble, BubbleContent, BubbleReactions };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
import { Separator } from "@ziioapp/ui/components/separator";
|
|
4
|
+
declare const buttonGroupVariants: (props?: ({
|
|
5
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
9
|
+
declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
4
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
7
|
+
import { Separator } from "@ziioapp/ui/components/separator";
|
|
8
|
+
const buttonGroupVariants = cva("cn-button-group flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
|
|
9
|
+
variants: {
|
|
10
|
+
orientation: {
|
|
11
|
+
horizontal: "cn-button-group-orientation-horizontal *:data-slot:rounded-r-none [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
|
|
12
|
+
vertical: "cn-button-group-orientation-vertical flex-col *:data-slot:rounded-b-none [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0",
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
orientation: "horizontal",
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
function ButtonGroup({ className, orientation, ...props }) {
|
|
20
|
+
return (_jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
|
|
21
|
+
}
|
|
22
|
+
function ButtonGroupText({ className, render, ...props }) {
|
|
23
|
+
return useRender({
|
|
24
|
+
defaultTagName: "div",
|
|
25
|
+
props: mergeProps({
|
|
26
|
+
className: cn("cn-button-group-text flex items-center [&_svg]:pointer-events-none", className),
|
|
27
|
+
}, props),
|
|
28
|
+
render,
|
|
29
|
+
state: {
|
|
30
|
+
slot: "button-group-text",
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
|
|
35
|
+
return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("cn-button-group-separator relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className), ...props }));
|
|
36
|
+
}
|
|
37
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Button as ButtonPrimitive } from "@base-ui/react/button";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
|
|
5
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
3
|
+
import { Button as ButtonPrimitive } from "@base-ui/react/button";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
const buttonVariants = cva("cn-button group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "cn-button-variant-default",
|
|
10
|
+
outline: "cn-button-variant-outline",
|
|
11
|
+
secondary: "cn-button-variant-secondary",
|
|
12
|
+
ghost: "cn-button-variant-ghost",
|
|
13
|
+
destructive: "cn-button-variant-destructive",
|
|
14
|
+
link: "cn-button-variant-link",
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
default: "cn-button-size-default",
|
|
18
|
+
xs: "cn-button-size-xs",
|
|
19
|
+
sm: "cn-button-size-sm",
|
|
20
|
+
lg: "cn-button-size-lg",
|
|
21
|
+
icon: "cn-button-size-icon",
|
|
22
|
+
"icon-xs": "cn-button-size-icon-xs",
|
|
23
|
+
"icon-sm": "cn-button-size-icon-sm",
|
|
24
|
+
"icon-lg": "cn-button-size-icon-lg",
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
variant: "default",
|
|
29
|
+
size: "default",
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
function Button({ className, variant = "default", size = "default", ...props }) {
|
|
33
|
+
return (_jsx(ButtonPrimitive, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
|
|
34
|
+
}
|
|
35
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DayPicker, type DayButton, type Locale } from "react-day-picker";
|
|
3
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
4
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
5
|
+
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
|
|
8
|
+
locale?: Partial<Locale>;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Calendar, CalendarDayButton };
|