@darkfrost-1107/scaff-z-react 0.1.7

package/dist/shared/ui/command.esm

@@ -0,0 +1,87 @@
+import { cn as e } from "../lib/utils.esm";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "./dialog.esm";
+import { InputGroup as o, InputGroupAddon as s } from "./input-group.esm";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import "react";
+import { CheckIcon as u, SearchIcon as d } from "lucide-react";
+import { Command as f } from "cmdk";
+//#region src/shared/ui/command.tsx
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ c(f, {
+		"data-slot": "command",
+		className: e("flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground", t),
+		...n
+	});
+}
+function m({ title: o = "Command Palette", description: s = "Search for a command to run...", children: u, className: d, showCloseButton: f = !1, ...p }) {
+	return /* @__PURE__ */ l(t, {
+		...p,
+		children: [/* @__PURE__ */ l(i, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ c(a, { children: o }), /* @__PURE__ */ c(r, { children: s })]
+		}), /* @__PURE__ */ c(n, {
+			className: e("top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0", d),
+			showCloseButton: f,
+			children: u
+		})]
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "command-input-wrapper",
+		className: "p-1 pb-0",
+		children: /* @__PURE__ */ l(o, {
+			className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!",
+			children: [/* @__PURE__ */ c(f.Input, {
+				"data-slot": "command-input",
+				className: e("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
+				...n
+			}), /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c(d, { className: "size-4 shrink-0 opacity-50" }) })]
+		})
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ c(f.List, {
+		"data-slot": "command-list",
+		className: e("no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", t),
+		...n
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ c(f.Empty, {
+		"data-slot": "command-empty",
+		className: e("py-6 text-center text-sm", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ c(f.Group, {
+		"data-slot": "command-group",
+		className: e("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", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ c(f.Separator, {
+		"data-slot": "command-separator",
+		className: e("-mx-1 h-px w-auto bg-border", t),
+		...n
+	});
+}
+function b({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ l(f.Item, {
+		"data-slot": "command-item",
+		className: e("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", t),
+		...r,
+		children: [n, /* @__PURE__ */ c(u, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ c("span", {
+		"data-slot": "command-shortcut",
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", t),
+		...n
+	});
+}
+//#endregion
+export { p as Command, m as CommandDialog, _ as CommandEmpty, v as CommandGroup, h as CommandInput, b as CommandItem, g as CommandList, y as CommandSeparator, x as CommandShortcut };

package/dist/shared/ui/custom/dynamic-icon.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../_virtual/_rolldown/runtime.cjs`);let t=require(`react/jsx-runtime`),n=require(`lucide-react`);n=e.__toESM(n);var r=({name:e,size:r=24,className:i})=>{let a=n[e];return a?(0,t.jsx)(a,{size:r,className:i}):(console.warn(`[DynamicIcon] Icon "${e}" not found in lucide-react. Using fallback.`),(0,t.jsx)(n.HelpCircle,{size:r,className:i}))};exports.DynamicIcon=r,exports.default=r;

package/dist/shared/ui/custom/dynamic-icon.d.ts

@@ -0,0 +1,13 @@
+interface DynamicIconProps {
+    name: string;
+    size?: number;
+    className?: string;
+}
+/**
+ * DynamicIcon
+ *
+ * Resuelve un componente de lucide-react basándose en su nombre como string.
+ * Útil para configuraciones que vienen de APIs o CMS.
+ */
+export declare const DynamicIcon: ({ name, size, className }: DynamicIconProps) => import("react/jsx-runtime").JSX.Element;
+export default DynamicIcon;

package/dist/shared/ui/custom/dynamic-icon.esm

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "lucide-react";
+//#region src/shared/ui/custom/dynamic-icon.tsx
+var n = ({ name: n, size: r = 24, className: i }) => {
+	let a = t[n];
+	return a ? /* @__PURE__ */ e(a, {
+		size: r,
+		className: i
+	}) : (console.warn(`[DynamicIcon] Icon "${n}" not found in lucide-react. Using fallback.`), /* @__PURE__ */ e(t.HelpCircle, {
+		size: r,
+		className: i
+	}));
+};
+//#endregion
+export { n as DynamicIcon, n as default };

package/dist/shared/ui/dialog.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(`radix-ui`),o=require(`lucide-react`);function s({...e}){return(0,r.jsx)(a.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,r.jsx)(a.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,r.jsx)(a.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,r.jsx)(a.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,r.jsx)(a.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function f({className:e,children:i,showCloseButton:s=!0,...c}){return(0,r.jsxs)(l,{children:[(0,r.jsx)(d,{}),(0,r.jsxs)(a.Dialog.Content,{"data-slot":`dialog-content`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-(--t-radius-lg) bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md 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),...c,children:[i,s&&(0,r.jsx)(a.Dialog.Close,{"data-slot":`dialog-close`,asChild:!0,children:(0,r.jsxs)(n.Button,{variant:`ghost`,className:`absolute top-4 right-4`,size:`icon-sm`,children:[(0,r.jsx)(o.XIcon,{}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})})]})]})}function p({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col gap-2`,e),...n})}function m({className:e,showCloseButton:i=!1,children:o,...s}){return(0,r.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...s,children:[o,i&&(0,r.jsx)(a.Dialog.Close,{asChild:!0,children:(0,r.jsx)(n.Button,{variant:`outline`,children:`Close`})})]})}function h({className:e,...n}){return(0,r.jsx)(a.Dialog.Title,{"data-slot":`dialog-title`,className:t.cn(`font-heading leading-none font-medium`,e),...n})}function g({className:e,...n}){return(0,r.jsx)(a.Dialog.Description,{"data-slot":`dialog-description`,className:t.cn(`text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...n})}exports.Dialog=s,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=h,exports.DialogTrigger=c;

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

@@ -0,0 +1,17 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/shared/ui/dialog.esm

@@ -0,0 +1,95 @@
+import { cn as e } from "../lib/utils.esm";
+import { Button as t } from "./button.esm";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "react";
+import { Dialog as i } from "radix-ui";
+import { XIcon as a } from "lucide-react";
+//#region src/shared/ui/dialog.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ n(i.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ n(i.Close, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: e("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
+		...r
+	});
+}
+function d({ className: o, children: s, showCloseButton: l = !0, ...d }) {
+	return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(i.Content, {
+		"data-slot": "dialog-content",
+		className: e("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-(--t-radius-lg) bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md 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", o),
+		...d,
+		children: [s, l && /* @__PURE__ */ n(i.Close, {
+			"data-slot": "dialog-close",
+			asChild: !0,
+			children: /* @__PURE__ */ r(t, {
+				variant: "ghost",
+				className: "absolute top-4 right-4",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ n(a, {}), /* @__PURE__ */ n("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		})]
+	})] });
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-2", t),
+		...r
+	});
+}
+function p({ className: a, showCloseButton: o = !1, children: s, ...c }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "dialog-footer",
+		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", a),
+		...c,
+		children: [s, o && /* @__PURE__ */ n(i.Close, {
+			asChild: !0,
+			children: /* @__PURE__ */ n(t, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Title, {
+		"data-slot": "dialog-title",
+		className: e("font-heading leading-none font-medium", t),
+		...r
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Description, {
+		"data-slot": "dialog-description",
+		className: e("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
+		...r
+	});
+}
+//#endregion
+export { o as Dialog, l as DialogClose, d as DialogContent, h as DialogDescription, p as DialogFooter, f as DialogHeader, u as DialogOverlay, c as DialogPortal, m as DialogTitle, s as DialogTrigger };

package/dist/shared/ui/field.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`),t=require(`./label.cjs`),n=require(`./separator.cjs`);let r=require(`react/jsx-runtime`),i=require(`react`),a=require(`class-variance-authority`);function o({className:t,...n}){return(0,r.jsx)(`fieldset`,{"data-slot":`field-set`,className:e.cn(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,t),...n})}function s({className:t,variant:n=`legend`,...i}){return(0,r.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e.cn(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...i})}function c({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-group`,className:e.cn(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,t),...n})}var l=(0,a.cva)(`group/field flex w-full gap-3 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function u({className:t,orientation:n=`vertical`,...i}){return(0,r.jsx)(`div`,{role:`group`,"data-slot":`field`,"data-orientation":n,className:e.cn(l({orientation:n}),t),...i})}function d({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-content`,className:e.cn(`group/field-content flex flex-1 flex-col gap-1 leading-snug`,t),...n})}function f({className:n,...i}){return(0,r.jsx)(t.Label,{"data-slot":`field-label`,className:e.cn(`group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,n),...i})}function p({className:t,...n}){return(0,r.jsx)(`div`,{"data-slot":`field-label`,className:e.cn(`flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50`,t),...n})}function m({className:t,...n}){return(0,r.jsx)(`p`,{"data-slot":`field-description`,className:e.cn(`text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5`,`last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,t),...n})}function h({children:t,className:i,...a}){return(0,r.jsxs)(`div`,{"data-slot":`field-separator`,"data-content":!!t,className:e.cn(`relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2`,i),...a,children:[(0,r.jsx)(n.Separator,{className:`absolute inset-0 top-1/2`}),t&&(0,r.jsx)(`span`,{className:`relative mx-auto block w-fit bg-background px-2 text-muted-foreground`,"data-slot":`field-separator-content`,children:t})]})}function g({className:t,children:n,errors:a,...o}){let s=(0,i.useMemo)(()=>{if(n)return n;if(!a?.length)return null;let e=[...new Map(a.map(e=>[e?.message,e])).values()];return e?.length==1?e[0]?.message:(0,r.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&(0,r.jsx)(`li`,{children:e.message},t))})},[n,a]);return s?(0,r.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:e.cn(`text-sm font-normal text-destructive`,t),...o,children:s}):null}exports.Field=u,exports.FieldContent=d,exports.FieldDescription=m,exports.FieldError=g,exports.FieldGroup=c,exports.FieldLabel=f,exports.FieldLegend=s,exports.FieldSeparator=h,exports.FieldSet=o,exports.FieldTitle=p;

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

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label } from './label';
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/shared/ui/field.esm

@@ -0,0 +1,107 @@
+import { cn as e } from "../lib/utils.esm";
+import { Label as t } from "./label.esm";
+import { Separator as n } from "./separator.esm";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import { cva as o } from "class-variance-authority";
+//#region src/shared/ui/field.tsx
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ r("fieldset", {
+		"data-slot": "field-set",
+		className: e("flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", t),
+		...n
+	});
+}
+function c({ className: t, variant: n = "legend", ...i }) {
+	return /* @__PURE__ */ r("legend", {
+		"data-slot": "field-legend",
+		"data-variant": n,
+		className: e("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", t),
+		...i
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "field-group",
+		className: e("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", t),
+		...n
+	});
+}
+var u = o("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+	variants: { orientation: {
+		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function d({ className: t, orientation: n = "vertical", ...i }) {
+	return /* @__PURE__ */ r("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": n,
+		className: e(u({ orientation: n }), t),
+		...i
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "field-content",
+		className: e("group/field-content flex flex-1 flex-col gap-1 leading-snug", t),
+		...n
+	});
+}
+function p({ className: n, ...i }) {
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "field-label",
+		className: e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", n),
+		...i
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "field-label",
+		className: e("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ r("p", {
+		"data-slot": "field-description",
+		className: e("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
+		...n
+	});
+}
+function g({ children: t, className: a, ...o }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "field-separator",
+		"data-content": !!t,
+		className: e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", a),
+		...o,
+		children: [/* @__PURE__ */ r(n, { className: "absolute inset-0 top-1/2" }), t && /* @__PURE__ */ r("span", {
+			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+			"data-slot": "field-separator-content",
+			children: t
+		})]
+	});
+}
+function _({ className: t, children: n, errors: i, ...o }) {
+	let s = a(() => {
+		if (n) return n;
+		if (!i?.length) return null;
+		let e = [...new Map(i.map((e) => [e?.message, e])).values()];
+		return e?.length == 1 ? e[0]?.message : /* @__PURE__ */ r("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: e.map((e, t) => e?.message && /* @__PURE__ */ r("li", { children: e.message }, t))
+		});
+	}, [n, i]);
+	return s ? /* @__PURE__ */ r("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: e("text-sm font-normal text-destructive", t),
+		...o,
+		children: s
+	}) : null;
+}
+//#endregion
+export { d as Field, f as FieldContent, h as FieldDescription, _ as FieldError, l as FieldGroup, p as FieldLabel, c as FieldLegend, g as FieldSeparator, s as FieldSet, m as FieldTitle };

package/dist/shared/ui/icon-button.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);var a=i.forwardRef(({className:e,size:i=`icon`,...a},o)=>(0,r.jsx)(n.Button,{ref:o,size:i,className:t.cn(`rounded-xl aspect-square h-full w-auto flex shrink-0 items-center justify-center p-0`,e),...a}));a.displayName=`IconButton`,exports.IconButton=a;

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

@@ -0,0 +1,6 @@
+import { Button } from './button';
+import * as React from "react";
+export interface IconButtonProps extends React.ComponentPropsWithoutRef<typeof Button> {
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton };

package/dist/shared/ui/icon-button.esm

@@ -0,0 +1,14 @@
+import { cn as e } from "../lib/utils.esm";
+import { Button as t } from "./button.esm";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/shared/ui/icon-button.tsx
+var i = r.forwardRef(({ className: r, size: i = "icon", ...a }, o) => /* @__PURE__ */ n(t, {
+	ref: o,
+	size: i,
+	className: e("rounded-xl aspect-square h-full w-auto flex shrink-0 items-center justify-center p-0", r),
+	...a
+}));
+i.displayName = "IconButton";
+//#endregion
+export { i as IconButton };

package/dist/shared/ui/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./button.cjs`),t=require(`./select.cjs`),n=require(`./dialog.cjs`),r=require(`./table.cjs`),i=require(`./label.cjs`),a=require(`./separator.cjs`),o=require(`./field.cjs`),s=require(`./input.cjs`),c=require(`./tooltip.cjs`),l=require(`./textarea.cjs`),u=require(`./input-group.cjs`),d=require(`./checkbox.cjs`),f=require(`./combobox.cjs`),p=require(`./tabs.cjs`),m=require(`./command.cjs`),h=require(`./popover.cjs`),g=require(`./breadcrumb.cjs`),_=require(`./card.cjs`),v=require(`./icon-button.cjs`),y=require(`./sheet.cjs`),b=require(`./skeleton.cjs`),x=require(`./sidebar.cjs`),S=require(`./sonner.cjs`);exports.Breadcrumb=g.Breadcrumb,exports.BreadcrumbEllipsis=g.BreadcrumbEllipsis,exports.BreadcrumbItem=g.BreadcrumbItem,exports.BreadcrumbLink=g.BreadcrumbLink,exports.BreadcrumbList=g.BreadcrumbList,exports.BreadcrumbPage=g.BreadcrumbPage,exports.BreadcrumbSeparator=g.BreadcrumbSeparator,exports.Button=e.Button,exports.Card=_.Card,exports.CardAction=_.CardAction,exports.CardContent=_.CardContent,exports.CardDescription=_.CardDescription,exports.CardFooter=_.CardFooter,exports.CardHeader=_.CardHeader,exports.CardTitle=_.CardTitle,exports.Checkbox=d.Checkbox,exports.Combobox=f.Combobox,exports.ComboboxChip=f.ComboboxChip,exports.ComboboxChips=f.ComboboxChips,exports.ComboboxChipsInput=f.ComboboxChipsInput,exports.ComboboxCollection=f.ComboboxCollection,exports.ComboboxContent=f.ComboboxContent,exports.ComboboxEmpty=f.ComboboxEmpty,exports.ComboboxGroup=f.ComboboxGroup,exports.ComboboxInput=f.ComboboxInput,exports.ComboboxItem=f.ComboboxItem,exports.ComboboxLabel=f.ComboboxLabel,exports.ComboboxList=f.ComboboxList,exports.ComboboxSeparator=f.ComboboxSeparator,exports.ComboboxTrigger=f.ComboboxTrigger,exports.ComboboxValue=f.ComboboxValue,exports.Command=m.Command,exports.CommandDialog=m.CommandDialog,exports.CommandEmpty=m.CommandEmpty,exports.CommandGroup=m.CommandGroup,exports.CommandInput=m.CommandInput,exports.CommandItem=m.CommandItem,exports.CommandList=m.CommandList,exports.CommandSeparator=m.CommandSeparator,exports.CommandShortcut=m.CommandShortcut,exports.Dialog=n.Dialog,exports.DialogClose=n.DialogClose,exports.DialogContent=n.DialogContent,exports.DialogDescription=n.DialogDescription,exports.DialogFooter=n.DialogFooter,exports.DialogHeader=n.DialogHeader,exports.DialogOverlay=n.DialogOverlay,exports.DialogPortal=n.DialogPortal,exports.DialogTitle=n.DialogTitle,exports.DialogTrigger=n.DialogTrigger,exports.Field=o.Field,exports.FieldContent=o.FieldContent,exports.FieldDescription=o.FieldDescription,exports.FieldError=o.FieldError,exports.FieldGroup=o.FieldGroup,exports.FieldLabel=o.FieldLabel,exports.FieldLegend=o.FieldLegend,exports.FieldSeparator=o.FieldSeparator,exports.FieldSet=o.FieldSet,exports.FieldTitle=o.FieldTitle,exports.IconButton=v.IconButton,exports.Input=s.Input,exports.InputGroup=u.InputGroup,exports.InputGroupAddon=u.InputGroupAddon,exports.InputGroupButton=u.InputGroupButton,exports.InputGroupInput=u.InputGroupInput,exports.InputGroupText=u.InputGroupText,exports.InputGroupTextarea=u.InputGroupTextarea,exports.Label=i.Label,exports.Popover=h.Popover,exports.PopoverAnchor=h.PopoverAnchor,exports.PopoverContent=h.PopoverContent,exports.PopoverTrigger=h.PopoverTrigger,exports.Select=t.Select,exports.SelectContent=t.SelectContent,exports.SelectGroup=t.SelectGroup,exports.SelectItem=t.SelectItem,exports.SelectLabel=t.SelectLabel,exports.SelectScrollDownButton=t.SelectScrollDownButton,exports.SelectScrollUpButton=t.SelectScrollUpButton,exports.SelectSeparator=t.SelectSeparator,exports.SelectTrigger=t.SelectTrigger,exports.SelectValue=t.SelectValue,exports.Separator=a.Separator,exports.Sheet=y.Sheet,exports.SheetClose=y.SheetClose,exports.SheetContent=y.SheetContent,exports.SheetDescription=y.SheetDescription,exports.SheetFooter=y.SheetFooter,exports.SheetHeader=y.SheetHeader,exports.SheetTitle=y.SheetTitle,exports.SheetTrigger=y.SheetTrigger,exports.Sidebar=x.Sidebar,exports.SidebarContent=x.SidebarContent,exports.SidebarFooter=x.SidebarFooter,exports.SidebarGroup=x.SidebarGroup,exports.SidebarGroupAction=x.SidebarGroupAction,exports.SidebarGroupContent=x.SidebarGroupContent,exports.SidebarGroupLabel=x.SidebarGroupLabel,exports.SidebarHeader=x.SidebarHeader,exports.SidebarInput=x.SidebarInput,exports.SidebarInset=x.SidebarInset,exports.SidebarMenu=x.SidebarMenu,exports.SidebarMenuAction=x.SidebarMenuAction,exports.SidebarMenuBadge=x.SidebarMenuBadge,exports.SidebarMenuButton=x.SidebarMenuButton,exports.SidebarMenuItem=x.SidebarMenuItem,exports.SidebarMenuSkeleton=x.SidebarMenuSkeleton,exports.SidebarMenuSub=x.SidebarMenuSub,exports.SidebarMenuSubButton=x.SidebarMenuSubButton,exports.SidebarMenuSubItem=x.SidebarMenuSubItem,exports.SidebarProvider=x.SidebarProvider,exports.SidebarRail=x.SidebarRail,exports.SidebarSeparator=x.SidebarSeparator,exports.SidebarTrigger=x.SidebarTrigger,exports.Skeleton=b.Skeleton,exports.Table=r.Table,exports.TableBody=r.TableBody,exports.TableCaption=r.TableCaption,exports.TableCell=r.TableCell,exports.TableFooter=r.TableFooter,exports.TableHead=r.TableHead,exports.TableHeader=r.TableHeader,exports.TableRow=r.TableRow,exports.Tabs=p.Tabs,exports.TabsContent=p.TabsContent,exports.TabsList=p.TabsList,exports.TabsTrigger=p.TabsTrigger,exports.Textarea=l.Textarea,exports.Toaster=S.Toaster,exports.Tooltip=c.Tooltip,exports.TooltipContent=c.TooltipContent,exports.TooltipProvider=c.TooltipProvider,exports.TooltipTrigger=c.TooltipTrigger,exports.buttonVariants=e.buttonVariants,exports.tabsListVariants=p.tabsListVariants,exports.useComboboxAnchor=f.useComboboxAnchor,exports.useSidebar=x.useSidebar;

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

@@ -0,0 +1,23 @@
+export * from './button';
+export * from './card';
+export * from './input';
+export * from './label';
+export * from './textarea';
+export * from './checkbox';
+export * from './select';
+export * from './combobox';
+export * from './command';
+export * from './dialog';
+export * from './sheet';
+export * from './tabs';
+export * from './table';
+export * from './sidebar';
+export * from './breadcrumb';
+export * from './separator';
+export * from './skeleton';
+export * from './sonner';
+export * from './tooltip';
+export * from './field';
+export * from './input-group';
+export * from './icon-button';
+export * from './popover';

package/dist/shared/ui/index.esm

@@ -0,0 +1,24 @@
+import { Button as e, buttonVariants as t } from "./button.esm";
+import { Select as n, SelectContent as r, SelectGroup as i, SelectItem as a, SelectLabel as o, SelectScrollDownButton as s, SelectScrollUpButton as c, SelectSeparator as l, SelectTrigger as u, SelectValue as d } from "./select.esm";
+import { Dialog as f, DialogClose as p, DialogContent as m, DialogDescription as h, DialogFooter as g, DialogHeader as _, DialogOverlay as v, DialogPortal as y, DialogTitle as b, DialogTrigger as x } from "./dialog.esm";
+import { Table as S, TableBody as C, TableCaption as w, TableCell as T, TableFooter as E, TableHead as D, TableHeader as O, TableRow as k } from "./table.esm";
+import { Label as A } from "./label.esm";
+import { Separator as j } from "./separator.esm";
+import { Field as M, FieldContent as N, FieldDescription as P, FieldError as F, FieldGroup as I, FieldLabel as L, FieldLegend as R, FieldSeparator as z, FieldSet as B, FieldTitle as V } from "./field.esm";
+import { Input as H } from "./input.esm";
+import { Tooltip as U, TooltipContent as W, TooltipProvider as G, TooltipTrigger as K } from "./tooltip.esm";
+import { Textarea as q } from "./textarea.esm";
+import { InputGroup as J, InputGroupAddon as Y, InputGroupButton as X, InputGroupInput as Z, InputGroupText as Q, InputGroupTextarea as $ } from "./input-group.esm";
+import { Checkbox as ee } from "./checkbox.esm";
+import { Combobox as te, ComboboxChip as ne, ComboboxChips as re, ComboboxChipsInput as ie, ComboboxCollection as ae, ComboboxContent as oe, ComboboxEmpty as se, ComboboxGroup as ce, ComboboxInput as le, ComboboxItem as ue, ComboboxLabel as de, ComboboxList as fe, ComboboxSeparator as pe, ComboboxTrigger as me, ComboboxValue as he, useComboboxAnchor as ge } from "./combobox.esm";
+import { Tabs as _e, TabsContent as ve, TabsList as ye, TabsTrigger as be, tabsListVariants as xe } from "./tabs.esm";
+import { Command as Se, CommandDialog as Ce, CommandEmpty as we, CommandGroup as Te, CommandInput as Ee, CommandItem as De, CommandList as Oe, CommandSeparator as ke, CommandShortcut as Ae } from "./command.esm";
+import { Popover as je, PopoverAnchor as Me, PopoverContent as Ne, PopoverTrigger as Pe } from "./popover.esm";
+import { Breadcrumb as Fe, BreadcrumbEllipsis as Ie, BreadcrumbItem as Le, BreadcrumbLink as Re, BreadcrumbList as ze, BreadcrumbPage as Be, BreadcrumbSeparator as Ve } from "./breadcrumb.esm";
+import { Card as He, CardAction as Ue, CardContent as We, CardDescription as Ge, CardFooter as Ke, CardHeader as qe, CardTitle as Je } from "./card.esm";
+import { IconButton as Ye } from "./icon-button.esm";
+import { Sheet as Xe, SheetClose as Ze, SheetContent as Qe, SheetDescription as $e, SheetFooter as et, SheetHeader as tt, SheetTitle as nt, SheetTrigger as rt } from "./sheet.esm";
+import { Skeleton as it } from "./skeleton.esm";
+import { Sidebar as at, SidebarContent as ot, SidebarFooter as st, SidebarGroup as ct, SidebarGroupAction as lt, SidebarGroupContent as ut, SidebarGroupLabel as dt, SidebarHeader as ft, SidebarInput as pt, SidebarInset as mt, SidebarMenu as ht, SidebarMenuAction as gt, SidebarMenuBadge as _t, SidebarMenuButton as vt, SidebarMenuItem as yt, SidebarMenuSkeleton as bt, SidebarMenuSub as xt, SidebarMenuSubButton as St, SidebarMenuSubItem as Ct, SidebarProvider as wt, SidebarRail as Tt, SidebarSeparator as Et, SidebarTrigger as Dt, useSidebar as Ot } from "./sidebar.esm";
+import { Toaster as kt } from "./sonner.esm";
+export { Fe as Breadcrumb, Ie as BreadcrumbEllipsis, Le as BreadcrumbItem, Re as BreadcrumbLink, ze as BreadcrumbList, Be as BreadcrumbPage, Ve as BreadcrumbSeparator, e as Button, He as Card, Ue as CardAction, We as CardContent, Ge as CardDescription, Ke as CardFooter, qe as CardHeader, Je as CardTitle, ee as Checkbox, te as Combobox, ne as ComboboxChip, re as ComboboxChips, ie as ComboboxChipsInput, ae as ComboboxCollection, oe as ComboboxContent, se as ComboboxEmpty, ce as ComboboxGroup, le as ComboboxInput, ue as ComboboxItem, de as ComboboxLabel, fe as ComboboxList, pe as ComboboxSeparator, me as ComboboxTrigger, he as ComboboxValue, Se as Command, Ce as CommandDialog, we as CommandEmpty, Te as CommandGroup, Ee as CommandInput, De as CommandItem, Oe as CommandList, ke as CommandSeparator, Ae as CommandShortcut, f as Dialog, p as DialogClose, m as DialogContent, h as DialogDescription, g as DialogFooter, _ as DialogHeader, v as DialogOverlay, y as DialogPortal, b as DialogTitle, x as DialogTrigger, M as Field, N as FieldContent, P as FieldDescription, F as FieldError, I as FieldGroup, L as FieldLabel, R as FieldLegend, z as FieldSeparator, B as FieldSet, V as FieldTitle, Ye as IconButton, H as Input, J as InputGroup, Y as InputGroupAddon, X as InputGroupButton, Z as InputGroupInput, Q as InputGroupText, $ as InputGroupTextarea, A as Label, je as Popover, Me as PopoverAnchor, Ne as PopoverContent, Pe as PopoverTrigger, n as Select, r as SelectContent, i as SelectGroup, a as SelectItem, o as SelectLabel, s as SelectScrollDownButton, c as SelectScrollUpButton, l as SelectSeparator, u as SelectTrigger, d as SelectValue, j as Separator, Xe as Sheet, Ze as SheetClose, Qe as SheetContent, $e as SheetDescription, et as SheetFooter, tt as SheetHeader, nt as SheetTitle, rt as SheetTrigger, at as Sidebar, ot as SidebarContent, st as SidebarFooter, ct as SidebarGroup, lt as SidebarGroupAction, ut as SidebarGroupContent, dt as SidebarGroupLabel, ft as SidebarHeader, pt as SidebarInput, mt as SidebarInset, ht as SidebarMenu, gt as SidebarMenuAction, _t as SidebarMenuBadge, vt as SidebarMenuButton, yt as SidebarMenuItem, bt as SidebarMenuSkeleton, xt as SidebarMenuSub, St as SidebarMenuSubButton, Ct as SidebarMenuSubItem, wt as SidebarProvider, Tt as SidebarRail, Et as SidebarSeparator, Dt as SidebarTrigger, it as Skeleton, S as Table, C as TableBody, w as TableCaption, T as TableCell, E as TableFooter, D as TableHead, O as TableHeader, k as TableRow, _e as Tabs, ve as TabsContent, ye as TabsList, be as TabsTrigger, q as Textarea, kt as Toaster, U as Tooltip, W as TooltipContent, G as TooltipProvider, K as TooltipTrigger, t as buttonVariants, xe as tabsListVariants, ge as useComboboxAnchor, Ot as useSidebar };

package/dist/shared/ui/input-group.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`),r=require(`./input.cjs`),i=require(`./textarea.cjs`);let a=require(`react/jsx-runtime`),o=require(`react`);o=e.__toESM(o);let s=require(`class-variance-authority`);function c({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:t.cn(`group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5`,e),...n})}var l=(0,s.cva)(`flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":`order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]`,"inline-end":`order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]`,"block-start":`order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2`,"block-end":`order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2`}},defaultVariants:{align:`inline-start`}});function u({className:e,align:n=`inline-start`,...r}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:t.cn(l({align:n}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}var d=(0,s.cva)(`flex items-center gap-2 text-sm shadow-none`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function f({className:e,type:r=`button`,variant:i=`ghost`,size:o=`xs`,...s}){return(0,a.jsx)(n.Button,{type:r,"data-size":o,variant:i,className:t.cn(d({size:o}),e),...s})}function p({className:e,...n}){return(0,a.jsx)(`span`,{className:t.cn(`flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(r.Input,{"data-slot":`input-group-control`,className:t.cn(`flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent`,e),...n})}function h({className:e,...n}){return(0,a.jsx)(i.Textarea,{"data-slot":`input-group-control`,className:t.cn(`flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent`,e),...n})}exports.InputGroup=c,exports.InputGroupAddon=u,exports.InputGroupButton=f,exports.InputGroupInput=m,exports.InputGroupText=p,exports.InputGroupTextarea=h;

package/dist/shared/ui/input-group.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button';
+import * as React from "react";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/shared/ui/input-group.esm

@@ -0,0 +1,77 @@
+import { cn as e } from "../lib/utils.esm";
+import { Button as t } from "./button.esm";
+import { Input as n } from "./input.esm";
+import { Textarea as r } from "./textarea.esm";
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { cva as a } from "class-variance-authority";
+//#region src/shared/ui/input-group.tsx
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: e("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
+		...n
+	});
+}
+var s = a("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+	variants: { align: {
+		"inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function c({ className: t, align: n = "inline-start", ...r }) {
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": n,
+		className: e(s({ align: n }), t),
+		onClick: (e) => {
+			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...r
+	});
+}
+var l = a("flex items-center gap-2 text-sm shadow-none", {
+	variants: { size: {
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+		sm: "",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function u({ className: n, type: r = "button", variant: a = "ghost", size: o = "xs", ...s }) {
+	return /* @__PURE__ */ i(t, {
+		type: r,
+		"data-size": o,
+		variant: a,
+		className: e(l({ size: o }), n),
+		...s
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i("span", {
+		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
+		...n
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ i(n, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", t),
+		...r
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ i(r, {
+		"data-slot": "input-group-control",
+		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", t),
+		...n
+	});
+}
+//#endregion
+export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, f as InputGroupInput, d as InputGroupText, p as InputGroupTextarea };

package/dist/shared/ui/input.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,type:r,...i}){return(0,n.jsx)(`input`,{type:r,"data-slot":`input`,className:t.cn(`h-9 w-full min-w-0 rounded-(--t-radius-md) border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,e),...i})}exports.Input=i;

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/shared/ui/input.esm

@@ -0,0 +1,14 @@
+import { cn as e } from "../lib/utils.esm";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/shared/ui/input.tsx
+function n({ className: n, type: r, ...i }) {
+	return /* @__PURE__ */ t("input", {
+		type: r,
+		"data-slot": "input",
+		className: e("h-9 w-full min-w-0 rounded-(--t-radius-md) border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", n),
+		...i
+	});
+}
+//#endregion
+export { n as Input };

package/dist/shared/ui/label.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`);function a({className:e,...r}){return(0,n.jsx)(i.Label.Root,{"data-slot":`label`,className:t.cn(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...r})}exports.Label=a;