@darkfrost-1107/scaff-z-react 0.1.7

package/dist/shared/ui/breadcrumb.esm

@@ -0,0 +1,70 @@
+import { cn as e } from "../lib/utils.esm";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import "react";
+import { Slot as r } from "radix-ui";
+import { ChevronRightIcon as i, MoreHorizontalIcon as a } from "lucide-react";
+//#region src/shared/ui/breadcrumb.tsx
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		className: e(n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("ol", {
+		"data-slot": "breadcrumb-list",
+		className: e("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground sm:gap-2.5", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("li", {
+		"data-slot": "breadcrumb-item",
+		className: e("inline-flex items-center gap-1.5", n),
+		...r
+	});
+}
+function l({ asChild: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(n ? r.Root : "a", {
+		"data-slot": "breadcrumb-link",
+		className: e("transition-colors hover:text-foreground", i),
+		...a
+	});
+}
+function u({ className: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: e("font-normal text-foreground", n),
+		...r
+	});
+}
+function d({ children: n, className: r, ...a }) {
+	return /* @__PURE__ */ t("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("[&>svg]:size-3.5", r),
+		...a,
+		children: n ?? /* @__PURE__ */ t(i, {})
+	});
+}
+function f({ className: r, ...i }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("flex size-5 items-center justify-center [&>svg]:size-4", r),
+		...i,
+		children: [/* @__PURE__ */ t(a, {}), /* @__PURE__ */ t("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { o as Breadcrumb, f as BreadcrumbEllipsis, c as BreadcrumbItem, l as BreadcrumbLink, s as BreadcrumbList, u as BreadcrumbPage, d as BreadcrumbSeparator };

package/dist/shared/ui/button.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`react`);r=e.__toESM(r);let i=require(`class-variance-authority`),a=require(`radix-ui`);var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/80`,outline:`border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground`,ghost:`hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50`,destructive:`bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,xs:`h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5`,lg:`h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,icon:`size-9`,"icon-xs":`size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:r=`default`,size:i=`default`,asChild:s=!1,...c}){return(0,n.jsx)(s?a.Slot.Root:`button`,{"data-slot":`button`,"data-variant":r,"data-size":i,className:t.cn(o({variant:r,size:i,className:e})),...c})}exports.Button=s,exports.buttonVariants=o;

package/dist/shared/ui/button.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/shared/ui/button.esm

@@ -0,0 +1,47 @@
+import { cn as e } from "../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { cva as n } from "class-variance-authority";
+import { Slot as r } from "radix-ui";
+//#region src/shared/ui/button.tsx
+var i = n("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+			lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-9",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: n, variant: a = "default", size: o = "default", asChild: s = !1, ...c }) {
+	return /* @__PURE__ */ t(s ? r.Root : "button", {
+		"data-slot": "button",
+		"data-variant": a,
+		"data-size": o,
+		className: e(i({
+			variant: a,
+			size: o,
+			className: n
+		})),
+		...c
+	});
+}
+//#endregion
+export { a as Button, i as buttonVariants };

package/dist/shared/ui/calendar.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`),n=require(`./button.cjs`);let r=require(`react/jsx-runtime`),i=require(`react`);i=e.__toESM(i);let a=require(`lucide-react`),o=require(`react-day-picker`);function s({className:e,classNames:i,showOutsideDays:s=!0,captionLayout:l=`label`,buttonVariant:u=`ghost`,locale:d,formatters:f,components:p,...m}){let h=(0,o.getDefaultClassNames)();return(0,r.jsx)(o.DayPicker,{showOutsideDays:s,className:t.cn(`group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:l,locale:d,formatters:{formatMonthDropdown:e=>e.toLocaleString(d?.code,{month:`short`}),...f},classNames:{root:t.cn(`w-fit`,h.root),months:t.cn(`relative flex flex-col gap-4 md:flex-row`,h.months),month:t.cn(`flex w-full flex-col gap-4`,h.month),nav:t.cn(`absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1`,h.nav),button_previous:t.cn(n.buttonVariants({variant:u}),`size-(--cell-size) p-0 select-none aria-disabled:opacity-50`,h.button_previous),button_next:t.cn(n.buttonVariants({variant:u}),`size-(--cell-size) p-0 select-none aria-disabled:opacity-50`,h.button_next),month_caption:t.cn(`flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)`,h.month_caption),dropdowns:t.cn(`flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium`,h.dropdowns),dropdown_root:t.cn(`relative rounded-(--cell-radius)`,h.dropdown_root),dropdown:t.cn(`absolute inset-0 bg-popover opacity-0`,h.dropdown),caption_label:t.cn(`font-medium select-none`,l===`label`?`text-sm`:`flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground`,h.caption_label),table:`w-full border-collapse`,weekdays:t.cn(`flex`,h.weekdays),weekday:t.cn(`flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none`,h.weekday),week:t.cn(`mt-2 flex w-full`,h.week),week_number_header:t.cn(`w-(--cell-size) select-none`,h.week_number_header),week_number:t.cn(`text-[0.8rem] text-muted-foreground select-none`,h.week_number),day:t.cn(`group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)`,m.showWeekNumber?`[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)`:`[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)`,h.day),range_start:t.cn(`relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted`,h.range_start),range_middle:t.cn(`rounded-none`,h.range_middle),range_end:t.cn(`relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted`,h.range_end),today:t.cn(`rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none`,h.today),outside:t.cn(`text-muted-foreground aria-selected:text-muted-foreground`,h.outside),disabled:t.cn(`text-muted-foreground opacity-50`,h.disabled),hidden:t.cn(`invisible`,h.hidden),...i},components:{Root:({className:e,rootRef:n,...i})=>(0,r.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...i}),Chevron:({className:e,orientation:n,...i})=>n===`left`?(0,r.jsx)(a.ChevronLeftIcon,{className:t.cn(`size-4`,e),...i}):n===`right`?(0,r.jsx)(a.ChevronRightIcon,{className:t.cn(`size-4`,e),...i}):(0,r.jsx)(a.ChevronDownIcon,{className:t.cn(`size-4`,e),...i}),DayButton:({...e})=>(0,r.jsx)(c,{locale:d,...e}),WeekNumber:({children:e,...t})=>(0,r.jsx)(`td`,{...t,children:(0,r.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...p},...m})}function c({className:e,day:a,modifiers:s,locale:c,...l}){let u=(0,o.getDefaultClassNames)(),d=i.useRef(null);return i.useEffect(()=>{s.focused&&d.current?.focus()},[s.focused]),(0,r.jsx)(n.Button,{ref:d,variant:`ghost`,size:`icon`,"data-day":a.date.toLocaleDateString(c?.code),"data-selected-single":s.selected&&!s.range_start&&!s.range_end&&!s.range_middle,"data-range-start":s.range_start,"data-range-end":s.range_end,"data-range-middle":s.range_middle,className:t.cn(`relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70`,u.day,e),...l})}exports.Calendar=s,exports.CalendarDayButton=c;

package/dist/shared/ui/calendar.d.ts

@@ -0,0 +1,10 @@
+import { DayPicker, DayButton, Locale } from 'react-day-picker';
+import { Button } from './button';
+import * as React from "react";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/shared/ui/calendar.esm

@@ -0,0 +1,92 @@
+import { cn as e } from "../lib/utils.esm";
+import { Button as t, buttonVariants as n } from "./button.esm";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { ChevronDownIcon as a, ChevronLeftIcon as o, ChevronRightIcon as s } from "lucide-react";
+import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+//#region src/shared/ui/calendar.tsx
+function u({ className: t, classNames: i, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", locale: m, formatters: h, components: g, ..._ }) {
+	let v = l();
+	return /* @__PURE__ */ r(c, {
+		showOutsideDays: u,
+		className: e("group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
+		captionLayout: f,
+		locale: m,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString(m?.code, { month: "short" }),
+			...h
+		},
+		classNames: {
+			root: e("w-fit", v.root),
+			months: e("relative flex flex-col gap-4 md:flex-row", v.months),
+			month: e("flex w-full flex-col gap-4", v.month),
+			nav: e("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", v.nav),
+			button_previous: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_previous),
+			button_next: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_next),
+			month_caption: e("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", v.month_caption),
+			dropdowns: e("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", v.dropdowns),
+			dropdown_root: e("relative rounded-(--cell-radius)", v.dropdown_root),
+			dropdown: e("absolute inset-0 bg-popover opacity-0", v.dropdown),
+			caption_label: e("font-medium select-none", f === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", v.caption_label),
+			table: "w-full border-collapse",
+			weekdays: e("flex", v.weekdays),
+			weekday: e("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", v.weekday),
+			week: e("mt-2 flex w-full", v.week),
+			week_number_header: e("w-(--cell-size) select-none", v.week_number_header),
+			week_number: e("text-[0.8rem] text-muted-foreground select-none", v.week_number),
+			day: e("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", _.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", v.day),
+			range_start: e("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", v.range_start),
+			range_middle: e("rounded-none", v.range_middle),
+			range_end: e("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", v.range_end),
+			today: e("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", v.today),
+			outside: e("text-muted-foreground aria-selected:text-muted-foreground", v.outside),
+			disabled: e("text-muted-foreground opacity-50", v.disabled),
+			hidden: e("invisible", v.hidden),
+			...i
+		},
+		components: {
+			Root: ({ className: t, rootRef: n, ...i }) => /* @__PURE__ */ r("div", {
+				"data-slot": "calendar",
+				ref: n,
+				className: e(t),
+				...i
+			}),
+			Chevron: ({ className: t, orientation: n, ...i }) => r(n === "left" ? o : n === "right" ? s : a, {
+				className: e("size-4", t),
+				...i
+			}),
+			DayButton: ({ ...e }) => /* @__PURE__ */ r(d, {
+				locale: m,
+				...e
+			}),
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ r("td", {
+				...t,
+				children: /* @__PURE__ */ r("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...g
+		},
+		..._
+	});
+}
+function d({ className: n, day: a, modifiers: o, locale: s, ...c }) {
+	let u = l(), d = i.useRef(null);
+	return i.useEffect(() => {
+		o.focused && d.current?.focus();
+	}, [o.focused]), /* @__PURE__ */ r(t, {
+		ref: d,
+		variant: "ghost",
+		size: "icon",
+		"data-day": a.date.toLocaleDateString(s?.code),
+		"data-selected-single": o.selected && !o.range_start && !o.range_end && !o.range_middle,
+		"data-range-start": o.range_start,
+		"data-range-end": o.range_end,
+		"data-range-middle": o.range_middle,
+		className: e("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", u.day, n),
+		...c
+	});
+}
+//#endregion
+export { u as Calendar, d as CalendarDayButton };

package/dist/shared/ui/card.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`react`);r=e.__toESM(r);function i({className:e,size:r=`default`,...i}){return(0,n.jsx)(`div`,{"data-slot":`card`,"data-size":r,className:t.cn(`t-card-premium group/card flex flex-col gap-6 py-6 text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-(--t-radius-lg) *:[img:last-child]:rounded-b-(--t-radius-lg)`,e),...i})}function a({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-(--t-radius-lg) px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4`,e),...r})}function o({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`font-heading text-base leading-normal font-medium group-data-[size=sm]/card:text-sm`,e),...r})}function s({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-sm text-muted-foreground`,e),...r})}function c({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...r})}function l({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-6 group-data-[size=sm]/card:px-4`,e),...r})}function u({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center rounded-b-(--t-radius-lg) px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4`,e),...r})}exports.Card=i,exports.CardAction=c,exports.CardContent=l,exports.CardDescription=s,exports.CardFooter=u,exports.CardHeader=a,exports.CardTitle=o;

package/dist/shared/ui/card.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/shared/ui/card.esm

@@ -0,0 +1,56 @@
+import { cn as e } from "../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/shared/ui/card.tsx
+function n({ className: n, size: r = "default", ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card",
+		"data-size": r,
+		className: e("t-card-premium group/card flex flex-col gap-6 py-6 text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-(--t-radius-lg) *:[img:last-child]:rounded-b-(--t-radius-lg)", n),
+		...i
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-header",
+		className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-(--t-radius-lg) px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-title",
+		className: e("font-heading text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-description",
+		className: e("text-sm text-muted-foreground", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-action",
+		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-content",
+		className: e("px-6 group-data-[size=sm]/card:px-4", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-footer",
+		className: e("flex items-center rounded-b-(--t-radius-lg) px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4", n),
+		...r
+	});
+}
+//#endregion
+export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };

package/dist/shared/ui/checkbox.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`react`);r=e.__toESM(r);let i=require(`radix-ui`),a=require(`lucide-react`);function o({className:e,...r}){return(0,n.jsx)(i.Checkbox.Root,{"data-slot":`checkbox`,className:t.cn(`peer relative flex size-4 shrink-0 items-center justify-center rounded-(--t-radius-sm) border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground`,e),...r,children:(0,n.jsx)(i.Checkbox.Indicator,{"data-slot":`checkbox-indicator`,className:`grid place-content-center text-current transition-none [&>svg]:size-3.5`,children:(0,n.jsx)(a.CheckIcon,{})})})}exports.Checkbox=o;

package/dist/shared/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/shared/ui/checkbox.esm

@@ -0,0 +1,20 @@
+import { cn as e } from "../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { Checkbox as n } from "radix-ui";
+import { CheckIcon as r } from "lucide-react";
+//#region src/shared/ui/checkbox.tsx
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "checkbox",
+		className: e("peer relative flex size-4 shrink-0 items-center justify-center rounded-(--t-radius-sm) border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", i),
+		...a,
+		children: /* @__PURE__ */ t(n.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ t(r, {})
+		})
+	});
+}
+//#endregion
+export { i as Checkbox };

package/dist/shared/ui/combobox.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`),n=require(`./button.cjs`),r=require(`./input-group.cjs`);let i=require(`react/jsx-runtime`),a=require(`react`);a=e.__toESM(a);let o=require(`lucide-react`),s=require(`@base-ui/react`);var c=s.Combobox.Root;function l({...e}){return(0,i.jsx)(s.Combobox.Value,{"data-slot":`combobox-value`,...e})}function u({className:e,children:n,...r}){return(0,i.jsxs)(s.Combobox.Trigger,{"data-slot":`combobox-trigger`,className:t.cn(`[&_svg:not([class*='size-'])]:size-4`,e),...r,children:[n,(0,i.jsx)(o.ChevronDownIcon,{className:`pointer-events-none size-4 text-muted-foreground`})]})}function d({className:e,...n}){return(0,i.jsx)(s.Combobox.Clear,{"data-slot":`combobox-clear`,render:(0,i.jsx)(r.InputGroupButton,{variant:`ghost`,size:`icon-xs`}),className:t.cn(e),...n,children:(0,i.jsx)(o.XIcon,{className:`pointer-events-none`})})}function f({className:e,children:n,disabled:a=!1,showTrigger:o=!0,showClear:c=!1,...l}){return(0,i.jsxs)(r.InputGroup,{className:t.cn(`w-auto`,e),children:[(0,i.jsx)(s.Combobox.Input,{render:(0,i.jsx)(r.InputGroupInput,{disabled:a}),...l}),(0,i.jsxs)(r.InputGroupAddon,{align:`inline-end`,children:[o&&(0,i.jsx)(r.InputGroupButton,{size:`icon-xs`,variant:`ghost`,asChild:!0,"data-slot":`input-group-button`,className:`group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent`,disabled:a,children:(0,i.jsx)(u,{})}),c&&(0,i.jsx)(d,{disabled:a})]}),n]})}function p({className:e,side:n=`bottom`,sideOffset:r=6,align:a=`start`,alignOffset:o=0,anchor:c,...l}){return(0,i.jsx)(s.Combobox.Portal,{children:(0,i.jsx)(s.Combobox.Positioner,{side:n,sideOffset:r,align:a,alignOffset:o,anchor:c,className:`isolate z-50`,children:(0,i.jsx)(s.Combobox.Popup,{"data-slot":`combobox-content`,"data-chips":!!c,className:t.cn(`group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function m({className:e,...n}){return(0,i.jsx)(s.Combobox.List,{"data-slot":`combobox-list`,className:t.cn(`no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0`,e),...n})}function h({className:e,children:n,...r}){return(0,i.jsxs)(s.Combobox.Item,{"data-slot":`combobox-item`,className:t.cn(`relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...r,children:[n,(0,i.jsx)(s.Combobox.ItemIndicator,{render:(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,i.jsx)(o.CheckIcon,{className:`pointer-events-none`})})]})}function g({className:e,...n}){return(0,i.jsx)(s.Combobox.Group,{"data-slot":`combobox-group`,className:t.cn(e),...n})}function _({className:e,...n}){return(0,i.jsx)(s.Combobox.GroupLabel,{"data-slot":`combobox-label`,className:t.cn(`px-2 py-1.5 text-xs text-muted-foreground`,e),...n})}function v({...e}){return(0,i.jsx)(s.Combobox.Collection,{"data-slot":`combobox-collection`,...e})}function y({className:e,...n}){return(0,i.jsx)(s.Combobox.Empty,{"data-slot":`combobox-empty`,className:t.cn(`hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex`,e),...n})}function b({className:e,...n}){return(0,i.jsx)(s.Combobox.Separator,{"data-slot":`combobox-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border`,e),...n})}function x({className:e,...n}){return(0,i.jsx)(s.Combobox.Chips,{"data-slot":`combobox-chips`,className:t.cn(`flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40`,e),...n})}function S({className:e,children:r,showRemove:a=!0,...c}){return(0,i.jsxs)(s.Combobox.Chip,{"data-slot":`combobox-chip`,className:t.cn(`flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0`,e),...c,children:[r,a&&(0,i.jsx)(s.Combobox.ChipRemove,{render:(0,i.jsx)(n.Button,{variant:`ghost`,size:`icon-xs`}),className:`-ml-1 opacity-50 hover:opacity-100`,"data-slot":`combobox-chip-remove`,children:(0,i.jsx)(o.XIcon,{className:`pointer-events-none`})})]})}function C({className:e,...n}){return(0,i.jsx)(s.Combobox.Input,{"data-slot":`combobox-chip-input`,className:t.cn(`min-w-16 flex-1 outline-none`,e),...n})}function w(){return a.useRef(null)}exports.Combobox=c,exports.ComboboxChip=S,exports.ComboboxChips=x,exports.ComboboxChipsInput=C,exports.ComboboxCollection=v,exports.ComboboxContent=p,exports.ComboboxEmpty=y,exports.ComboboxGroup=g,exports.ComboboxInput=f,exports.ComboboxItem=h,exports.ComboboxLabel=_,exports.ComboboxList=m,exports.ComboboxSeparator=b,exports.ComboboxTrigger=u,exports.ComboboxValue=l,exports.useComboboxAnchor=w;

package/dist/shared/ui/combobox.d.ts

@@ -0,0 +1,24 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+import * as React from "react";
+declare const Combobox: typeof ComboboxPrimitive.Root;
+declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
+    showRemove?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, };

package/dist/shared/ui/combobox.esm

@@ -0,0 +1,163 @@
+"use client";
+import { cn as e } from "../lib/utils.esm";
+import { Button as t } from "./button.esm";
+import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a } from "./input-group.esm";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import * as c from "react";
+import { CheckIcon as l, ChevronDownIcon as u, XIcon as d } from "lucide-react";
+import { Combobox as f } from "@base-ui/react";
+//#region src/shared/ui/combobox.tsx
+var p = f.Root;
+function m({ ...e }) {
+	return /* @__PURE__ */ o(f.Value, {
+		"data-slot": "combobox-value",
+		...e
+	});
+}
+function h({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ s(f.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: e("[&_svg:not([class*='size-'])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ o(u, { className: "pointer-events-none size-4 text-muted-foreground" })]
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Clear, {
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ o(i, {
+			variant: "ghost",
+			size: "icon-xs"
+		}),
+		className: e(t),
+		...n,
+		children: /* @__PURE__ */ o(d, { className: "pointer-events-none" })
+	});
+}
+function _({ className: t, children: c, disabled: l = !1, showTrigger: u = !0, showClear: d = !1, ...p }) {
+	return /* @__PURE__ */ s(n, {
+		className: e("w-auto", t),
+		children: [
+			/* @__PURE__ */ o(f.Input, {
+				render: /* @__PURE__ */ o(a, { disabled: l }),
+				...p
+			}),
+			/* @__PURE__ */ s(r, {
+				align: "inline-end",
+				children: [u && /* @__PURE__ */ o(i, {
+					size: "icon-xs",
+					variant: "ghost",
+					asChild: !0,
+					"data-slot": "input-group-button",
+					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+					disabled: l,
+					children: /* @__PURE__ */ o(h, {})
+				}), d && /* @__PURE__ */ o(g, { disabled: l })]
+			}),
+			c
+		]
+	});
+}
+function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: s, ...c }) {
+	return /* @__PURE__ */ o(f.Portal, { children: /* @__PURE__ */ o(f.Positioner, {
+		side: n,
+		sideOffset: r,
+		align: i,
+		alignOffset: a,
+		anchor: s,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ o(f.Popup, {
+			"data-slot": "combobox-content",
+			"data-chips": !!s,
+			className: e("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+			...c
+		})
+	}) });
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.List, {
+		"data-slot": "combobox-list",
+		className: e("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", t),
+		...n
+	});
+}
+function b({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ s(f.Item, {
+		"data-slot": "combobox-item",
+		className: e("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ o(f.ItemIndicator, {
+			render: /* @__PURE__ */ o("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ o(l, { className: "pointer-events-none" })
+		})]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Group, {
+		"data-slot": "combobox-group",
+		className: e(t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.GroupLabel, {
+		"data-slot": "combobox-label",
+		className: e("px-2 py-1.5 text-xs text-muted-foreground", t),
+		...n
+	});
+}
+function C({ ...e }) {
+	return /* @__PURE__ */ o(f.Collection, {
+		"data-slot": "combobox-collection",
+		...e
+	});
+}
+function w({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Empty, {
+		"data-slot": "combobox-empty",
+		className: e("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", t),
+		...n
+	});
+}
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Separator, {
+		"data-slot": "combobox-separator",
+		className: e("-mx-1 my-1 h-px bg-border", t),
+		...n
+	});
+}
+function E({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Chips, {
+		"data-slot": "combobox-chips",
+		className: e("flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", t),
+		...n
+	});
+}
+function D({ className: n, children: r, showRemove: i = !0, ...a }) {
+	return /* @__PURE__ */ s(f.Chip, {
+		"data-slot": "combobox-chip",
+		className: e("flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", n),
+		...a,
+		children: [r, i && /* @__PURE__ */ o(f.ChipRemove, {
+			render: /* @__PURE__ */ o(t, {
+				variant: "ghost",
+				size: "icon-xs"
+			}),
+			className: "-ml-1 opacity-50 hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			children: /* @__PURE__ */ o(d, { className: "pointer-events-none" })
+		})]
+	});
+}
+function O({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Input, {
+		"data-slot": "combobox-chip-input",
+		className: e("min-w-16 flex-1 outline-none", t),
+		...n
+	});
+}
+function k() {
+	return c.useRef(null);
+}
+//#endregion
+export { p as Combobox, D as ComboboxChip, E as ComboboxChips, O as ComboboxChipsInput, C as ComboboxCollection, v as ComboboxContent, w as ComboboxEmpty, x as ComboboxGroup, _ as ComboboxInput, b as ComboboxItem, S as ComboboxLabel, y as ComboboxList, T as ComboboxSeparator, h as ComboboxTrigger, m as ComboboxValue, k as useComboboxAnchor };

package/dist/shared/ui/command.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`),n=require(`./dialog.cjs`),r=require(`./input-group.cjs`);let i=require(`react/jsx-runtime`),a=require(`react`);a=e.__toESM(a);let o=require(`lucide-react`),s=require(`cmdk`);function c({className:e,...n}){return(0,i.jsx)(s.Command,{"data-slot":`command`,className:t.cn(`flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground`,e),...n})}function l({title:e=`Command Palette`,description:r=`Search for a command to run...`,children:a,className:o,showCloseButton:s=!1,...c}){return(0,i.jsxs)(n.Dialog,{...c,children:[(0,i.jsxs)(n.DialogHeader,{className:`sr-only`,children:[(0,i.jsx)(n.DialogTitle,{children:e}),(0,i.jsx)(n.DialogDescription,{children:r})]}),(0,i.jsx)(n.DialogContent,{className:t.cn(`top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0`,o),showCloseButton:s,children:a})]})}function u({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,i.jsxs)(r.InputGroup,{className:`h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!`,children:[(0,i.jsx)(s.Command.Input,{"data-slot":`command-input`,className:t.cn(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...n}),(0,i.jsx)(r.InputGroupAddon,{children:(0,i.jsx)(o.SearchIcon,{className:`size-4 shrink-0 opacity-50`})})]})})}function d({className:e,...n}){return(0,i.jsx)(s.Command.List,{"data-slot":`command-list`,className:t.cn(`no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(s.Command.Empty,{"data-slot":`command-empty`,className:t.cn(`py-6 text-center text-sm`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(s.Command.Group,{"data-slot":`command-group`,className:t.cn(`overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(s.Command.Separator,{"data-slot":`command-separator`,className:t.cn(`-mx-1 h-px w-auto bg-border`,e),...n})}function h({className:e,children:n,...r}){return(0,i.jsxs)(s.Command.Item,{"data-slot":`command-item`,className:t.cn(`group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:**:[svg]:text-foreground`,e),...r,children:[n,(0,i.jsx)(o.CheckIcon,{className:`ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}function g({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`command-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground`,e),...n})}exports.Command=c,exports.CommandDialog=l,exports.CommandEmpty=f,exports.CommandGroup=p,exports.CommandInput=u,exports.CommandItem=h,exports.CommandList=d,exports.CommandSeparator=m,exports.CommandShortcut=g;

package/dist/shared/ui/command.d.ts

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import * as React from "react";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };