@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,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { OTPInput } from "input-otp";
|
|
3
|
+
declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
|
|
4
|
+
containerClassName?: string;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
|
|
8
|
+
index: number;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
@@ -0,0 +1,22 @@
|
|
|
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 { MinusIcon } from "lucide-react";
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
7
|
+
import { OTPInput, OTPInputContext } from "input-otp";
|
|
8
|
+
function InputOTP({ className, containerClassName, ...props }) {
|
|
9
|
+
return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("cn-input-otp flex items-center has-disabled:opacity-50", containerClassName), spellCheck: false, className: cn("cn-input-otp-input disabled:cursor-not-allowed", className), ...props }));
|
|
10
|
+
}
|
|
11
|
+
function InputOTPGroup({ className, ...props }) {
|
|
12
|
+
return (_jsx("div", { "data-slot": "input-otp-group", className: cn("cn-input-otp-group flex items-center", className), ...props }));
|
|
13
|
+
}
|
|
14
|
+
function InputOTPSlot({ index, className, ...props }) {
|
|
15
|
+
const inputOTPContext = React.useContext(OTPInputContext);
|
|
16
|
+
const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
|
|
17
|
+
return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("cn-input-otp-slot relative flex items-center justify-center data-[active=true]:z-10", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "cn-input-otp-caret pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "cn-input-otp-caret-line" }) }))] }));
|
|
18
|
+
}
|
|
19
|
+
function InputOTPSeparator({ ...props }) {
|
|
20
|
+
return (_jsx("div", { "data-slot": "input-otp-separator", className: "cn-input-otp-separator flex items-center", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
|
|
21
|
+
}
|
|
22
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
@@ -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 * as React from "react";
|
|
4
|
+
import { Input as InputPrimitive } from "@base-ui/react/input";
|
|
5
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
function Input({ className, type, ...props }) {
|
|
7
|
+
return (_jsx(InputPrimitive, { type: type, "data-slot": "input", className: cn("cn-input w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
export { Input };
|
|
@@ -0,0 +1,22 @@
|
|
|
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 { Separator } from "@ziioapp/ui/components/separator";
|
|
5
|
+
declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const itemVariants: (props?: ({
|
|
8
|
+
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
9
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
12
|
+
declare const itemMediaVariants: (props?: ({
|
|
13
|
+
variant?: "image" | "default" | "icon" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
|
|
@@ -0,0 +1,80 @@
|
|
|
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 { Separator } from "@ziioapp/ui/components/separator";
|
|
9
|
+
function ItemGroup({ className, ...props }) {
|
|
10
|
+
return (_jsx("div", { role: "list", "data-slot": "item-group", className: cn("cn-item-group group/item-group flex w-full flex-col", className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function ItemSeparator({ className, ...props }) {
|
|
13
|
+
return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("cn-item-separator", className), ...props }));
|
|
14
|
+
}
|
|
15
|
+
const itemVariants = cva("cn-item group/item flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors", {
|
|
16
|
+
variants: {
|
|
17
|
+
variant: {
|
|
18
|
+
default: "cn-item-variant-default",
|
|
19
|
+
outline: "cn-item-variant-outline",
|
|
20
|
+
muted: "cn-item-variant-muted",
|
|
21
|
+
},
|
|
22
|
+
size: {
|
|
23
|
+
default: "cn-item-size-default",
|
|
24
|
+
sm: "cn-item-size-sm",
|
|
25
|
+
xs: "cn-item-size-xs",
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
defaultVariants: {
|
|
29
|
+
variant: "default",
|
|
30
|
+
size: "default",
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
function Item({ className, variant = "default", size = "default", render, ...props }) {
|
|
34
|
+
return useRender({
|
|
35
|
+
defaultTagName: "div",
|
|
36
|
+
props: mergeProps({
|
|
37
|
+
className: cn(itemVariants({ variant, size, className })),
|
|
38
|
+
}, props),
|
|
39
|
+
render,
|
|
40
|
+
state: {
|
|
41
|
+
slot: "item",
|
|
42
|
+
variant,
|
|
43
|
+
size,
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
const itemMediaVariants = cva("cn-item-media flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", {
|
|
48
|
+
variants: {
|
|
49
|
+
variant: {
|
|
50
|
+
default: "cn-item-media-variant-default",
|
|
51
|
+
icon: "cn-item-media-variant-icon",
|
|
52
|
+
image: "cn-item-media-variant-image",
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
defaultVariants: {
|
|
56
|
+
variant: "default",
|
|
57
|
+
},
|
|
58
|
+
});
|
|
59
|
+
function ItemMedia({ className, variant = "default", ...props }) {
|
|
60
|
+
return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
|
|
61
|
+
}
|
|
62
|
+
function ItemContent({ className, ...props }) {
|
|
63
|
+
return (_jsx("div", { "data-slot": "item-content", className: cn("cn-item-content flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none", className), ...props }));
|
|
64
|
+
}
|
|
65
|
+
function ItemTitle({ className, ...props }) {
|
|
66
|
+
return (_jsx("div", { "data-slot": "item-title", className: cn("cn-item-title line-clamp-1 flex w-fit items-center", className), ...props }));
|
|
67
|
+
}
|
|
68
|
+
function ItemDescription({ className, ...props }) {
|
|
69
|
+
return (_jsx("p", { "data-slot": "item-description", className: cn("cn-item-description line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
|
|
70
|
+
}
|
|
71
|
+
function ItemActions({ className, ...props }) {
|
|
72
|
+
return (_jsx("div", { "data-slot": "item-actions", className: cn("cn-item-actions flex items-center", className), ...props }));
|
|
73
|
+
}
|
|
74
|
+
function ItemHeader({ className, ...props }) {
|
|
75
|
+
return (_jsx("div", { "data-slot": "item-header", className: cn("cn-item-header flex basis-full items-center justify-between", className), ...props }));
|
|
76
|
+
}
|
|
77
|
+
function ItemFooter({ className, ...props }) {
|
|
78
|
+
return (_jsx("div", { "data-slot": "item-footer", className: cn("cn-item-footer flex basis-full items-center justify-between", className), ...props }));
|
|
79
|
+
}
|
|
80
|
+
export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
|
|
@@ -0,0 +1,10 @@
|
|
|
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 Kbd({ className, ...props }) {
|
|
5
|
+
return (_jsx("kbd", { "data-slot": "kbd", className: cn("cn-kbd pointer-events-none inline-flex items-center justify-center select-none", className), ...props }));
|
|
6
|
+
}
|
|
7
|
+
function KbdGroup({ className, ...props }) {
|
|
8
|
+
return (_jsx("kbd", { "data-slot": "kbd-group", className: cn("cn-kbd-group inline-flex items-center", className), ...props }));
|
|
9
|
+
}
|
|
10
|
+
export { Kbd, KbdGroup };
|
|
@@ -0,0 +1,9 @@
|
|
|
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 { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
function Label({ className, ...props }) {
|
|
7
|
+
return (_jsx("label", { "data-slot": "label", className: cn("cn-label flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
export { Label };
|
|
@@ -0,0 +1,10 @@
|
|
|
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 const markerVariants: (props?: ({
|
|
5
|
+
variant?: "separator" | "default" | "border" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
declare function Marker({ className, variant, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
8
|
+
declare function MarkerIcon({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function MarkerContent({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Marker, MarkerIcon, MarkerContent, markerVariants };
|
|
@@ -0,0 +1,36 @@
|
|
|
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
|
+
const markerVariants = cva("cn-marker group/marker relative flex w-full items-center", {
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: "cn-marker-variant-default",
|
|
12
|
+
separator: "cn-marker-variant-separator",
|
|
13
|
+
border: "cn-marker-variant-border",
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
function Marker({ className, variant = "default", render, ...props }) {
|
|
18
|
+
return useRender({
|
|
19
|
+
defaultTagName: "div",
|
|
20
|
+
props: mergeProps({
|
|
21
|
+
className: cn(markerVariants({ variant, className })),
|
|
22
|
+
}, props),
|
|
23
|
+
render,
|
|
24
|
+
state: {
|
|
25
|
+
slot: "marker",
|
|
26
|
+
variant,
|
|
27
|
+
},
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
function MarkerIcon({ className, ...props }) {
|
|
31
|
+
return (_jsx("span", { "data-slot": "marker-icon", "aria-hidden": "true", className: cn("cn-marker-icon shrink-0", className), ...props }));
|
|
32
|
+
}
|
|
33
|
+
function MarkerContent({ className, ...props }) {
|
|
34
|
+
return (_jsx("span", { "data-slot": "marker-content", className: cn("cn-marker-content min-w-0 wrap-break-word", className), ...props }));
|
|
35
|
+
}
|
|
36
|
+
export { Marker, MarkerIcon, MarkerContent, markerVariants };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Menu as MenuPrimitive } from "@base-ui/react/menu";
|
|
3
|
+
import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
|
|
4
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "@ziioapp/ui/components/dropdown-menu";
|
|
5
|
+
declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function MenubarPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPortal>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuTrigger>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuItem>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function MenubarCheckboxItem({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
|
|
13
|
+
inset?: boolean;
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuRadioGroup>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function MenubarRadioItem({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
|
|
17
|
+
inset?: boolean;
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuLabel> & {
|
|
20
|
+
inset?: boolean;
|
|
21
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuSeparator>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function MenubarShortcut({ className, ...props }: React.ComponentProps<typeof DropdownMenuShortcut>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function MenubarSub({ ...props }: React.ComponentProps<typeof DropdownMenuSub>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function MenubarSubTrigger({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuSubTrigger> & {
|
|
26
|
+
inset?: boolean;
|
|
27
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuSubContent>): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
@@ -0,0 +1,58 @@
|
|
|
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 { CheckIcon } from "lucide-react";
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import { Menu as MenuPrimitive } from "@base-ui/react/menu";
|
|
7
|
+
import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
|
|
8
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
9
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "@ziioapp/ui/components/dropdown-menu";
|
|
10
|
+
function Menubar({ className, ...props }) {
|
|
11
|
+
return (_jsx(MenubarPrimitive, { "data-slot": "menubar", className: cn("cn-menubar flex items-center", className), ...props }));
|
|
12
|
+
}
|
|
13
|
+
function MenubarMenu({ ...props }) {
|
|
14
|
+
return _jsx(DropdownMenu, { "data-slot": "menubar-menu", ...props });
|
|
15
|
+
}
|
|
16
|
+
function MenubarGroup({ ...props }) {
|
|
17
|
+
return _jsx(DropdownMenuGroup, { "data-slot": "menubar-group", ...props });
|
|
18
|
+
}
|
|
19
|
+
function MenubarPortal({ ...props }) {
|
|
20
|
+
return _jsx(DropdownMenuPortal, { "data-slot": "menubar-portal", ...props });
|
|
21
|
+
}
|
|
22
|
+
function MenubarTrigger({ className, ...props }) {
|
|
23
|
+
return (_jsx(DropdownMenuTrigger, { "data-slot": "menubar-trigger", className: cn("cn-menubar-trigger flex items-center outline-hidden select-none", className), ...props }));
|
|
24
|
+
}
|
|
25
|
+
function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
|
|
26
|
+
return (_jsx(DropdownMenuContent, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("cn-menubar-content cn-menubar-content-logical cn-menu-target ", className), ...props }));
|
|
27
|
+
}
|
|
28
|
+
function MenubarItem({ className, inset, variant = "default", ...props }) {
|
|
29
|
+
return (_jsx(DropdownMenuItem, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("cn-menubar-item group/menubar-item", className), ...props }));
|
|
30
|
+
}
|
|
31
|
+
function MenubarCheckboxItem({ className, children, checked, inset, ...props }) {
|
|
32
|
+
return (_jsxs(MenuPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", "data-inset": inset, className: cn("cn-menubar-checkbox-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), checked: checked, ...props, children: [_jsx("span", { className: "cn-menubar-checkbox-item-indicator pointer-events-none absolute flex items-center justify-center", children: _jsx(MenuPrimitive.CheckboxItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
|
|
33
|
+
}
|
|
34
|
+
function MenubarRadioGroup({ ...props }) {
|
|
35
|
+
return _jsx(DropdownMenuRadioGroup, { "data-slot": "menubar-radio-group", ...props });
|
|
36
|
+
}
|
|
37
|
+
function MenubarRadioItem({ className, children, inset, ...props }) {
|
|
38
|
+
return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "menubar-radio-item", "data-inset": inset, className: cn("cn-menubar-radio-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [_jsx("span", { className: "cn-menubar-radio-item-indicator pointer-events-none absolute flex items-center justify-center", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
|
|
39
|
+
}
|
|
40
|
+
function MenubarLabel({ className, inset, ...props }) {
|
|
41
|
+
return (_jsx(DropdownMenuLabel, { "data-slot": "menubar-label", "data-inset": inset, className: cn("cn-menubar-label", className), ...props }));
|
|
42
|
+
}
|
|
43
|
+
function MenubarSeparator({ className, ...props }) {
|
|
44
|
+
return (_jsx(DropdownMenuSeparator, { "data-slot": "menubar-separator", className: cn("cn-menubar-separator -mx-1 my-1 h-px", className), ...props }));
|
|
45
|
+
}
|
|
46
|
+
function MenubarShortcut({ className, ...props }) {
|
|
47
|
+
return (_jsx(DropdownMenuShortcut, { "data-slot": "menubar-shortcut", className: cn("cn-menubar-shortcut ml-auto", className), ...props }));
|
|
48
|
+
}
|
|
49
|
+
function MenubarSub({ ...props }) {
|
|
50
|
+
return _jsx(DropdownMenuSub, { "data-slot": "menubar-sub", ...props });
|
|
51
|
+
}
|
|
52
|
+
function MenubarSubTrigger({ className, inset, ...props }) {
|
|
53
|
+
return (_jsx(DropdownMenuSubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("cn-menubar-sub-trigger", className), ...props }));
|
|
54
|
+
}
|
|
55
|
+
function MenubarSubContent({ className, ...props }) {
|
|
56
|
+
return (_jsx(DropdownMenuSubContent, { "data-slot": "menubar-sub-content", className: cn("cn-menubar-sub-content cn-menu-target ", className), ...props }));
|
|
57
|
+
}
|
|
58
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
|
|
3
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
4
|
+
declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function MessageScroller({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function MessageScrollerContent({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function MessageScrollerButton({ direction, className, children, render, variant, size, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Button> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { MessageScrollerProvider, MessageScroller, MessageScrollerViewport, MessageScrollerContent, MessageScrollerItem, MessageScrollerButton, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
// Generated from locked shadcn upstream; edit scripts/sync-upstream.mjs, not this file.
|
|
2
|
+
"use client";
|
|
3
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { ArrowDownIcon } from "lucide-react";
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, } from "@shadcn/react/message-scroller";
|
|
7
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
8
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
9
|
+
function MessageScrollerProvider(props) {
|
|
10
|
+
return _jsx(MessageScrollerPrimitive.Provider, { ...props });
|
|
11
|
+
}
|
|
12
|
+
function MessageScroller({ className, ...props }) {
|
|
13
|
+
return (_jsx(MessageScrollerPrimitive.Root, { "data-slot": "message-scroller", className: cn("cn-message-scroller group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className), ...props }));
|
|
14
|
+
}
|
|
15
|
+
function MessageScrollerViewport({ className, ...props }) {
|
|
16
|
+
return (_jsx(MessageScrollerPrimitive.Viewport, { "data-slot": "message-scroller-viewport", className: cn("cn-message-scroller-viewport size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible", className), ...props }));
|
|
17
|
+
}
|
|
18
|
+
function MessageScrollerContent({ className, ...props }) {
|
|
19
|
+
return (_jsx(MessageScrollerPrimitive.Content, { "data-slot": "message-scroller-content", className: cn("cn-message-scroller-content flex h-max min-h-full flex-col", className), ...props }));
|
|
20
|
+
}
|
|
21
|
+
function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
|
|
22
|
+
return (_jsx(MessageScrollerPrimitive.Item, { "data-slot": "message-scroller-item", scrollAnchor: scrollAnchor, className: cn("cn-message-scroller-item min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className), ...props }));
|
|
23
|
+
}
|
|
24
|
+
function MessageScrollerButton({ direction = "end", className, children, render, variant = "secondary", size = "icon-sm", ...props }) {
|
|
25
|
+
return (_jsx(MessageScrollerPrimitive.Button, { "data-slot": "message-scroller-button", "data-direction": direction, "data-variant": variant, "data-size": size, direction: direction, className: cn("cn-message-scroller-button absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className), render: render ?? _jsx(Button, { variant: variant, size: size }), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(ArrowDownIcon, {}), _jsx("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })] })) }));
|
|
26
|
+
}
|
|
27
|
+
export { MessageScrollerProvider, MessageScroller, MessageScrollerViewport, MessageScrollerContent, MessageScrollerItem, MessageScrollerButton, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function MessageGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function Message({ className, align, ...props }: React.ComponentProps<"div"> & {
|
|
4
|
+
align?: "start" | "end";
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function MessageAvatar({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function MessageContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function MessageHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function MessageFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { MessageGroup, Message, MessageAvatar, MessageContent, MessageFooter, MessageHeader, };
|
|
@@ -0,0 +1,23 @@
|
|
|
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 { cn } from "@ziioapp/ui/lib/utils";
|
|
5
|
+
function MessageGroup({ className, ...props }) {
|
|
6
|
+
return (_jsx("div", { "data-slot": "message-group", className: cn("cn-message-group flex min-w-0 flex-col", className), ...props }));
|
|
7
|
+
}
|
|
8
|
+
function Message({ className, align = "start", ...props }) {
|
|
9
|
+
return (_jsx("div", { "data-slot": "message", "data-align": align, className: cn("cn-message group/message relative flex w-full min-w-0 data-[align=end]:flex-row-reverse", className), ...props }));
|
|
10
|
+
}
|
|
11
|
+
function MessageAvatar({ className, ...props }) {
|
|
12
|
+
return (_jsx("div", { "data-slot": "message-avatar", className: cn("cn-message-avatar flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted", className), ...props }));
|
|
13
|
+
}
|
|
14
|
+
function MessageContent({ className, ...props }) {
|
|
15
|
+
return (_jsx("div", { "data-slot": "message-content", className: cn("cn-message-content flex w-full min-w-0 flex-col wrap-break-word", className), ...props }));
|
|
16
|
+
}
|
|
17
|
+
function MessageHeader({ className, ...props }) {
|
|
18
|
+
return (_jsx("div", { "data-slot": "message-header", className: cn("cn-message-header flex max-w-full min-w-0 items-center", className), ...props }));
|
|
19
|
+
}
|
|
20
|
+
function MessageFooter({ className, ...props }) {
|
|
21
|
+
return (_jsx("div", { "data-slot": "message-footer", className: cn("cn-message-footer flex max-w-full min-w-0 items-center group-data-[align=end]/message:justify-end", className), ...props }));
|
|
22
|
+
}
|
|
23
|
+
export { MessageGroup, Message, MessageAvatar, MessageContent, MessageFooter, MessageHeader, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
|
|
3
|
+
size?: "sm" | "default";
|
|
4
|
+
};
|
|
5
|
+
declare function NativeSelect({ className, size, ...props }: NativeSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function NativeSelectOption({ className, ...props }: React.ComponentProps<"option">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
|
|
@@ -0,0 +1,15 @@
|
|
|
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 } from "lucide-react";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
function NativeSelect({ className, size = "default", ...props }) {
|
|
7
|
+
return (_jsxs("div", { className: cn("cn-native-select-wrapper group/native-select relative w-fit has-[select:disabled]:opacity-50", className), "data-slot": "native-select-wrapper", "data-size": size, children: [_jsx("select", { "data-slot": "native-select", "data-size": size, className: "cn-native-select outline-none disabled:pointer-events-none disabled:cursor-not-allowed", ...props }), _jsx(ChevronDownIcon, { className: "cn-native-select-icon pointer-events-none absolute select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
|
|
8
|
+
}
|
|
9
|
+
function NativeSelectOption({ className, ...props }) {
|
|
10
|
+
return (_jsx("option", { "data-slot": "native-select-option", className: cn("bg-[Canvas] text-[CanvasText]", className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function NativeSelectOptGroup({ className, ...props }) {
|
|
13
|
+
return (_jsx("optgroup", { "data-slot": "native-select-optgroup", className: cn("bg-[Canvas] text-[CanvasText]", className), ...props }));
|
|
14
|
+
}
|
|
15
|
+
export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
|
|
2
|
+
declare function NavigationMenu({ align, className, children, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, "align">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };
|
|
@@ -0,0 +1,32 @@
|
|
|
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 } from "lucide-react";
|
|
4
|
+
import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
7
|
+
function NavigationMenu({ align = "start", className, children, ...props }) {
|
|
8
|
+
return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", className: cn("cn-navigation-menu group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, _jsx(NavigationMenuPositioner, { align: align })] }));
|
|
9
|
+
}
|
|
10
|
+
function NavigationMenuList({ className, ...props }) {
|
|
11
|
+
return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn("cn-navigation-menu-list group flex flex-1 list-none items-center justify-center", className), ...props }));
|
|
12
|
+
}
|
|
13
|
+
function NavigationMenuItem({ className, ...props }) {
|
|
14
|
+
return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn("cn-navigation-menu-item relative", className), ...props }));
|
|
15
|
+
}
|
|
16
|
+
const navigationMenuTriggerStyle = cva("cn-navigation-menu-trigger group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none");
|
|
17
|
+
function NavigationMenuTrigger({ className, children, ...props }) {
|
|
18
|
+
return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDownIcon, { className: "cn-navigation-menu-trigger-icon", "aria-hidden": "true" })] }));
|
|
19
|
+
}
|
|
20
|
+
function NavigationMenuContent({ className, ...props }) {
|
|
21
|
+
return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("cn-navigation-menu-content data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto transition-[opacity,transform,translate] duration-[0.35s] data-ending-style:opacity-0 data-starting-style:opacity-0 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className), ...props }));
|
|
22
|
+
}
|
|
23
|
+
function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) {
|
|
24
|
+
return (_jsx(NavigationMenuPrimitive.Portal, { children: _jsx(NavigationMenuPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, className: cn("cn-navigation-menu-positioner isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] data-instant:transition-none", className), ...props, children: _jsx(NavigationMenuPrimitive.Popup, { className: "cn-navigation-menu-popup data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]", children: _jsx(NavigationMenuPrimitive.Viewport, { className: "relative size-full overflow-hidden" }) }) }) }));
|
|
25
|
+
}
|
|
26
|
+
function NavigationMenuLink({ className, ...props }) {
|
|
27
|
+
return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("cn-navigation-menu-link", className), ...props }));
|
|
28
|
+
}
|
|
29
|
+
function NavigationMenuIndicator({ className, ...props }) {
|
|
30
|
+
return (_jsx(NavigationMenuPrimitive.Icon, { "data-slot": "navigation-menu-indicator", className: cn("cn-navigation-menu-indicator top-full z-1 flex h-1.5 items-end justify-center overflow-hidden", className), ...props, children: _jsx("div", { className: "cn-navigation-menu-indicator-arrow relative top-[60%] h-2 w-2 rotate-45" }) }));
|
|
31
|
+
}
|
|
32
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
3
|
+
declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
type PaginationLinkProps = {
|
|
7
|
+
isActive?: boolean;
|
|
8
|
+
} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
|
|
9
|
+
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
|
|
11
|
+
text?: string;
|
|
12
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
|
|
14
|
+
text?: string;
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
|
|
@@ -0,0 +1,28 @@
|
|
|
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 { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
6
|
+
import { Button } from "@ziioapp/ui/components/button";
|
|
7
|
+
function Pagination({ className, ...props }) {
|
|
8
|
+
return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("cn-pagination mx-auto flex w-full justify-center", className), ...props }));
|
|
9
|
+
}
|
|
10
|
+
function PaginationContent({ className, ...props }) {
|
|
11
|
+
return (_jsx("ul", { "data-slot": "pagination-content", className: cn("cn-pagination-content flex items-center", className), ...props }));
|
|
12
|
+
}
|
|
13
|
+
function PaginationItem({ ...props }) {
|
|
14
|
+
return _jsx("li", { "data-slot": "pagination-item", ...props });
|
|
15
|
+
}
|
|
16
|
+
function PaginationLink({ className, isActive, size = "icon", ...props }) {
|
|
17
|
+
return (_jsx(Button, { variant: isActive ? "outline" : "ghost", size: size, className: cn("cn-pagination-link", className), nativeButton: false, render: _jsx("a", { "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, ...props }) }));
|
|
18
|
+
}
|
|
19
|
+
function PaginationPrevious({ className, text = "Previous", ...props }) {
|
|
20
|
+
return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("cn-pagination-previous", className), ...props, children: [_jsx(ChevronLeftIcon, { "data-icon": "inline-start", className: "cn-rtl-flip" }), _jsx("span", { className: "cn-pagination-previous-text hidden sm:block", children: text })] }));
|
|
21
|
+
}
|
|
22
|
+
function PaginationNext({ className, text = "Next", ...props }) {
|
|
23
|
+
return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("cn-pagination-next", className), ...props, children: [_jsx("span", { className: "cn-pagination-next-text hidden sm:block", children: text }), _jsx(ChevronRightIcon, { "data-icon": "inline-end", className: "cn-rtl-flip" })] }));
|
|
24
|
+
}
|
|
25
|
+
function PaginationEllipsis({ className, ...props }) {
|
|
26
|
+
return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("cn-pagination-ellipsis flex items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, {}), _jsx("span", { className: "sr-only", children: "More pages" })] }));
|
|
27
|
+
}
|
|
28
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
|
|
3
|
+
declare function Popover({ ...props }: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
@@ -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 { Popover as PopoverPrimitive } from "@base-ui/react/popover";
|
|
6
|
+
import { cn } from "@ziioapp/ui/lib/utils";
|
|
7
|
+
function Popover({ ...props }) {
|
|
8
|
+
return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
|
|
9
|
+
}
|
|
10
|
+
function PopoverTrigger({ ...props }) {
|
|
11
|
+
return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
12
|
+
}
|
|
13
|
+
function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
|
|
14
|
+
return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn("cn-popover-content cn-popover-content-logical z-50 w-72 origin-(--transform-origin) outline-hidden", className), ...props }) }) }));
|
|
15
|
+
}
|
|
16
|
+
function PopoverHeader({ className, ...props }) {
|
|
17
|
+
return (_jsx("div", { "data-slot": "popover-header", className: cn("cn-popover-header", className), ...props }));
|
|
18
|
+
}
|
|
19
|
+
function PopoverTitle({ className, ...props }) {
|
|
20
|
+
return (_jsx(PopoverPrimitive.Title, { "data-slot": "popover-title", className: cn("cn-popover-title", className), ...props }));
|
|
21
|
+
}
|
|
22
|
+
function PopoverDescription({ className, ...props }) {
|
|
23
|
+
return (_jsx(PopoverPrimitive.Description, { "data-slot": "popover-description", className: cn("cn-popover-description", className), ...props }));
|
|
24
|
+
}
|
|
25
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
|
|
2
|
+
declare function Progress({ className, children, value, ...props }: ProgressPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, };
|