@questpie/admin 1.1.1 → 2.0.0

package/dist/client/components/ui/kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.mjs","names":[],"sources":["../../../../src/client/components/ui/kbd.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n}\n\n/**\n * Keyboard shortcut badge component\n *\n * @example\n * ```tsx\n * <Kbd>⌘K</Kbd>\n * <Kbd>ESC</Kbd>\n * ```\n */\nexport function Kbd({ className, children, ...props }: KbdProps) {\n  return (\n    <kbd\n      className={cn(\n        \"pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </kbd>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,IAAI,EAAE,WAAW,UAAU,GAAG,SAAmB;AAC/D,QACE,oBAAC;EACC,WAAW,GACT,6JACA,UACD;EACD,GAAI;EAEH;GACG"}

package/dist/client/components/ui/label.d.mts

@@ -0,0 +1,2 @@
+import "react";
+import "react/jsx-runtime";

package/dist/client/components/ui/label.mjs

@@ -0,0 +1,15 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/ui/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		"data-slot": "label",
+		className: cn("gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed", className),
+		...props
+	});
+}
+
+//#endregion
+export { Label };
+//# sourceMappingURL=label.mjs.map

package/dist/client/components/ui/label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.mjs","names":[],"sources":["../../../../src/client/components/ui/label.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;AAIA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uNACA,UACD;EACD,GAAI;GACJ"}

package/dist/client/components/ui/popover.d.mts

@@ -0,0 +1,3 @@
+import "react";
+import "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";

package/dist/client/components/ui/popover.mjs

@@ -0,0 +1,49 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/client/components/ui/popover.tsx
+function Popover$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Popover.Popup, {
+			"data-slot": "popover-content",
+			className: cn("bg-popover/95 backdrop-blur-xl text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 border border-border flex flex-col gap-4 p-2.5 text-xs shadow-lg duration-100 z-50 min-w-48 origin-(--transform-origin) outline-hidden", className),
+			...props
+		})
+	}) });
+}
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: cn("flex flex-col gap-1 text-xs", className),
+		...props
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		"data-slot": "popover-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
+}
+
+//#endregion
+export { Popover$1 as Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger };
+//# sourceMappingURL=popover.mjs.map

package/dist/client/components/ui/popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.mjs","names":["Popover","PopoverPrimitive"],"sources":["../../../../src/client/components/ui/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  ...props\n}: PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            \"bg-popover/95 backdrop-blur-xl text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 border border-border flex flex-col gap-4 p-2.5 text-xs shadow-lg duration-100 z-50 min-w-48 origin-(--transform-origin) outline-hidden\",\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-1 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: PopoverPrimitive.Description.Props) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n};\n"],"mappings":";;;;;AAKA,SAASA,UAAQ,EAAE,GAAG,SAAsC;AAC1D,QAAO,oBAACC,QAAiB;EAAK,aAAU;EAAU,GAAI;GAAS;;AAGjE,SAAS,eAAe,EAAE,GAAG,SAAyC;AACpE,QAAO,oBAACA,QAAiB;EAAQ,aAAU;EAAkB,GAAI;GAAS;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,GAAG,SAKA;AACH,QACE,oBAACA,QAAiB,oBAChB,oBAACA,QAAiB;EACT;EACM;EACP;EACM;EACZ,WAAU;YAEV,oBAACA,QAAiB;GAChB,aAAU;GACV,WAAW,GACT,keACA,UACD;GACD,GAAI;IACJ;GAC0B,GACN;;AAI9B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ"}

package/dist/client/components/ui/responsive-dialog.mjs

@@ -0,0 +1,102 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { DialogContent, DialogFooter, DialogHeader } from "./dialog.mjs";
+import { useIsMobile } from "../../hooks/use-media-query.mjs";
+import { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } from "./drawer.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/client/components/ui/responsive-dialog.tsx
+const ResponsiveDialogContext = React$1.createContext(null);
+function useResponsiveDialog() {
+	const context = React$1.useContext(ResponsiveDialogContext);
+	if (!context) throw new Error("ResponsiveDialog components must be used within ResponsiveDialog");
+	return context;
+}
+function ResponsiveDialog({ children, open, onOpenChange }) {
+	const isMobile = useIsMobile();
+	const contextValue = React$1.useMemo(() => ({ isMobile }), [isMobile]);
+	if (isMobile) return /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Drawer, {
+			open,
+			onOpenChange,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Dialog.Root, {
+			open,
+			onOpenChange,
+			children
+		})
+	});
+}
+function ResponsiveDialogContent({ children, className }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerContent, {
+		className: cn("max-h-[96vh]", className),
+		children
+	});
+	return /* @__PURE__ */ jsx(DialogContent, {
+		className,
+		children
+	});
+}
+function ResponsiveDialogHeader({ className, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerHeader, {
+		className,
+		...props
+	});
+	return /* @__PURE__ */ jsx(DialogHeader, {
+		className,
+		...props
+	});
+}
+function ResponsiveDialogTitle({ className, children, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerTitle, {
+		className,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "responsive-dialog-title",
+		className: cn("text-sm font-medium", className),
+		...props,
+		children
+	});
+}
+function ResponsiveDialogDescription({ className, children, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerDescription, {
+		className,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "responsive-dialog-description",
+		className: cn("text-muted-foreground text-xs/relaxed", className),
+		...props,
+		children
+	});
+}
+function ResponsiveDialogFooter({ className, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerFooter, {
+		className,
+		...props
+	});
+	return /* @__PURE__ */ jsx(DialogFooter, {
+		className,
+		...props
+	});
+}
+
+//#endregion
+export { ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle };
+//# sourceMappingURL=responsive-dialog.mjs.map

package/dist/client/components/ui/responsive-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-dialog.mjs","names":["React","DialogPrimitive"],"sources":["../../../../src/client/components/ui/responsive-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"#questpie/admin/client/lib/utils\";\nimport { useIsMobile } from \"#questpie/admin/client/hooks/use-media-query\";\nimport { DialogContent, DialogFooter, DialogHeader } from \"./dialog\";\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"./drawer\";\n\n/**\n * ResponsiveDialog - Uses Dialog on desktop, fullscreen Drawer on mobile\n *\n * @example\n * ```tsx\n * <ResponsiveDialog>\n *   <ResponsiveDialogTrigger asChild>\n *     <Button>Open</Button>\n *   </ResponsiveDialogTrigger>\n *   <ResponsiveDialogContent>\n *     <ResponsiveDialogHeader>\n *       <ResponsiveDialogTitle>Title</ResponsiveDialogTitle>\n *       <ResponsiveDialogDescription>Description</ResponsiveDialogDescription>\n *     </ResponsiveDialogHeader>\n *     <div>Content here</div>\n *     <ResponsiveDialogFooter>\n *       <ResponsiveDialogClose asChild>\n *         <Button variant=\"outline\">Cancel</Button>\n *       </ResponsiveDialogClose>\n *       <Button>Save</Button>\n *     </ResponsiveDialogFooter>\n *   </ResponsiveDialogContent>\n * </ResponsiveDialog>\n * ```\n */\n\ninterface ResponsiveDialogContextValue {\n  isMobile: boolean;\n}\n\nconst ResponsiveDialogContext =\n  React.createContext<ResponsiveDialogContextValue | null>(null);\n\nfunction useResponsiveDialog() {\n  const context = React.useContext(ResponsiveDialogContext);\n  if (!context) {\n    throw new Error(\n      \"ResponsiveDialog components must be used within ResponsiveDialog\",\n    );\n  }\n  return context;\n}\n\nexport interface ResponsiveDialogProps {\n  children: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction ResponsiveDialog({\n  children,\n  open,\n  onOpenChange,\n}: ResponsiveDialogProps) {\n  const isMobile = useIsMobile();\n\n  const contextValue = React.useMemo(() => ({ isMobile }), [isMobile]);\n\n  if (isMobile) {\n    return (\n      <ResponsiveDialogContext.Provider value={contextValue}>\n        <Drawer open={open} onOpenChange={onOpenChange}>\n          {children}\n        </Drawer>\n      </ResponsiveDialogContext.Provider>\n    );\n  }\n\n  return (\n    <ResponsiveDialogContext.Provider value={contextValue}>\n      <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n        {children}\n      </DialogPrimitive.Root>\n    </ResponsiveDialogContext.Provider>\n  );\n}\n\nfunction ResponsiveDialogTrigger({\n  children,\n  asChild = false,\n  className,\n  ...props\n}: {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n} & Omit<React.ComponentProps<\"button\">, \"className\">) {\n  const { isMobile } = useResponsiveDialog();\n\n  if (isMobile) {\n    return (\n      <DrawerTrigger asChild={asChild} className={className} {...props}>\n        {children}\n      </DrawerTrigger>\n    );\n  }\n\n  return (\n    <DialogPrimitive.Trigger\n      className={className}\n      render={asChild ? (children as React.ReactElement) : undefined}\n      {...props}\n    >\n      {!asChild ? children : undefined}\n    </DialogPrimitive.Trigger>\n  );\n}\n\nexport interface ResponsiveDialogContentProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction ResponsiveDialogContent({\n  children,\n  className,\n}: ResponsiveDialogContentProps) {\n  const { isMobile } = useResponsiveDialog();\n\n  if (isMobile) {\n    return (\n      <DrawerContent className={cn(\"max-h-[96vh]\", className)}>\n        {children}\n      </DrawerContent>\n    );\n  }\n\n  return <DialogContent className={className}>{children}</DialogContent>;\n}\n\nfunction ResponsiveDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  const { isMobile } = useResponsiveDialog();\n\n  if (isMobile) {\n    return <DrawerHeader className={className} {...props} />;\n  }\n\n  return <DialogHeader className={className} {...props} />;\n}\n\nfunction ResponsiveDialogTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"h2\">) {\n  const { isMobile } = useResponsiveDialog();\n\n  if (isMobile) {\n    return (\n      <DrawerTitle className={className} {...props}>\n        {children}\n      </DrawerTitle>\n    );\n  }\n\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"responsive-dialog-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Title>\n  );\n}\n\nfunction ResponsiveDialogDescription({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  const { isMobile } = useResponsiveDialog();\n\n  if (isMobile) {\n    return (\n      <DrawerDescription className={className} {...props}>\n        {children}\n      </DrawerDescription>\n    );\n  }\n\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"responsive-dialog-description\"\n      className={cn(\"text-muted-foreground text-xs/relaxed\", className)}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Description>\n  );\n}\n\nfunction ResponsiveDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  const { isMobile } = useResponsiveDialog();\n\n  if (isMobile) {\n    return <DrawerFooter className={className} {...props} />;\n  }\n\n  return <DialogFooter className={className} {...props} />;\n}\n\nfunction ResponsiveDialogClose({\n  children,\n  asChild = false,\n  className,\n  ...props\n}: {\n  children: React.ReactNode;\n  asChild?: boolean;\n  className?: string;\n} & Omit<React.ComponentProps<\"button\">, \"className\">) {\n  const { isMobile } = useResponsiveDialog();\n\n  if (isMobile) {\n    return (\n      <DrawerClose asChild={asChild} className={className} {...props}>\n        {children}\n      </DrawerClose>\n    );\n  }\n\n  return (\n    <DialogPrimitive.Close\n      className={className}\n      render={asChild ? (children as React.ReactElement) : undefined}\n      {...props}\n    >\n      {!asChild ? children : undefined}\n    </DialogPrimitive.Close>\n  );\n}\n\nexport {\n  ResponsiveDialog,\n  ResponsiveDialogTrigger,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogClose,\n  useResponsiveDialog,\n};\n"],"mappings":";;;;;;;;;;;AAgDA,MAAM,0BACJA,QAAM,cAAmD,KAAK;AAEhE,SAAS,sBAAsB;CAC7B,MAAM,UAAUA,QAAM,WAAW,wBAAwB;AACzD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,mEACD;AAEH,QAAO;;AAST,SAAS,iBAAiB,EACxB,UACA,MACA,gBACwB;CACxB,MAAM,WAAW,aAAa;CAE9B,MAAM,eAAeA,QAAM,eAAe,EAAE,UAAU,GAAG,CAAC,SAAS,CAAC;AAEpE,KAAI,SACF,QACE,oBAAC,wBAAwB;EAAS,OAAO;YACvC,oBAAC;GAAa;GAAoB;GAC/B;IACM;GACwB;AAIvC,QACE,oBAAC,wBAAwB;EAAS,OAAO;YACvC,oBAACC,OAAgB;GAAW;GAAoB;GAC7C;IACoB;GACU;;AAwCvC,SAAS,wBAAwB,EAC/B,UACA,aAC+B;CAC/B,MAAM,EAAE,aAAa,qBAAqB;AAE1C,KAAI,SACF,QACE,oBAAC;EAAc,WAAW,GAAG,gBAAgB,UAAU;EACpD;GACa;AAIpB,QAAO,oBAAC;EAAyB;EAAY;GAAyB;;AAGxE,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,aAAa,qBAAqB;AAE1C,KAAI,SACF,QAAO,oBAAC;EAAwB;EAAW,GAAI;GAAS;AAG1D,QAAO,oBAAC;EAAwB;EAAW,GAAI;GAAS;;AAG1D,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC0B;CAC7B,MAAM,EAAE,aAAa,qBAAqB;AAE1C,KAAI,SACF,QACE,oBAAC;EAAuB;EAAW,GAAI;EACpC;GACW;AAIlB,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;EAEH;GACqB;;AAI5B,SAAS,4BAA4B,EACnC,WACA,UACA,GAAG,SACyB;CAC5B,MAAM,EAAE,aAAa,qBAAqB;AAE1C,KAAI,SACF,QACE,oBAAC;EAA6B;EAAW,GAAI;EAC1C;GACiB;AAIxB,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;EAEH;GAC2B;;AAIlC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,aAAa,qBAAqB;AAE1C,KAAI,SACF,QAAO,oBAAC;EAAwB;EAAW,GAAI;GAAS;AAG1D,QAAO,oBAAC;EAAwB;EAAW,GAAI;GAAS"}

package/dist/client/components/ui/scroll-area.d.mts

@@ -0,0 +1,2 @@
+import "react/jsx-runtime";
+import "@base-ui/react/scroll-area";

package/dist/client/components/ui/search-input.mjs

@@ -0,0 +1,74 @@
+import { cn } from "../../lib/utils.mjs";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.mjs";
+import { Kbd } from "./kbd.mjs";
+import { Icon } from "@iconify/react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/ui/search-input.tsx
+/**
+* SearchInput - Consistent search input with icon, loading state, clear button, and keyboard shortcut
+*
+* @example
+* ```tsx
+* // Basic usage
+* <SearchInput
+*   value={searchTerm}
+*   onChange={(e) => setSearchTerm(e.target.value)}
+*   onClear={() => setSearchTerm("")}
+*   placeholder="Search..."
+* />
+*
+* // With keyboard shortcut
+* <SearchInput
+*   shortcut="⌘K"
+*   onClick={openSearchDialog}
+*   readOnly
+* />
+*
+* // Loading state
+* <SearchInput isLoading={isSearching} ... />
+* ```
+*/
+function SearchInput({ shortcut, onClear, isLoading = false, containerClassName, className, value, ...props }) {
+	const hasValue = value !== void 0 && value !== "";
+	const showClearButton = hasValue && onClear;
+	const showShortcut = shortcut && !hasValue;
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		className: cn("bg-transparent", containerClassName),
+		children: [
+			/* @__PURE__ */ jsx(InputGroupAddon, {
+				align: "inline-start",
+				children: isLoading ? /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:spinner-gap",
+					className: "size-4 animate-spin text-muted-foreground"
+				}) : /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:magnifying-glass",
+					className: "size-4 text-muted-foreground"
+				})
+			}),
+			/* @__PURE__ */ jsx(InputGroupInput, {
+				placeholder: "Search...",
+				value,
+				className,
+				...props
+			}),
+			(showClearButton || showShortcut) && /* @__PURE__ */ jsxs(InputGroupAddon, {
+				align: "inline-end",
+				children: [showClearButton && /* @__PURE__ */ jsx(InputGroupButton, {
+					onClick: onClear,
+					size: "icon-xs",
+					className: "text-muted-foreground hover:text-foreground",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:x",
+						className: "size-3"
+					})
+				}), showShortcut && /* @__PURE__ */ jsx(Kbd, { children: shortcut })]
+			})
+		]
+	});
+}
+
+//#endregion
+export { SearchInput };
+//# sourceMappingURL=search-input.mjs.map

package/dist/client/components/ui/search-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.mjs","names":[],"sources":["../../../../src/client/components/ui/search-input.tsx"],"sourcesContent":["import { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"./input-group\";\nimport { Kbd } from \"./kbd\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface SearchInputProps extends Omit<\n  React.ComponentProps<\"input\">,\n  \"type\"\n> {\n  /**\n   * Keyboard shortcut to display (e.g., \"⌘K\")\n   */\n  shortcut?: string;\n\n  /**\n   * Callback when clear button is clicked\n   */\n  onClear?: () => void;\n\n  /**\n   * Show loading spinner instead of search icon\n   */\n  isLoading?: boolean;\n\n  /**\n   * Additional className for the container\n   */\n  containerClassName?: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * SearchInput - Consistent search input with icon, loading state, clear button, and keyboard shortcut\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SearchInput\n *   value={searchTerm}\n *   onChange={(e) => setSearchTerm(e.target.value)}\n *   onClear={() => setSearchTerm(\"\")}\n *   placeholder=\"Search...\"\n * />\n *\n * // With keyboard shortcut\n * <SearchInput\n *   shortcut=\"⌘K\"\n *   onClick={openSearchDialog}\n *   readOnly\n * />\n *\n * // Loading state\n * <SearchInput isLoading={isSearching} ... />\n * ```\n */\nexport function SearchInput({\n  shortcut,\n  onClear,\n  isLoading = false,\n  containerClassName,\n  className,\n  value,\n  ...props\n}: SearchInputProps): React.ReactElement {\n  const hasValue = value !== undefined && value !== \"\";\n  const showClearButton = hasValue && onClear;\n  const showShortcut = shortcut && !hasValue;\n\n  return (\n    <InputGroup className={cn(\"bg-transparent\", containerClassName)}>\n      <InputGroupAddon align=\"inline-start\">\n        {isLoading ? (\n          <Icon\n            icon=\"ph:spinner-gap\"\n            className=\"size-4 animate-spin text-muted-foreground\"\n          />\n        ) : (\n          <Icon\n            icon=\"ph:magnifying-glass\"\n            className=\"size-4 text-muted-foreground\"\n          />\n        )}\n      </InputGroupAddon>\n\n      <InputGroupInput\n        placeholder=\"Search...\"\n        value={value}\n        className={className}\n        {...props}\n      />\n\n      {(showClearButton || showShortcut) && (\n        <InputGroupAddon align=\"inline-end\">\n          {showClearButton && (\n            <InputGroupButton\n              onClick={onClear}\n              size=\"icon-xs\"\n              className=\"text-muted-foreground hover:text-foreground\"\n            >\n              <Icon icon=\"ph:x\" className=\"size-3\" />\n            </InputGroupButton>\n          )}\n          {showShortcut && <Kbd>{shortcut}</Kbd>}\n        </InputGroupAddon>\n      )}\n    </InputGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,SAAgB,YAAY,EAC1B,UACA,SACA,YAAY,OACZ,oBACA,WACA,OACA,GAAG,SACoC;CACvC,MAAM,WAAW,UAAU,UAAa,UAAU;CAClD,MAAM,kBAAkB,YAAY;CACpC,MAAM,eAAe,YAAY,CAAC;AAElC,QACE,qBAAC;EAAW,WAAW,GAAG,kBAAkB,mBAAmB;;GAC7D,oBAAC;IAAgB,OAAM;cACpB,YACC,oBAAC;KACC,MAAK;KACL,WAAU;MACV,GAEF,oBAAC;KACC,MAAK;KACL,WAAU;MACV;KAEY;GAElB,oBAAC;IACC,aAAY;IACL;IACI;IACX,GAAI;KACJ;IAEA,mBAAmB,iBACnB,qBAAC;IAAgB,OAAM;eACpB,mBACC,oBAAC;KACC,SAAS;KACT,MAAK;KACL,WAAU;eAEV,oBAAC;MAAK,MAAK;MAAO,WAAU;OAAW;MACtB,EAEpB,gBAAgB,oBAAC,iBAAK,WAAe;KACtB;;GAET"}

package/dist/client/components/ui/select.d.mts

@@ -0,0 +1,3 @@
+import "react";
+import "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";

package/dist/client/components/ui/select.mjs

@@ -0,0 +1,85 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { Icon } from "@iconify/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+
+//#region src/client/components/ui/select.tsx
+const Select$1 = Select.Root;
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-slot": "select-value",
+		className: cn("flex flex-1 text-left", className),
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("border-input/80 data-[placeholder]:text-muted-foreground bg-input/20 backdrop-blur-sm focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-2 border px-3 py-2 text-sm transition-all focus-visible:ring-[2px] aria-invalid:ring-[2px] data-[size=default]:h-9 data-[size=sm]:h-7 data-[size=sm]:px-2.5 data-[size=sm]:text-xs *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:caret-down",
+			className: "text-muted-foreground size-4 pointer-events-none"
+		}) })]
+	});
+}
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		alignItemWithTrigger,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsxs(Select.Popup, {
+			"data-slot": "select-content",
+			className: cn("bg-popover/20 backdrop-blur-xl text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 border border-border/60 min-w-32 shadow-lg duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", className),
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select.List, { children }),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+			]
+		})
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		"data-slot": "select-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground min-h-9 gap-2 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-3 flex items-center justify-center" }),
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:check",
+				className: "pointer-events-none"
+			})
+		})]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5 top-0 w-full", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-up" })
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5 bottom-0 w-full", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Icon, { icon: "ph:caret-down" })
+	});
+}
+
+//#endregion
+export { Select$1 as Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.mjs.map

package/dist/client/components/ui/select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.mjs","names":["Select","SelectPrimitive"],"sources":["../../../../src/client/components/ui/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\";\nimport { Icon } from \"@iconify/react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\nconst Select = SelectPrimitive.Root;\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input/80 data-[placeholder]:text-muted-foreground bg-input/20 backdrop-blur-sm focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-2 border px-3 py-2 text-sm transition-all focus-visible:ring-[2px] aria-invalid:ring-[2px] data-[size=default]:h-9 data-[size=sm]:h-7 data-[size=sm]:px-2.5 data-[size=sm]:text-xs *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <Icon\n            icon=\"ph:caret-down\"\n            className=\"text-muted-foreground size-4 pointer-events-none\"\n          />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          className={cn(\n            \"bg-popover/20 backdrop-blur-xl text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 border border-border/60 min-w-32 shadow-lg duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto\",\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground min-h-9 gap-2 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 gap-2 shrink-0 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-3 flex items-center justify-center\" />\n        }\n      >\n        <Icon icon=\"ph:check\" className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        \"bg-border/50 -mx-1 my-1 h-px pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5 top-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <Icon icon=\"ph:caret-up\" />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-3.5 bottom-0 w-full\",\n        className,\n      )}\n      {...props}\n    >\n      <Icon icon=\"ph:caret-down\" />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;;;AAOA,MAAMA,WAASC,OAAgB;AAY/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;AACD,QACE,qBAACA,OAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT,80BACA,UACD;EACD,GAAI;aAEH,UACD,oBAACA,OAAgB,QACf,QACE,oBAAC;GACC,MAAK;GACL,WAAU;IACV,GAEJ;GACsB;;AAI9B,SAAS,cAAc,EACrB,WACA,UACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,uBAAuB,MACvB,GAAG,SAKA;AACH,QACE,oBAACA,OAAgB,oBACf,oBAACA,OAAgB;EACT;EACM;EACL;EACM;EACS;EACtB,WAAU;YAEV,qBAACA,OAAgB;GACf,aAAU;GACV,WAAW,GACT,qhBACA,UACD;GACD,GAAI;;IAEJ,oBAAC,yBAAuB;IACxB,oBAACA,OAAgB,QAAM,WAAgC;IACvD,oBAAC,2BAAyB;;IACJ;GACG,GACN;;AAiB7B,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SAC0B;AAC7B,QACE,qBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,8aACA,UACD;EACD,GAAI;aAEJ,oBAACA,OAAgB;GAAS,WAAU;GACjC;IACwB,EAC3B,oBAACA,OAAgB;GACf,QACE,oBAAC,UAAK,WAAU,0EAA0E;aAG5F,oBAAC;IAAK,MAAK;IAAW,WAAU;KAAwB;IAC1B;GACX;;AAoB3B,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC0D;AAC7D,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,4HACA,UACD;EACD,GAAI;YAEJ,oBAAC,QAAK,MAAK,gBAAgB;GACG;;AAIpC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,+HACA,UACD;EACD,GAAI;YAEJ,oBAAC,QAAK,MAAK,kBAAkB;GACG"}

package/dist/client/components/ui/separator.d.mts

@@ -0,0 +1,2 @@
+import "react/jsx-runtime";
+import { Separator } from "@base-ui/react/separator";

package/dist/client/components/ui/separator.mjs

@@ -0,0 +1,17 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "@base-ui/react/separator";
+
+//#region src/client/components/ui/separator.tsx
+function Separator$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "separator",
+		orientation,
+		className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className),
+		...props
+	});
+}
+
+//#endregion
+export { Separator$1 as Separator };
+//# sourceMappingURL=separator.mjs.map

package/dist/client/components/ui/separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.mjs","names":["Separator","SeparatorPrimitive"],"sources":["../../../../src/client/components/ui/separator.tsx"],"sourcesContent":["import { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAIA,SAASA,YAAU,EACjB,WACA,cAAc,cACd,GAAG,SACwB;AAC3B,QACE,oBAACC;EACC,aAAU;EACG;EACb,WAAW,GACT,wKACA,UACD;EACD,GAAI;GACJ"}

package/dist/client/components/ui/sheet.d.mts

@@ -0,0 +1,3 @@
+import "react";
+import "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";

package/dist/client/components/ui/sheet.mjs

@@ -0,0 +1,78 @@
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "./button.mjs";
+import { Icon } from "@iconify/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/client/components/ui/sheet.tsx
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-slot": "sheet-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-background/80 backdrop-blur-sm duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0 fixed inset-0 z-50", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+		"data-slot": "sheet-content",
+		"data-side": side,
+		className: cn("bg-background border-border data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col bg-clip-padding text-sm shadow-xl transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-full data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-full data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, {
+			"data-slot": "sheet-close",
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				className: "absolute top-3 right-3",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:x" }), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("gap-1.5 p-6 flex flex-col", className),
+		...props
+	});
+}
+function SheetFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("gap-2 p-6 mt-auto flex flex-col", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "sheet-title",
+		className: cn("text-foreground text-sm font-medium", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-muted-foreground text-xs/relaxed", className),
+		...props
+	});
+}
+
+//#endregion
+export { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle };
+//# sourceMappingURL=sheet.mjs.map

package/dist/client/components/ui/sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.mjs","names":["SheetPrimitive"],"sources":["../../../../src/client/components/ui/sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { Icon } from \"@iconify/react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-background/80 backdrop-blur-sm duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0 fixed inset-0 z-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  showCloseButton?: boolean;\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          \"bg-background border-border data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col bg-clip-padding text-sm shadow-xl transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-full data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-full data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-3 right-3\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <Icon icon=\"ph:x\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"gap-1.5 p-6 flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"gap-2 p-6 mt-auto flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground text-sm font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-xs/relaxed\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,MAAM,EAAE,GAAG,SAAoC;AACtD,QAAO,oBAACA,OAAe;EAAK,aAAU;EAAQ,GAAI;GAAS;;AAW7D,SAAS,YAAY,EAAE,GAAG,SAAsC;AAC9D,QAAO,oBAACA,OAAe;EAAO,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,aAAa,EAAE,WAAW,GAAG,SAAwC;AAC5E,QACE,oBAACA,OAAe;EACd,aAAU;EACV,WAAW,GACT,uNACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,GAAG,SAIF;AACD,QACE,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAACA,OAAe;EACd,aAAU;EACV,aAAW;EACX,WAAW,GACT,snCACA,UACD;EACD,GAAI;aAEH,UACA,mBACC,qBAACA,OAAe;GACd,aAAU;GACV,QACE,oBAAC;IACC,SAAQ;IACR,WAAU;IACV,MAAK;KACL;cAGJ,oBAAC,QAAK,MAAK,SAAS,EACpB,oBAAC;IAAK,WAAU;cAAU;KAAY;IACjB;GAEJ,IACX;;AAIlB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;AACvE,QACE,oBAACA,OAAe;EACd,aAAU;EACV,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACgC;AACnC,QACE,oBAACA,OAAe;EACd,aAAU;EACV,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ"}

package/dist/client/components/ui/sidebar.d.mts

@@ -0,0 +1,8 @@
+import "./button.mjs";
+import "./input.mjs";
+import "./separator.mjs";
+import "./tooltip.mjs";
+import "react";
+import "react/jsx-runtime";
+import "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";