@egose/shadcn-theme 0.0.50 → 0.0.52

package/components/ui/command.mjs

@@ -1,103 +1,18 @@
 "use client";
 import {
-  Dialog,
-  DialogContent
-} from "../../chunk-YAPKDLRQ.mjs";
-import {
-  cn
-} from "../../chunk-F5XCCSBC.mjs";
-import {
-  __objRest,
-  __spreadValues
-} from "../../chunk-YOSPWY5K.mjs";
-
-// components/ui/command.tsx
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { Search } from "lucide-react";
-var Command = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    CommandPrimitive,
-    __spreadValues({
-      ref,
-      className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-        className
-      )
-    }, props)
-  );
-});
-Command.displayName = CommandPrimitive.displayName;
-var CommandDialog = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React.createElement(Dialog, __spreadValues({}, props), /* @__PURE__ */ React.createElement(DialogContent, { className: "overflow-hidden p-0" }, /* @__PURE__ */ React.createElement(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, children)));
-};
-var CommandInput = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "" }, /* @__PURE__ */ React.createElement(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ React.createElement(
-    CommandPrimitive.Input,
-    __spreadValues({
-      ref,
-      className: cn(
-        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )
-    }, props)
-  ));
-});
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    CommandPrimitive.List,
-    __spreadValues({
-      ref,
-      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)
-    }, props)
-  );
-});
-CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(CommandPrimitive.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    CommandPrimitive.Group,
-    __spreadValues({
-      ref,
-      className: cn(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-        className
-      )
-    }, props)
-  );
-});
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(CommandPrimitive.Separator, __spreadValues({ ref, className: cn("-mx-1 h-px bg-border", className) }, props));
-});
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
-    CommandPrimitive.Item,
-    __spreadValues({
-      ref,
-      className: cn(
-        "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        className
-      )
-    }, props)
-  );
-});
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className) }, props));
-};
-CommandShortcut.displayName = "CommandShortcut";
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+} from "../../chunk-4XC6EXHZ.mjs";
+import "../../chunk-YAPKDLRQ.mjs";
+import "../../chunk-F5XCCSBC.mjs";
+import "../../chunk-YOSPWY5K.mjs";
 export {
   Command,
   CommandDialog,

package/components/ui/command.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/ui/command.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { type DialogProps } from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Dialog, DialogContent } from './dialog';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />);\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('-mx-1 h-px bg-border', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      className,\n    )}\n    {...props}\n  />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)} {...props} />;\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"mappings":";;;;;;;;;;;;;;AACA,YAAY,WAAW;AAEvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,cAAc;AAKvB,IAAM,UAAgB,iBAGpB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAZL,IAYG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AACD,QAAQ,cAAc,iBAAiB;AAEvC,IAAM,gBAAgB,CAAC,OAAwC;AAAxC,eAAE,WAxBzB,IAwBuB,IAAe,kBAAf,IAAe,CAAb;AACvB,SACE,oCAAC,2BAAW,QACV,oCAAC,iBAAc,WAAU,yBACvB,oCAAC,WAAQ,WAAU,iXAChB,QACH,CACF,CACF;AAEJ;AAEA,IAAM,eAAqB,iBAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAvCL,IAuCG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6CAAC,SAAI,WAAU,mCAAkC,sBAAmB,MAClE,oCAAC,UAAO,WAAU,oCAAmC,GACrD;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN,CACF;AAAA,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1DL,IA0DG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,OACtE;AAAA,EACN;AAAA,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,eAAqB,iBAGzB,CAAC,OAAO,QAAQ,oCAAC,iBAAiB,OAAjB,iBAAuB,KAAU,WAAU,8BAA+B,MAAO,CAAE;AAEtG,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,eAAqB,iBAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA9EL,IA8EG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,mBAAyB,iBAG7B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA9FL,IA8FG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6CAAC,iBAAiB,WAAjB,iBAA2B,KAAU,WAAW,GAAG,wBAAwB,SAAS,KAAO,MAAO;AAAA,CACpG;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAtGL,IAsGG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAAA,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,kBAAkB,CAAC,OAAmE;AAAnE,eAAE,YAnH3B,IAmHyB,IAAgB,kBAAhB,IAAgB,CAAd;AACzB,SAAO,oCAAC,yBAAK,WAAW,GAAG,yDAAyD,SAAS,KAAO,MAAO;AAC7G;AACA,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/components/ui/extension/file-input.d.mts

@@ -0,0 +1,10 @@
+import * as React$1 from 'react';
+
+interface FileInputAsButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    id?: string;
+    accept?: string;
+    loading?: boolean;
+}
+declare const FileInputAsButton: React$1.ForwardRefExoticComponent<FileInputAsButtonProps & React$1.RefAttributes<HTMLInputElement>>;
+
+export { FileInputAsButton, type FileInputAsButtonProps };

package/components/ui/extension/file-input.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from 'react';
+
+interface FileInputAsButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    id?: string;
+    accept?: string;
+    loading?: boolean;
+}
+declare const FileInputAsButton: React$1.ForwardRefExoticComponent<FileInputAsButtonProps & React$1.RefAttributes<HTMLInputElement>>;
+
+export { FileInputAsButton, type FileInputAsButtonProps };

package/components/ui/extension/file-input.js

@@ -0,0 +1,28 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkW2N2NIVEjs = require('../../../chunk-W2N2NIVE.js');
+
+
+var _chunkEZZ2YCUUjs = require('../../../chunk-EZZ2YCUU.js');
+require('../../../chunk-A34GFF2E.js');
+require('../../../chunk-6N4WCMTE.js');
+
+
+
+var _chunk2NMEKWO5js = require('../../../chunk-2NMEKWO5.js');
+
+// components/ui/extension/file-input.tsx
+var _react = require('react');
+var FileInputAsButton = _react.forwardRef.call(void 0, 
+  (_a, ref) => {
+    var _b = _a, { children, id = "file-upload", accept = "*", className, loading } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["children", "id", "accept", "className", "loading"]);
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(_chunkW2N2NIVEjs.Input, _chunk2NMEKWO5js.__spreadValues.call(void 0, { ref, id, type: "file", accept, className: `sr-only ${className != null ? className : ""}` }, rest)), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(_chunkEZZ2YCUUjs.Button, { size: "sm", asChild: true, loading }, children)));
+  }
+);
+FileInputAsButton.displayName = "FileInputAsButton";
+
+
+exports.FileInputAsButton = FileInputAsButton;
+//# sourceMappingURL=file-input.js.map

package/components/ui/extension/file-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/extension/file-input.js","../../../../components/ui/extension/file-input.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,6DAAmC;AACnC;AACE;AACF,6DAAmC;AACnC,sCAAmC;AACnC,sCAAmC;AACnC;AACE;AACA;AACF,6DAAmC;AACnC;AACA;ACXA,8BAA2B;AAQpB,IAAM,kBAAA,EAAoB,+BAAA;AAAA,EAC/B,CAAC,EAAA,EAA6E,GAAA,EAAA,GAAQ;AAArF,IAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,QAAA,EAAU,GAAA,EAAK,aAAA,EAAe,OAAA,EAAS,GAAA,EAAK,SAAA,EAAW,QAZ5D,EAAA,EAYG,EAAA,EAAqE,KAAA,EAAA,wCAAA,EAArE,EAAqE,CAAnE,UAAA,EAAU,IAAA,EAAoB,QAAA,EAAc,WAAA,EAAW,SAAA,CAAA,CAAA;AACxD,IAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA,CAAC,sBAAA,EAAA,6CAAA,EAAM,GAAA,EAAU,EAAA,EAAQ,IAAA,EAAK,MAAA,EAAO,MAAA,EAAgB,SAAA,EAAW,CAAA,QAAA,EAAW,UAAA,GAAA,KAAA,EAAA,UAAA,EAAa,EAAE,CAAA,EAAA;AAShG,EAAA;AACF;AAEgC;ADJgL;AACA;AACA","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/extension/file-input.js","sourcesContent":[null,"\"use client\";\nimport { Button } from '../button';\nimport { Input } from '../input';\nimport { forwardRef } from 'react';\n\nexport interface FileInputAsButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  id?: string;\n  accept?: string;\n  loading?: boolean;\n}\n\nexport const FileInputAsButton = forwardRef<HTMLInputElement, FileInputAsButtonProps>(\n  ({ children, id = 'file-upload', accept = '*', className, loading, ...rest }, ref) => {\n    return (\n      <div>\n        <Input ref={ref} id={id} type=\"file\" accept={accept} className={`sr-only ${className ?? ''}`} {...rest} />\n\n        <label htmlFor={id}>\n          <Button size=\"sm\" asChild loading={loading}>\n            {children}\n          </Button>\n        </label>\n      </div>\n    );\n  },\n);\n\nFileInputAsButton.displayName = 'FileInputAsButton';\n"]}

package/components/ui/extension/file-input.mjs

@@ -0,0 +1,27 @@
+"use client";
+import {
+  Input
+} from "../../../chunk-REZO5TYB.mjs";
+import {
+  Button
+} from "../../../chunk-4NMFJSJN.mjs";
+import "../../../chunk-NRHWGE26.mjs";
+import "../../../chunk-F5XCCSBC.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "../../../chunk-YOSPWY5K.mjs";
+
+// components/ui/extension/file-input.tsx
+import { forwardRef } from "react";
+var FileInputAsButton = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, id = "file-upload", accept = "*", className, loading } = _b, rest = __objRest(_b, ["children", "id", "accept", "className", "loading"]);
+    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Input, __spreadValues({ ref, id, type: "file", accept, className: `sr-only ${className != null ? className : ""}` }, rest)), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(Button, { size: "sm", asChild: true, loading }, children)));
+  }
+);
+FileInputAsButton.displayName = "FileInputAsButton";
+export {
+  FileInputAsButton
+};
+//# sourceMappingURL=file-input.mjs.map

package/components/ui/extension/file-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/extension/file-input.tsx"],"sourcesContent":["\"use client\";\nimport { Button } from '../button';\nimport { Input } from '../input';\nimport { forwardRef } from 'react';\n\nexport interface FileInputAsButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  id?: string;\n  accept?: string;\n  loading?: boolean;\n}\n\nexport const FileInputAsButton = forwardRef<HTMLInputElement, FileInputAsButtonProps>(\n  ({ children, id = 'file-upload', accept = '*', className, loading, ...rest }, ref) => {\n    return (\n      <div>\n        <Input ref={ref} id={id} type=\"file\" accept={accept} className={`sr-only ${className ?? ''}`} {...rest} />\n\n        <label htmlFor={id}>\n          <Button size=\"sm\" asChild loading={loading}>\n            {children}\n          </Button>\n        </label>\n      </div>\n    );\n  },\n);\n\nFileInputAsButton.displayName = 'FileInputAsButton';\n"],"mappings":";;;;;;;;;;;;;;;AAGA,SAAS,kBAAkB;AAQpB,IAAM,oBAAoB;AAAA,EAC/B,CAAC,IAA6E,QAAQ;AAArF,iBAAE,YAAU,KAAK,eAAe,SAAS,KAAK,WAAW,QAZ5D,IAYG,IAAqE,iBAArE,IAAqE,CAAnE,YAAU,MAAoB,UAAc,aAAW;AACxD,WACE,oCAAC,aACC,oCAAC,wBAAM,KAAU,IAAQ,MAAK,QAAO,QAAgB,WAAW,WAAW,gCAAa,EAAE,MAAQ,KAAM,GAExG,oCAAC,WAAM,SAAS,MACd,oCAAC,UAAO,MAAK,MAAK,SAAO,MAAC,WACvB,QACH,CACF,CACF;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;","names":[]}

package/components/ui/extension/multi-select.d.mts

@@ -0,0 +1,53 @@
+import { Command } from 'cmdk';
+import React__default from 'react';
+
+type MultiSelectValue = {
+    value: string;
+    label: string;
+};
+interface MultiSelectorProps extends React__default.ComponentPropsWithoutRef<typeof Command> {
+    values: MultiSelectValue[];
+    onValuesChange: (value: MultiSelectValue[]) => void;
+    loop?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+    dir?: 'ltr' | 'rtl';
+}
+declare const MultiSelector: ({ values: value, onValuesChange: onValueChange, loop, className, children, dir, ...props }: MultiSelectorProps) => React__default.JSX.Element;
+declare const MultiSelectorTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const MultiSelectorInput: React__default.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key"> & {
+    ref?: React__default.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key" | "asChild">, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+declare const MultiSelectorContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const MultiSelectorList: React__default.ForwardRefExoticComponent<Omit<{
+    children?: React__default.ReactNode;
+} & Pick<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const MultiSelectorItem: React__default.ForwardRefExoticComponent<{
+    value: string;
+    label: string;
+} & Omit<{
+    children?: React__default.ReactNode;
+} & Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { type MultiSelectValue, MultiSelector, MultiSelectorContent, MultiSelectorInput, MultiSelectorItem, MultiSelectorList, MultiSelectorTrigger };

package/components/ui/extension/multi-select.d.ts

@@ -0,0 +1,53 @@
+import { Command } from 'cmdk';
+import React__default from 'react';
+
+type MultiSelectValue = {
+    value: string;
+    label: string;
+};
+interface MultiSelectorProps extends React__default.ComponentPropsWithoutRef<typeof Command> {
+    values: MultiSelectValue[];
+    onValuesChange: (value: MultiSelectValue[]) => void;
+    loop?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+    dir?: 'ltr' | 'rtl';
+}
+declare const MultiSelector: ({ values: value, onValuesChange: onValueChange, loop, className, children, dir, ...props }: MultiSelectorProps) => React__default.JSX.Element;
+declare const MultiSelectorTrigger: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const MultiSelectorInput: React__default.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key"> & {
+    ref?: React__default.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, keyof React__default.InputHTMLAttributes<HTMLInputElement> | "key" | "asChild">, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+declare const MultiSelectorContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const MultiSelectorList: React__default.ForwardRefExoticComponent<Omit<{
+    children?: React__default.ReactNode;
+} & Pick<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const MultiSelectorItem: React__default.ForwardRefExoticComponent<{
+    value: string;
+    label: string;
+} & Omit<{
+    children?: React__default.ReactNode;
+} & Omit<Pick<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React__default.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React__default.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { type MultiSelectValue, MultiSelector, MultiSelectorContent, MultiSelectorInput, MultiSelectorItem, MultiSelectorList, MultiSelectorTrigger };

package/components/ui/extension/multi-select.js

@@ -0,0 +1,312 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkRMDDLEPAjs = require('../../../chunk-RMDDLEPA.js');
+
+
+
+
+
+var _chunkI64GW5SAjs = require('../../../chunk-I64GW5SA.js');
+require('../../../chunk-U3KAN7IM.js');
+
+
+var _chunk6N4WCMTEjs = require('../../../chunk-6N4WCMTE.js');
+
+
+
+
+var _chunk2NMEKWO5js = require('../../../chunk-2NMEKWO5.js');
+
+// components/ui/extension/multi-select.tsx
+var _iconsreact = require('@tabler/icons-react');
+var _cmdk = require('cmdk');
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var MultiSelectContext = _react.createContext.call(void 0, null);
+var useMultiSelect = () => {
+  const context = _react.useContext.call(void 0, MultiSelectContext);
+  if (!context) {
+    throw new Error("useMultiSelect must be used within MultiSelectProvider");
+  }
+  return context;
+};
+function searchForValue(source, value) {
+  for (let i = 0; i < source.length; i++) {
+    if (source[i].value === value.value) {
+      return i;
+    }
+  }
+  return -1;
+}
+var MultiSelector = (_a) => {
+  var _b = _a, {
+    values: value,
+    onValuesChange: onValueChange,
+    loop = false,
+    className,
+    children,
+    dir
+  } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "values",
+    "onValuesChange",
+    "loop",
+    "className",
+    "children",
+    "dir"
+  ]);
+  const [inputValue, setInputValue] = _react.useState.call(void 0, "");
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
+  const inputRef = _react2.default.useRef(null);
+  const onValueChangeHandler = _react.useCallback.call(void 0, 
+    (val) => {
+      const element = searchForValue(value, val);
+      if (element !== -1) {
+        onValueChange(value.filter((_, index) => index !== element));
+      } else {
+        onValueChange([...value, val]);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [value]
+  );
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      var _a2, _b2;
+      e.stopPropagation();
+      const target = inputRef.current;
+      if (!target) return;
+      const selectionStart = (_a2 = target.selectionStart) != null ? _a2 : 0;
+      const selectionEnd = (_b2 = target.selectionEnd) != null ? _b2 : 0;
+      if (selectionStart !== selectionEnd) {
+        return;
+      }
+      const moveNext = () => {
+        const nextIndex = activeIndex + 1;
+        setActiveIndex(nextIndex > value.length - 1 ? loop ? 0 : -1 : nextIndex);
+      };
+      const movePrev = () => {
+        const prevIndex = activeIndex - 1;
+        setActiveIndex(prevIndex < 0 ? value.length - 1 : prevIndex);
+      };
+      const moveCurrent = () => {
+        const newIndex = activeIndex - 1 <= 0 ? value.length - 1 === 0 ? -1 : 0 : activeIndex - 1;
+        setActiveIndex(newIndex);
+      };
+      switch (e.key) {
+        case "ArrowLeft":
+          if (dir === "rtl") {
+            if (value.length > 0 && (activeIndex !== -1 || loop)) {
+              moveNext();
+            }
+          } else {
+            if (value.length > 0 && target.selectionStart === 0) {
+              movePrev();
+            }
+          }
+          break;
+        case "ArrowRight":
+          if (dir === "rtl") {
+            if (value.length > 0 && target.selectionStart === 0) {
+              movePrev();
+            }
+          } else {
+            if (value.length > 0 && (activeIndex !== -1 || loop)) {
+              moveNext();
+            }
+          }
+          break;
+        case "Backspace":
+        case "Delete":
+          if (value.length > 0) {
+            if (activeIndex !== -1 && activeIndex < value.length) {
+              onValueChangeHandler(value[activeIndex]);
+              moveCurrent();
+            } else {
+              if (target.selectionStart === 0) {
+                onValueChangeHandler(value[value.length - 1]);
+              }
+            }
+          }
+          break;
+        case "Enter":
+          setOpen(true);
+          break;
+        case "Escape":
+          if (activeIndex !== -1) {
+            setActiveIndex(-1);
+          } else if (open) {
+            setInputValue("");
+            setOpen(false);
+          }
+          break;
+      }
+    },
+    [value, activeIndex, loop]
+  );
+  return /* @__PURE__ */ _react2.default.createElement(
+    MultiSelectContext.Provider,
+    {
+      value: {
+        value,
+        onValueChange: onValueChangeHandler,
+        open,
+        setOpen,
+        inputValue,
+        setInputValue,
+        activeIndex,
+        setActiveIndex,
+        ref: inputRef
+      }
+    },
+    /* @__PURE__ */ _react2.default.createElement(
+      _chunkI64GW5SAjs.Command,
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        onKeyDown: handleKeyDown,
+        className: _chunk6N4WCMTEjs.cn.call(void 0, "overflow-visible bg-transparent flex flex-col space-y-2", className),
+        dir
+      }, props),
+      children
+    )
+  );
+};
+var MultiSelectorTrigger = _react.forwardRef.call(void 0, 
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "children"]);
+    const { value, onValueChange, activeIndex } = useMultiSelect();
+    const mousePreventDefault = _react.useCallback.call(void 0, (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    }, []);
+    return /* @__PURE__ */ _react2.default.createElement(
+      "div",
+      _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        ref,
+        className: _chunk6N4WCMTEjs.cn.call(void 0, 
+          "flex flex-wrap gap-1 px-2 py-2 ring-1 ring-muted rounded-lg bg-background border rounded-sm",
+          {
+            "ring-1 focus-within:ring-ring": activeIndex === -1
+          },
+          className
+        )
+      }, props),
+      value.map((item, index) => /* @__PURE__ */ _react2.default.createElement(
+        _chunkRMDDLEPAjs.Badge,
+        {
+          key: item.value,
+          className: _chunk6N4WCMTEjs.cn.call(void 0, 
+            "px-1.5 rounded-md flex items-center gap-1",
+            activeIndex === index && "ring-2 ring-muted-foreground "
+          ),
+          variant: "secondary"
+        },
+        /* @__PURE__ */ _react2.default.createElement("span", { className: "text-xs" }, item.label),
+        /* @__PURE__ */ _react2.default.createElement(
+          "button",
+          {
+            "aria-label": `Remove ${item} option`,
+            "aria-roledescription": "button to remove option",
+            type: "button",
+            onMouseDown: mousePreventDefault,
+            onClick: () => onValueChange(item)
+          },
+          /* @__PURE__ */ _react2.default.createElement("span", { className: "sr-only" }, "Remove ", item.label, " option"),
+          /* @__PURE__ */ _react2.default.createElement(_iconsreact.IconX, { className: "h-4 w-4 hover:stroke-destructive" })
+        )
+      )),
+      children
+    );
+  }
+);
+MultiSelectorTrigger.displayName = "MultiSelectorTrigger";
+var MultiSelectorInput = _react.forwardRef.call(void 0, (_a, ref) => {
+  var _b = _a, { className } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className"]);
+  const { setOpen, inputValue, setInputValue, activeIndex, setActiveIndex, ref: inputRef } = useMultiSelect();
+  return /* @__PURE__ */ _react2.default.createElement(
+    _cmdk.Command.Input,
+    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, props), {
+      tabIndex: 0,
+      ref: inputRef,
+      value: inputValue,
+      onValueChange: activeIndex === -1 ? setInputValue : void 0,
+      onBlur: () => {
+        setInputValue("");
+        setOpen(false);
+      },
+      onFocus: () => setOpen(true),
+      onClick: () => setActiveIndex(-1),
+      className: _chunk6N4WCMTEjs.cn.call(void 0, 
+        "p-0 bg-transparent border-none outline-none focus:outline-none focus:ring-0 placeholder:text-muted-foreground flex-1 text-sm",
+        className,
+        activeIndex !== -1 && "caret-transparent"
+      )
+    })
+  );
+});
+MultiSelectorInput.displayName = "MultiSelectorInput";
+var MultiSelectorContent = _react.forwardRef.call(void 0, ({ children }, ref) => {
+  const { open } = useMultiSelect();
+  return /* @__PURE__ */ _react2.default.createElement("div", { ref, className: "relative" }, open ? children : null);
+});
+MultiSelectorContent.displayName = "MultiSelectorContent";
+var MultiSelectorList = _react.forwardRef.call(void 0, ({ className, children }, ref) => {
+  return /* @__PURE__ */ _react2.default.createElement(
+    _chunkI64GW5SAjs.CommandList,
+    {
+      ref,
+      className: _chunk6N4WCMTEjs.cn.call(void 0, 
+        "p-2 flex flex-col gap-2 rounded-md scrollbar-thin scrollbar-track-transparent transition-colors scrollbar-thumb-muted-foreground dark:scrollbar-thumb-muted scrollbar-thumb-rounded-lg w-full absolute bg-background shadow-md z-100 border border-muted top-0",
+        className
+      )
+    },
+    children,
+    /* @__PURE__ */ _react2.default.createElement(_chunkI64GW5SAjs.CommandEmpty, null, /* @__PURE__ */ _react2.default.createElement("span", { className: "text-muted-foreground" }, "No results found"))
+  );
+});
+MultiSelectorList.displayName = "MultiSelectorList";
+var MultiSelectorItem = _react.forwardRef.call(void 0, (_a, ref) => {
+  var _b = _a, { className, value, label, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "value", "label", "children"]);
+  const { value: Options, onValueChange, setInputValue } = useMultiSelect();
+  const mousePreventDefault = _react.useCallback.call(void 0, (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const isIncluded = searchForValue(Options, {
+    value,
+    label
+  }) !== -1;
+  return /* @__PURE__ */ _react2.default.createElement(
+    _chunkI64GW5SAjs.CommandItem,
+    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      ref
+    }, props), {
+      onSelect: () => {
+        onValueChange({
+          value,
+          label
+        });
+        setInputValue("");
+      },
+      className: _chunk6N4WCMTEjs.cn.call(void 0, 
+        "rounded-md cursor-pointer px-2 py-1 transition-colors flex justify-between",
+        className,
+        isIncluded && "opacity-50 cursor-default",
+        props.disabled && "opacity-50 cursor-not-allowed"
+      ),
+      onMouseDown: mousePreventDefault
+    }),
+    children,
+    isIncluded && /* @__PURE__ */ _react2.default.createElement(_iconsreact.IconCheck, { className: "h-4 w-4" })
+  );
+});
+MultiSelectorItem.displayName = "MultiSelectorItem";
+
+
+
+
+
+
+
+exports.MultiSelector = MultiSelector; exports.MultiSelectorContent = MultiSelectorContent; exports.MultiSelectorInput = MultiSelectorInput; exports.MultiSelectorItem = MultiSelectorItem; exports.MultiSelectorList = MultiSelectorList; exports.MultiSelectorTrigger = MultiSelectorTrigger;
+//# sourceMappingURL=multi-select.js.map