@acronis-platform/shadcn-uikit 0.32.4 → 0.34.0

package/dist/components/ui/checkbox.js

@@ -1,7 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as c from "react";
-import { Minus as m, Check as s } from "lucide-react";
 import { cn as t } from "../../lib/utils.js";
+import "../icons/dynamic-icons.js";
+import { MinusIcon as m, CheckIcon as s } from "../icons/auto-generated.js";
 import { CheckboxRoot as l } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRoot.js";
 import { CheckboxIndicator as b } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/checkbox/indicator/CheckboxIndicator.js";
 const u = c.forwardRef(

package/dist/components/ui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react'\nimport { Check, Minus } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Extends Base UI's Checkbox props to accept `checked=\"indeterminate\"` for\n * backwards-compatibility with the Radix UI API. Base UI uses a separate boolean\n * `indeterminate` prop, so we override `checked` here and normalize it internally.\n */\ntype CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked'> & {\n  checked?: boolean | 'indeterminate'\n}\n\nconst Checkbox = React.forwardRef<HTMLElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Derive indeterminate state from either the explicit `indeterminate` prop or\n    // the Radix-style `checked=\"indeterminate\"` string. An explicit boolean\n    // `indeterminate` prop takes precedence (via `??`).\n    const isIndeterminate = indeterminate ?? (checked === 'indeterminate')\n    // Normalize checked to boolean for Base UI (which does not accept the string 'indeterminate').\n    const normalizedChecked = checked === 'indeterminate' ? undefined : checked\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={normalizedChecked}\n        indeterminate={isIndeterminate}\n        className={cn(\n          'peer inline-flex items-center justify-center h-4 w-4 shrink-0 rounded-sm border bg-background border-input/30 transition-colors',\n          'hover:border-input/50',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n          'disabled:cursor-not-allowed disabled:bg-muted/10 disabled:border-muted/10',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          className\n        )}\n        {...props}\n      >\n        {/* keepMounted ensures the indicator stays in the DOM so we can always render the correct icon */}\n        <CheckboxPrimitive.Indicator keepMounted className={cn('flex items-center justify-center text-current data-[unchecked]:hidden')}>\n          {isIndeterminate ? (\n            <Minus className=\"h-3 w-3\" />\n          ) : (\n            <Check className=\"h-3 w-3\" />\n          )}\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","isIndeterminate","jsx","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator","Minus","Check"],"mappings":";;;;;;AAeA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAIxD,UAAMC,IAAkBH,KAAkBD,MAAY;AAItD,WACE,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,SALsBH,MAAY,kBAAkB,SAAYA;AAAA,QAMhE,eAAeI;AAAA,QACf,WAAWG;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAR;AAAA,QAAA;AAAA,QAED,GAAGG;AAAA,QAGJ,UAAA,gBAAAG,EAACG,GAAA,EAA4B,aAAW,IAAC,WAAWD,EAAG,uEAAuE,GAC3H,cACC,gBAAAF,EAACI,GAAA,EAAM,WAAU,WAAU,sBAE1BC,GAAA,EAAM,WAAU,WAAU,EAAA,CAE/B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAb,EAAS,cAAc;"}
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react'\nimport { CheckIcon, MinusIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Extends Base UI's Checkbox props to accept `checked=\"indeterminate\"` for\n * backwards-compatibility with the Radix UI API. Base UI uses a separate boolean\n * `indeterminate` prop, so we override `checked` here and normalize it internally.\n */\ntype CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked'> & {\n  checked?: boolean | 'indeterminate'\n}\n\nconst Checkbox = React.forwardRef<HTMLElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Derive indeterminate state from either the explicit `indeterminate` prop or\n    // the Radix-style `checked=\"indeterminate\"` string. An explicit boolean\n    // `indeterminate` prop takes precedence (via `??`).\n    const isIndeterminate = indeterminate ?? (checked === 'indeterminate')\n    // Normalize checked to boolean for Base UI (which does not accept the string 'indeterminate').\n    const normalizedChecked = checked === 'indeterminate' ? undefined : checked\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={normalizedChecked}\n        indeterminate={isIndeterminate}\n        className={cn(\n          'peer inline-flex items-center justify-center h-4 w-4 shrink-0 rounded-sm border bg-background border-input/30 transition-colors',\n          'hover:border-input/50',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n          'disabled:cursor-not-allowed disabled:bg-muted/10 disabled:border-muted/10',\n          'data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground',\n          'data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground',\n          className\n        )}\n        {...props}\n      >\n        {/* keepMounted ensures the indicator stays in the DOM so we can always render the correct icon */}\n        <CheckboxPrimitive.Indicator keepMounted className={cn('flex items-center justify-center text-current data-[unchecked]:hidden')}>\n          {isIndeterminate ? (\n            <MinusIcon className=\"h-3 w-3\" />\n          ) : (\n            <CheckIcon className=\"h-3 w-3\" />\n          )}\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","isIndeterminate","jsx","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator","MinusIcon","CheckIcon"],"mappings":";;;;;;;AAeA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAIxD,UAAMC,IAAkBH,KAAkBD,MAAY;AAItD,WACE,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,SALsBH,MAAY,kBAAkB,SAAYA;AAAA,QAMhE,eAAeI;AAAA,QACf,WAAWG;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAR;AAAA,QAAA;AAAA,QAED,GAAGG;AAAA,QAGJ,UAAA,gBAAAG,EAACG,GAAA,EAA4B,aAAW,IAAC,WAAWD,EAAG,uEAAuE,GAC3H,cACC,gBAAAF,EAACI,GAAA,EAAU,WAAU,WAAU,sBAE9BC,GAAA,EAAU,WAAU,WAAU,EAAA,CAEnC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAb,EAAS,cAAc;"}

package/dist/components/ui/chip.js

@@ -1,12 +1,13 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
-import { X as f } from "lucide-react";
 import { cn as c } from "../../lib/utils.js";
+import "../icons/dynamic-icons.js";
+import { CloseIcon as f } from "../icons/auto-generated.js";
 const m = i.forwardRef(
-  ({ className: t, children: s, onRemove: e, icon: l, ...n }, a) => /* @__PURE__ */ o(
+  ({ className: t, children: s, onRemove: e, icon: l, ...n }, o) => /* @__PURE__ */ a(
     "div",
     {
-      ref: a,
+      ref: o,
       className: c(
         "inline-flex h-6 items-center gap-2 rounded-full border border-[rgba(38,104,197,0.3)] bg-[rgba(38,104,197,0.05)] text-sm leading-6 text-[hsl(var(--chip-foreground))]",
         e ? "pl-3 pr-0" : "px-3",

package/dist/components/ui/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../src/components/ui/chip.tsx"],"sourcesContent":["import * as React from 'react'\nimport { X } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  onRemove?: () => void\n  icon?: React.ReactNode\n}\n\nconst Chip = React.forwardRef<HTMLDivElement, ChipProps>(\n  ({ className, children, onRemove, icon, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'inline-flex h-6 items-center gap-2 rounded-full border border-[rgba(38,104,197,0.3)] bg-[rgba(38,104,197,0.05)] text-sm leading-6 text-[hsl(var(--chip-foreground))]',\n          onRemove ? 'pl-3 pr-0' : 'px-3',\n          className\n        )}\n        {...props}\n      >\n        {icon && <span className=\"flex h-4 w-4 items-center justify-center\">{icon}</span>}\n        <span className=\"font-normal\">{children}</span>\n        {onRemove && (\n          <button\n            type=\"button\"\n            onClick={onRemove}\n            className=\"flex h-full items-center justify-center rounded-br-full rounded-tr-full pl-1 pr-2 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1\"\n            aria-label=\"Remove\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nChip.displayName = 'Chip'\n\nexport { Chip }\n"],"names":["Chip","React","className","children","onRemove","icon","props","ref","jsxs","cn","jsx","X"],"mappings":";;;;AASA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAEhD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAL,IAAW,cAAc;AAAA,QACzBF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAD,KAAQ,gBAAAK,EAAC,QAAA,EAAK,WAAU,4CAA4C,UAAAL,GAAK;AAAA,QAC1E,gBAAAK,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAP,EAAA,CAAS;AAAA,QACvCC,KACC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASN;AAAA,YACT,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAA,gBAAAM,EAACC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,EAAA;AAKV;AACAX,EAAK,cAAc;"}
+{"version":3,"file":"chip.js","sources":["../../../src/components/ui/chip.tsx"],"sourcesContent":["import * as React from 'react'\nimport { CloseIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  onRemove?: () => void\n  icon?: React.ReactNode\n}\n\nconst Chip = React.forwardRef<HTMLDivElement, ChipProps>(\n  ({ className, children, onRemove, icon, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'inline-flex h-6 items-center gap-2 rounded-full border border-[rgba(38,104,197,0.3)] bg-[rgba(38,104,197,0.05)] text-sm leading-6 text-[hsl(var(--chip-foreground))]',\n          onRemove ? 'pl-3 pr-0' : 'px-3',\n          className\n        )}\n        {...props}\n      >\n        {icon && <span className=\"flex h-4 w-4 items-center justify-center\">{icon}</span>}\n        <span className=\"font-normal\">{children}</span>\n        {onRemove && (\n          <button\n            type=\"button\"\n            onClick={onRemove}\n            className=\"flex h-full items-center justify-center rounded-br-full rounded-tr-full pl-1 pr-2 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1\"\n            aria-label=\"Remove\"\n          >\n            <CloseIcon className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nChip.displayName = 'Chip'\n\nexport { Chip }\n"],"names":["Chip","React","className","children","onRemove","icon","props","ref","jsxs","cn","jsx","CloseIcon"],"mappings":";;;;;AASA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAEhD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAL,IAAW,cAAc;AAAA,QACzBF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAD,KAAQ,gBAAAK,EAAC,QAAA,EAAK,WAAU,4CAA4C,UAAAL,GAAK;AAAA,QAC1E,gBAAAK,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAP,EAAA,CAAS;AAAA,QACvCC,KACC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASN;AAAA,YACT,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAA,gBAAAM,EAACC,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA;AAKV;AACAX,EAAK,cAAc;"}

package/dist/components/ui/combobox.js

@@ -1,7 +1,8 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as s from "react";
-import { ChevronsUpDownIcon as p, CheckIcon as u } from "lucide-react";
-import { cn as d } from "../../lib/utils.js";
+import { cn as c } from "../../lib/utils.js";
+import "../icons/dynamic-icons.js";
+import { ChevronUpdownIcon as u, CheckIcon as d } from "../icons/auto-generated.js";
 import { Button as v } from "./button.js";
 import { Command as h, CommandInput as f, CommandList as x, CommandEmpty as b, CommandGroup as C, CommandItem as j } from "./command.js";
 import { Popover as w, PopoverTrigger as N, PopoverContent as S } from "./popover.js";
@@ -27,9 +28,9 @@ const i = [
     label: "Astro"
   }
 ];
-function O() {
+function A() {
   var n;
-  const [t, r] = s.useState(!1), [l, c] = s.useState("");
+  const [t, r] = s.useState(!1), [l, p] = s.useState("");
   return /* @__PURE__ */ a(w, { open: t, onOpenChange: r, children: [
     /* @__PURE__ */ e(
       N,
@@ -43,7 +44,7 @@ function O() {
             className: "w-[200px] justify-between",
             children: [
               l ? (n = i.find((o) => o.value === l)) == null ? void 0 : n.label : "Select framework...",
-              /* @__PURE__ */ e(p, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+              /* @__PURE__ */ e(u, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
             ]
           }
         )
@@ -58,13 +59,13 @@ function O() {
           {
             value: o.value,
             onSelect: (m) => {
-              c(m === l ? "" : m), r(!1);
+              p(m === l ? "" : m), r(!1);
             },
             children: [
               /* @__PURE__ */ e(
-                u,
+                d,
                 {
-                  className: d(
+                  className: c(
                     "mr-2 h-4 w-4",
                     l === o.value ? "opacity-100" : "opacity-0"
                   )
@@ -80,6 +81,6 @@ function O() {
   ] });
 }
 export {
-  O as Combobox
+  A as Combobox
 };
 //# sourceMappingURL=combobox.js.map

package/dist/components/ui/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","sources":["../../../src/components/ui/combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { CheckIcon, ChevronsUpDownIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/ui/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\n\nconst frameworks = [\n  {\n    value: 'next.js',\n    label: 'Next.js',\n  },\n  {\n    value: 'sveltekit',\n    label: 'SvelteKit',\n  },\n  {\n    value: 'nuxt.js',\n    label: 'Nuxt.js',\n  },\n  {\n    value: 'remix',\n    label: 'Remix',\n  },\n  {\n    value: 'astro',\n    label: 'Astro',\n  },\n]\n\nexport function Combobox() {\n  const [open, setOpen] = React.useState(false)\n  const [value, setValue] = React.useState('')\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger\n        render={\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-[200px] justify-between\"\n          >\n            {value\n              ? frameworks.find((framework) => framework.value === value)?.label\n              : 'Select framework...'}\n            <ChevronsUpDownIcon className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n          </Button>\n        }\n      />\n      <PopoverContent className=\"w-[200px] p-0\">\n        <Command>\n          <CommandInput placeholder=\"Search framework...\" />\n          <CommandList>\n            <CommandEmpty>No framework found.</CommandEmpty>\n            <CommandGroup>\n              {frameworks.map((framework) => (\n                <CommandItem\n                  key={framework.value}\n                  value={framework.value}\n                  onSelect={(currentValue) => {\n                    setValue(currentValue === value ? '' : currentValue)\n                    setOpen(false)\n                  }}\n                >\n                  <CheckIcon\n                    className={cn(\n                      'mr-2 h-4 w-4',\n                      value === framework.value ? 'opacity-100' : 'opacity-0'\n                    )}\n                  />\n                  {framework.label}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["frameworks","Combobox","open","setOpen","React","value","setValue","jsxs","Popover","jsx","PopoverTrigger","Button","_a","framework","ChevronsUpDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","CheckIcon","cn"],"mappings":";;;;;;;AAiBA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEO,SAASC,IAAW;;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtC,CAACC,GAAOC,CAAQ,IAAIF,EAAM,SAAS,EAAE;AAE3C,SACE,gBAAAG,EAACC,GAAA,EAAQ,MAAAN,GAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,iBAAeT;AAAA,YACf,WAAU;AAAA,YAET,UAAA;AAAA,cAAAG,KACGO,IAAAZ,EAAW,KAAK,CAACa,MAAcA,EAAU,UAAUR,CAAK,MAAxD,gBAAAO,EAA2D,QAC3D;AAAA,cACJ,gBAAAH,EAACK,GAAA,EAAmB,WAAU,mCAAA,CAAmC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnE;AAAA,IAAA;AAAA,IAGJ,gBAAAL,EAACM,GAAA,EAAe,WAAU,iBACxB,4BAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACQ,GAAA,EAAa,aAAY,sBAAA,CAAsB;AAAA,wBAC/CC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACU,KAAa,UAAA,sBAAA,CAAmB;AAAA,QACjC,gBAAAV,EAACW,GAAA,EACE,UAAApB,EAAW,IAAI,CAACa,MACf,gBAAAN;AAAA,UAACc;AAAA,UAAA;AAAA,YAEC,OAAOR,EAAU;AAAA,YACjB,UAAU,CAACS,MAAiB;AAC1B,cAAAhB,EAASgB,MAAiBjB,IAAQ,KAAKiB,CAAY,GACnDnB,EAAQ,EAAK;AAAA,YACf;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAM;AAAA,gBAACc;AAAA,gBAAA;AAAA,kBACC,WAAWC;AAAA,oBACT;AAAA,oBACAnB,MAAUQ,EAAU,QAAQ,gBAAgB;AAAA,kBAAA;AAAA,gBAC9C;AAAA,cAAA;AAAA,cAEDA,EAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAbNA,EAAU;AAAA,QAAA,CAelB,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"combobox.js","sources":["../../../src/components/ui/combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { CheckIcon, ChevronUpdownIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/ui/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\n\nconst frameworks = [\n  {\n    value: 'next.js',\n    label: 'Next.js',\n  },\n  {\n    value: 'sveltekit',\n    label: 'SvelteKit',\n  },\n  {\n    value: 'nuxt.js',\n    label: 'Nuxt.js',\n  },\n  {\n    value: 'remix',\n    label: 'Remix',\n  },\n  {\n    value: 'astro',\n    label: 'Astro',\n  },\n]\n\nexport function Combobox() {\n  const [open, setOpen] = React.useState(false)\n  const [value, setValue] = React.useState('')\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger\n        render={\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-[200px] justify-between\"\n          >\n            {value\n              ? frameworks.find((framework) => framework.value === value)?.label\n              : 'Select framework...'}\n            <ChevronUpdownIcon className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n          </Button>\n        }\n      />\n      <PopoverContent className=\"w-[200px] p-0\">\n        <Command>\n          <CommandInput placeholder=\"Search framework...\" />\n          <CommandList>\n            <CommandEmpty>No framework found.</CommandEmpty>\n            <CommandGroup>\n              {frameworks.map((framework) => (\n                <CommandItem\n                  key={framework.value}\n                  value={framework.value}\n                  onSelect={(currentValue) => {\n                    setValue(currentValue === value ? '' : currentValue)\n                    setOpen(false)\n                  }}\n                >\n                  <CheckIcon\n                    className={cn(\n                      'mr-2 h-4 w-4',\n                      value === framework.value ? 'opacity-100' : 'opacity-0'\n                    )}\n                  />\n                  {framework.label}\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["frameworks","Combobox","open","setOpen","React","value","setValue","jsxs","Popover","jsx","PopoverTrigger","Button","_a","framework","ChevronUpdownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","currentValue","CheckIcon","cn"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEO,SAASC,IAAW;;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtC,CAACC,GAAOC,CAAQ,IAAIF,EAAM,SAAS,EAAE;AAE3C,SACE,gBAAAG,EAACC,GAAA,EAAQ,MAAAN,GAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,iBAAeT;AAAA,YACf,WAAU;AAAA,YAET,UAAA;AAAA,cAAAG,KACGO,IAAAZ,EAAW,KAAK,CAACa,MAAcA,EAAU,UAAUR,CAAK,MAAxD,gBAAAO,EAA2D,QAC3D;AAAA,cACJ,gBAAAH,EAACK,GAAA,EAAkB,WAAU,mCAAA,CAAmC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAClE;AAAA,IAAA;AAAA,IAGJ,gBAAAL,EAACM,GAAA,EAAe,WAAU,iBACxB,4BAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACQ,GAAA,EAAa,aAAY,sBAAA,CAAsB;AAAA,wBAC/CC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAT,EAACU,KAAa,UAAA,sBAAA,CAAmB;AAAA,QACjC,gBAAAV,EAACW,GAAA,EACE,UAAApB,EAAW,IAAI,CAACa,MACf,gBAAAN;AAAA,UAACc;AAAA,UAAA;AAAA,YAEC,OAAOR,EAAU;AAAA,YACjB,UAAU,CAACS,MAAiB;AAC1B,cAAAhB,EAASgB,MAAiBjB,IAAQ,KAAKiB,CAAY,GACnDnB,EAAQ,EAAK;AAAA,YACf;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAM;AAAA,gBAACc;AAAA,gBAAA;AAAA,kBACC,WAAWC;AAAA,oBACT;AAAA,oBACAnB,MAAUQ,EAAU,QAAQ,gBAAgB;AAAA,kBAAA;AAAA,gBAC9C;AAAA,cAAA;AAAA,cAEDA,EAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAbNA,EAAU;AAAA,QAAA,CAelB,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -25,7 +25,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "value" | "type"> & {
+}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "onChange" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -51,7 +51,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;

package/dist/components/ui/command.js

@@ -1,9 +1,10 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as r from "react";
 import { Command as o } from "../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@18.3.7_@types_react@18.3.27__@types_react@18.3.27_react-dom_432f7245dc8bab9f07ec6fe8c80615a1/node_modules/cmdk/dist/index.js";
-import { Search as p } from "lucide-react";
 import { cn as m } from "../../lib/utils.js";
-import { Dialog as i, DialogContent as l } from "./dialog.js";
+import "../icons/dynamic-icons.js";
+import { SearchIcon as p } from "../icons/auto-generated.js";
+import { Dialog as i, DialogContent as c } from "./dialog.js";
 const n = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
   o,
   {
@@ -16,7 +17,7 @@ const n = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
   }
 ));
 n.displayName = o.displayName;
-const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(l, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ t(n, { 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: e }) }) }), c = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
+const b = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(c, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ t(n, { 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: e }) }) }), l = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ t(
     o.Input,
@@ -30,7 +31,7 @@ const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @
     }
   )
 ] }));
-c.displayName = o.Input.displayName;
+l.displayName = o.Input.displayName;
 const u = r.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
   o.List,
   {
@@ -85,10 +86,10 @@ const y = ({ className: e, ...a }) => /* @__PURE__ */ t(
 y.displayName = "CommandShortcut";
 export {
   n as Command,
-  C as CommandDialog,
+  b as CommandDialog,
   f as CommandEmpty,
   g as CommandGroup,
-  c as CommandInput,
+  l as CommandInput,
   h as CommandItem,
   u as CommandList,
   x as CommandSeparator,

package/dist/components/ui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Dialog, DialogContent } from '@/components/ui/dialog'\n\n// DialogProps derived from Dialog.Root (Base UI); children narrowed to ReactNode\n// because the render-function variant is not used here\ntype DialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode\n}\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 shadow-lg\">\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\" data-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-11 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) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\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\n    ref={ref}\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\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 (\n    <span\n      className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n      {...props}\n    />\n  )\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"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";;;;;;AAaA,MAAMA,IAAUC,EAAM,WAGpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAQ,cAAcM,EAAiB;AAEvC,MAAME,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGN,QAElC,gBAAAE,EAACK,GAAA,EAAQ,GAAGP,GACV,4BAACQ,GAAA,EAAc,WAAU,iCACvB,UAAA,gBAAAN,EAACL,GAAA,EAAQ,WAAU,+WAChB,UAAAS,EAAA,CACH,GACF,GACF,GAIEG,IAAeX,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAC1B,gBAAAS,EAAC,OAAA,EAAI,WAAU,mCAAkC,2BAAwB,IACvE,UAAA;AAAA,EAAA,gBAAAR,EAACS,GAAA,EAAO,WAAU,mCAAA,CAAmC;AAAA,EACrD,gBAAAT;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AACN,GACF,CACD;AAEDS,EAAa,cAAcN,EAAiB,MAAM;AAElD,MAAMS,IAAcd,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,mDAAmDL,CAAS;AAAA,IACzE,GAAGC;AAAA,EAAA;AACN,CACD;AAEDY,EAAY,cAAcT,EAAiB,KAAK;AAEhD,MAAMU,IAAef,EAAM,WAGzB,CAACE,GAAOC,MACR,gBAAAC,EAACC,EAAiB,OAAjB,EAAuB,KAAAF,GAAU,WAAU,4BAA4B,GAAGD,GAAO,CACnF;AAEDa,EAAa,cAAcV,EAAiB,MAAM;AAElD,MAAMW,IAAehB,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AAEDc,EAAa,cAAcX,EAAiB,MAAM;AAElD,MAAMY,IAAmBjB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,wBAAwBL,CAAS;AAAA,IAC9C,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAiB,cAAcZ,EAAiB,UAAU;AAE1D,MAAMa,IAAclB,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AAEDgB,EAAY,cAAcb,EAAiB,KAAK;AAEhD,MAAMc,IAAkB,CAAC,EAAE,WAAAlB,GAAW,GAAGC,QAErC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,EAAG,yDAAyDL,CAAS;AAAA,IAC/E,GAAGC;AAAA,EAAA;AAAA;AAIViB,EAAgB,cAAc;"}
+{"version":3,"file":"command.js","sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\nimport { Dialog, DialogContent } from '@/components/ui/dialog'\n\n// DialogProps derived from Dialog.Root (Base UI); children narrowed to ReactNode\n// because the render-function variant is not used here\ntype DialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode\n}\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 shadow-lg\">\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\" data-cmdk-input-wrapper=\"\">\n    <SearchIcon className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-11 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) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\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\n    ref={ref}\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\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 (\n    <span\n      className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n      {...props}\n    />\n  )\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"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";;;;;;;AAaA,MAAMA,IAAUC,EAAM,WAGpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAQ,cAAcM,EAAiB;AAEvC,MAAME,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGN,QAElC,gBAAAE,EAACK,GAAA,EAAQ,GAAGP,GACV,4BAACQ,GAAA,EAAc,WAAU,iCACvB,UAAA,gBAAAN,EAACL,GAAA,EAAQ,WAAU,+WAChB,UAAAS,EAAA,CACH,GACF,GACF,GAIEG,IAAeX,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAC1B,gBAAAS,EAAC,OAAA,EAAI,WAAU,mCAAkC,2BAAwB,IACvE,UAAA;AAAA,EAAA,gBAAAR,EAACS,GAAA,EAAW,WAAU,mCAAA,CAAmC;AAAA,EACzD,gBAAAT;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AACN,GACF,CACD;AAEDS,EAAa,cAAcN,EAAiB,MAAM;AAElD,MAAMS,IAAcd,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,mDAAmDL,CAAS;AAAA,IACzE,GAAGC;AAAA,EAAA;AACN,CACD;AAEDY,EAAY,cAAcT,EAAiB,KAAK;AAEhD,MAAMU,IAAef,EAAM,WAGzB,CAACE,GAAOC,MACR,gBAAAC,EAACC,EAAiB,OAAjB,EAAuB,KAAAF,GAAU,WAAU,4BAA4B,GAAGD,GAAO,CACnF;AAEDa,EAAa,cAAcV,EAAiB,MAAM;AAElD,MAAMW,IAAehB,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AAEDc,EAAa,cAAcX,EAAiB,MAAM;AAElD,MAAMY,IAAmBjB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,wBAAwBL,CAAS;AAAA,IAC9C,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAiB,cAAcZ,EAAiB,UAAU;AAE1D,MAAMa,IAAclB,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AAEDgB,EAAY,cAAcb,EAAiB,KAAK;AAEhD,MAAMc,IAAkB,CAAC,EAAE,WAAAlB,GAAW,GAAGC,QAErC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,EAAG,yDAAyDL,CAAS;AAAA,IAC/E,GAAGC;AAAA,EAAA;AAAA;AAIViB,EAAgB,cAAc;"}

package/dist/components/ui/data-table/data-table-column-header.js

@@ -1,40 +1,41 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { ArrowDown as a, ArrowUp as i, ChevronsUpDown as l, EyeOff as m } from "lucide-react";
-import { cn as d } from "../../../lib/utils.js";
-import { Button as c } from "../button.js";
-import { DropdownMenu as g, DropdownMenuTrigger as h, DropdownMenuContent as p, DropdownMenuItem as t, DropdownMenuSeparator as f } from "../dropdown-menu.js";
+import { cn as s } from "../../../lib/utils.js";
+import "../../icons/dynamic-icons.js";
+import { ArrowSortDownIcon as i, ArrowSortUpIcon as d, ChevronUpdownIcon as c, HideIcon as l } from "../../icons/auto-generated.js";
+import { Button as m } from "../button.js";
+import { DropdownMenu as g, DropdownMenuTrigger as h, DropdownMenuContent as p, DropdownMenuItem as t, DropdownMenuSeparator as w } from "../dropdown-menu.js";
 function C({
   column: r,
   title: n,
-  className: s
+  className: a
 }) {
-  return r.getCanSort() ? /* @__PURE__ */ e("div", { className: d("flex items-center space-x-2", s), children: /* @__PURE__ */ o(g, { children: [
+  return r.getCanSort() ? /* @__PURE__ */ e("div", { className: s("flex items-center space-x-2", a), children: /* @__PURE__ */ o(g, { children: [
     /* @__PURE__ */ o(
       h,
       {
-        render: /* @__PURE__ */ e(c, { variant: "ghost", size: "sm", className: "-ml-3 h-8 data-[open]:bg-accent" }),
+        render: /* @__PURE__ */ e(m, { variant: "ghost", size: "sm", className: "-ml-3 h-8 data-[open]:bg-accent" }),
         children: [
           /* @__PURE__ */ e("span", { children: n }),
-          r.getIsSorted() === "desc" ? /* @__PURE__ */ e(a, { className: "ml-2 h-4 w-4" }) : r.getIsSorted() === "asc" ? /* @__PURE__ */ e(i, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ e(l, { className: "ml-2 h-4 w-4" })
+          r.getIsSorted() === "desc" ? /* @__PURE__ */ e(i, { className: "ml-2 h-4 w-4" }) : r.getIsSorted() === "asc" ? /* @__PURE__ */ e(d, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ e(c, { className: "ml-2 h-4 w-4" })
         ]
       }
     ),
     /* @__PURE__ */ o(p, { align: "start", children: [
       /* @__PURE__ */ o(t, { onClick: () => r.toggleSorting(!1), children: [
-        /* @__PURE__ */ e(i, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        /* @__PURE__ */ e(d, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Asc"
       ] }),
       /* @__PURE__ */ o(t, { onClick: () => r.toggleSorting(!0), children: [
-        /* @__PURE__ */ e(a, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        /* @__PURE__ */ e(i, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Desc"
       ] }),
-      /* @__PURE__ */ e(f, {}),
+      /* @__PURE__ */ e(w, {}),
       /* @__PURE__ */ o(t, { onClick: () => r.toggleVisibility(!1), children: [
-        /* @__PURE__ */ e(m, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        /* @__PURE__ */ e(l, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
         "Hide"
       ] })
     ] })
-  ] }) }) : /* @__PURE__ */ e("div", { className: d(s), children: n });
+  ] }) }) : /* @__PURE__ */ e("div", { className: s(a), children: n });
 }
 export {
   C as DataTableColumnHeader

package/dist/components/ui/data-table/data-table-column-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-column-header.js","sources":["../../../../src/components/ui/data-table/data-table-column-header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { ArrowDown, ArrowUp, ChevronsUpDown, EyeOff } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>\n  title: string\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>\n  }\n\n  return (\n    <div className={cn('flex items-center space-x-2', className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          render={<Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[open]:bg-accent\" />}\n        >\n          <span>{title}</span>\n          {column.getIsSorted() === 'desc' ? (\n            <ArrowDown className=\"ml-2 h-4 w-4\" />\n          ) : column.getIsSorted() === 'asc' ? (\n            <ArrowUp className=\"ml-2 h-4 w-4\" />\n          ) : (\n            <ChevronsUpDown className=\"ml-2 h-4 w-4\" />\n          )}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n            <ArrowUp className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n            <ArrowDown className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\n            <EyeOff className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n"],"names":["DataTableColumnHeader","column","title","className","jsx","cn","DropdownMenu","jsxs","DropdownMenuTrigger","Button","ArrowDown","ArrowUp","ChevronsUpDown","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","EyeOff"],"mappings":";;;;;AAiBO,SAASA,EAAqC;AAAA,EACnD,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA8C;AAC5C,SAAKF,EAAO,eAKV,gBAAAG,EAAC,SAAI,WAAWC,EAAG,+BAA+BF,CAAS,GACzD,4BAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,mCAAkC;AAAA,QAEtF,UAAA;AAAA,UAAA,gBAAAL,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,UACZD,EAAO,kBAAkB,2BACvBS,GAAA,EAAU,WAAU,gBAAe,IAClCT,EAAO,kBAAkB,0BAC1BU,GAAA,EAAQ,WAAU,gBAAe,IAElC,gBAAAP,EAACQ,GAAA,EAAe,WAAU,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAL,EAACM,GAAA,EAAoB,OAAM,SACzB,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAiB,SAAS,MAAMb,EAAO,cAAc,EAAK,GACzD,UAAA;AAAA,QAAA,gBAAAG,EAACO,GAAA,EAAQ,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAEnE;AAAA,wBACCG,GAAA,EAAiB,SAAS,MAAMb,EAAO,cAAc,EAAI,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACM,GAAA,EAAU,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAErE;AAAA,wBACCK,GAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,SAAS,MAAMb,EAAO,iBAAiB,EAAK,GAC5D,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAO,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,EAAA,CAElE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,sBAlCQ,OAAA,EAAI,WAAWX,EAAGF,CAAS,GAAI,UAAAD,GAAM;AAoCjD;"}
+{"version":3,"file":"data-table-column-header.js","sources":["../../../../src/components/ui/data-table/data-table-column-header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table'\nimport { ArrowSortDownIcon, ArrowSortUpIcon, ChevronUpdownIcon, HideIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: Column<TData, TValue>\n  title: string\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  if (!column.getCanSort()) {\n    return <div className={cn(className)}>{title}</div>\n  }\n\n  return (\n    <div className={cn('flex items-center space-x-2', className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          render={<Button variant=\"ghost\" size=\"sm\" className=\"-ml-3 h-8 data-[open]:bg-accent\" />}\n        >\n          <span>{title}</span>\n          {column.getIsSorted() === 'desc' ? (\n            <ArrowSortDownIcon className=\"ml-2 h-4 w-4\" />\n          ) : column.getIsSorted() === 'asc' ? (\n            <ArrowSortUpIcon className=\"ml-2 h-4 w-4\" />\n          ) : (\n            <ChevronUpdownIcon className=\"ml-2 h-4 w-4\" />\n          )}\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>\n            <ArrowSortUpIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>\n            <ArrowSortDownIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>\n            <HideIcon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n"],"names":["DataTableColumnHeader","column","title","className","jsx","cn","DropdownMenu","jsxs","DropdownMenuTrigger","Button","ArrowSortDownIcon","ArrowSortUpIcon","ChevronUpdownIcon","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","HideIcon"],"mappings":";;;;;;AAiBO,SAASA,EAAqC;AAAA,EACnD,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAA8C;AAC5C,SAAKF,EAAO,eAKV,gBAAAG,EAAC,SAAI,WAAWC,EAAG,+BAA+BF,CAAS,GACzD,4BAACG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,SAAQ,MAAK,MAAK,WAAU,mCAAkC;AAAA,QAEtF,UAAA;AAAA,UAAA,gBAAAL,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,UACZD,EAAO,kBAAkB,2BACvBS,GAAA,EAAkB,WAAU,gBAAe,IAC1CT,EAAO,kBAAkB,0BAC1BU,GAAA,EAAgB,WAAU,gBAAe,IAE1C,gBAAAP,EAACQ,GAAA,EAAkB,WAAU,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGhD,gBAAAL,EAACM,GAAA,EAAoB,OAAM,SACzB,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAiB,SAAS,MAAMb,EAAO,cAAc,EAAK,GACzD,UAAA;AAAA,QAAA,gBAAAG,EAACO,GAAA,EAAgB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE3E;AAAA,wBACCG,GAAA,EAAiB,SAAS,MAAMb,EAAO,cAAc,EAAI,GACxD,UAAA;AAAA,QAAA,gBAAAG,EAACM,GAAA,EAAkB,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,GAE7E;AAAA,wBACCK,GAAA,EAAsB;AAAA,wBACtBD,GAAA,EAAiB,SAAS,MAAMb,EAAO,iBAAiB,EAAK,GAC5D,UAAA;AAAA,QAAA,gBAAAG,EAACY,GAAA,EAAS,WAAU,4CAAA,CAA4C;AAAA,QAAE;AAAA,MAAA,EAAA,CAEpE;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,sBAlCQ,OAAA,EAAI,WAAWX,EAAGF,CAAS,GAAI,UAAAD,GAAM;AAoCjD;"}

package/dist/components/ui/data-table/data-table-pagination.js

@@ -1,41 +1,42 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { ChevronsLeft as i, ChevronLeft as l, ChevronRight as r, ChevronsRight as o } from "lucide-react";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import "../../icons/dynamic-icons.js";
+import { ChevronBigLeftIcon as i, ChevronLeftIcon as l, ChevronRightIcon as o, ChevronBigRightIcon as c } from "../../icons/auto-generated.js";
 import { Button as t } from "../button.js";
-import { Select as c, SelectTrigger as d, SelectValue as g, SelectContent as m, SelectItem as h } from "../select.js";
-function N({ table: e }) {
-  return /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-2", children: [
-    /* @__PURE__ */ s("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+import { Select as r, SelectTrigger as d, SelectValue as g, SelectContent as m, SelectItem as h } from "../select.js";
+function v({ table: e }) {
+  return /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2", children: [
+    /* @__PURE__ */ n("div", { className: "flex-1 text-sm text-muted-foreground", children: [
       e.getFilteredSelectedRowModel().rows.length,
       " of",
       " ",
       e.getFilteredRowModel().rows.length,
       " row(s) selected."
     ] }),
-    /* @__PURE__ */ s("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ a("p", { className: "text-sm font-medium", children: "Rows per page" }),
-        /* @__PURE__ */ s(
-          c,
+        /* @__PURE__ */ n(
+          r,
           {
             value: `${e.getState().pagination.pageSize}`,
-            onValueChange: (n) => {
-              e.setPageSize(Number(n));
+            onValueChange: (s) => {
+              e.setPageSize(Number(s));
             },
             children: [
               /* @__PURE__ */ a(d, { className: "h-8 w-[70px]", children: /* @__PURE__ */ a(g, { placeholder: e.getState().pagination.pageSize }) }),
-              /* @__PURE__ */ a(m, { side: "top", children: [10, 20, 30, 40, 50].map((n) => /* @__PURE__ */ a(h, { value: `${n}`, children: n }, n)) })
+              /* @__PURE__ */ a(m, { side: "top", children: [10, 20, 30, 40, 50].map((s) => /* @__PURE__ */ a(h, { value: `${s}`, children: s }, s)) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ s("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+      /* @__PURE__ */ n("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
         "Page ",
         e.getState().pagination.pageIndex + 1,
         " of ",
         e.getPageCount()
       ] }),
-      /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ n(
           t,
           {
             variant: "outline",
@@ -48,7 +49,7 @@ function N({ table: e }) {
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           t,
           {
             variant: "outline",
@@ -61,7 +62,7 @@ function N({ table: e }) {
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           t,
           {
             variant: "outline",
@@ -70,11 +71,11 @@ function N({ table: e }) {
             disabled: !e.getCanNextPage(),
             children: [
               /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to next page" }),
-              /* @__PURE__ */ a(r, { className: "h-4 w-4" })
+              /* @__PURE__ */ a(o, { className: "h-4 w-4" })
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           t,
           {
             variant: "outline",
@@ -83,7 +84,7 @@ function N({ table: e }) {
             disabled: !e.getCanNextPage(),
             children: [
               /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to last page" }),
-              /* @__PURE__ */ a(o, { className: "h-4 w-4" })
+              /* @__PURE__ */ a(c, { className: "h-4 w-4" })
             ]
           }
         )
@@ -92,6 +93,6 @@ function N({ table: e }) {
   ] });
 }
 export {
-  N as DataTablePagination
+  v as DataTablePagination
 };
 //# sourceMappingURL=data-table-pagination.js.map

package/dist/components/ui/data-table/data-table-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react'\nimport { Button } from '@/components/ui/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length} of{' '}\n        {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value))\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronsLeft className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronsRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight"],"mappings":"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"}
+{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronBigLeftIcon, ChevronBigRightIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length} of{' '}\n        {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value))\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronBigLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronBigRightIcon className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronBigLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronBigRightIcon"],"mappings":"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"}

package/dist/components/ui/data-table/data-table-toolbar.js

@@ -1,5 +1,6 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { X as n } from "lucide-react";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import "../../icons/dynamic-icons.js";
+import { CloseIcon as a } from "../../icons/auto-generated.js";
 import { Button as c } from "../button.js";
 import { Input as p } from "../input.js";
 import { DataTableViewOptions as u } from "./data-table-view-options.js";
@@ -8,23 +9,23 @@ function F({
   searchKey: t,
   searchPlaceholder: s = "Filter..."
 }) {
-  var i;
-  const a = e.getState().columnFilters.length > 0;
+  var r;
+  const m = e.getState().columnFilters.length > 0;
   return /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-1 items-center space-x-2", children: [
-      t && /* @__PURE__ */ r(
+      t && /* @__PURE__ */ o(
         p,
         {
           placeholder: s,
-          value: ((i = e.getColumn(t)) == null ? void 0 : i.getFilterValue()) ?? "",
-          onChange: (m) => {
-            var o;
-            return (o = e.getColumn(t)) == null ? void 0 : o.setFilterValue(m.target.value);
+          value: ((r = e.getColumn(t)) == null ? void 0 : r.getFilterValue()) ?? "",
+          onChange: (n) => {
+            var i;
+            return (i = e.getColumn(t)) == null ? void 0 : i.setFilterValue(n.target.value);
           },
           className: "h-8 w-[150px] lg:w-[250px]"
         }
       ),
-      a && /* @__PURE__ */ l(
+      m && /* @__PURE__ */ l(
         c,
         {
           variant: "ghost",
@@ -32,12 +33,12 @@ function F({
           className: "h-8 px-2 lg:px-3",
           children: [
             "Reset",
-            /* @__PURE__ */ r(n, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ o(a, { className: "ml-2 h-4 w-4" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ r(u, { table: e })
+    /* @__PURE__ */ o(u, { table: e })
   ] });
 }
 export {

package/dist/components/ui/data-table/data-table-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { X } from 'lucide-react'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { DataTableViewOptions } from './data-table-view-options'\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>\n  searchKey?: string\n  searchPlaceholder?: string\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  searchKey,\n  searchPlaceholder = 'Filter...',\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = table.getState().columnFilters.length > 0\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex flex-1 items-center space-x-2\">\n        {searchKey && (\n          <Input\n            placeholder={searchPlaceholder}\n            value={(table.getColumn(searchKey)?.getFilterValue() as string) ?? ''}\n            onChange={(event) => table.getColumn(searchKey)?.setFilterValue(event.target.value)}\n            className=\"h-8 w-[150px] lg:w-[250px]\"\n          />\n        )}\n        {isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset\n            <X className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <DataTableViewOptions table={table} />\n    </div>\n  )\n}\n"],"names":["DataTableToolbar","table","searchKey","searchPlaceholder","isFiltered","jsxs","jsx","Input","_a","event","Button","X","DataTableViewOptions"],"mappings":";;;;;AAYO,SAASA,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAAiC;;AAC/B,QAAMC,IAAaH,EAAM,SAAA,EAAW,cAAc,SAAS;AAE3D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaJ;AAAA,UACb,SAAQK,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,qBAA+B;AAAA,UACnE,UAAU,CAACC,MAAA;;AAAU,oBAAAD,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAC7E,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbL,KACC,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMT,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAK,EAACK,GAAA,EAAE,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9B,GAEJ;AAAA,IACA,gBAAAL,EAACM,KAAqB,OAAAX,EAAA,CAAc;AAAA,EAAA,GACtC;AAEJ;"}
+{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { CloseIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { DataTableViewOptions } from './data-table-view-options'\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>\n  searchKey?: string\n  searchPlaceholder?: string\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  searchKey,\n  searchPlaceholder = 'Filter...',\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = table.getState().columnFilters.length > 0\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex flex-1 items-center space-x-2\">\n        {searchKey && (\n          <Input\n            placeholder={searchPlaceholder}\n            value={(table.getColumn(searchKey)?.getFilterValue() as string) ?? ''}\n            onChange={(event) => table.getColumn(searchKey)?.setFilterValue(event.target.value)}\n            className=\"h-8 w-[150px] lg:w-[250px]\"\n          />\n        )}\n        {isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset\n            <CloseIcon className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <DataTableViewOptions table={table} />\n    </div>\n  )\n}\n"],"names":["DataTableToolbar","table","searchKey","searchPlaceholder","isFiltered","jsxs","jsx","Input","_a","event","Button","CloseIcon","DataTableViewOptions"],"mappings":";;;;;;AAYO,SAASA,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAAiC;;AAC/B,QAAMC,IAAaH,EAAM,SAAA,EAAW,cAAc,SAAS;AAE3D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaJ;AAAA,UACb,SAAQK,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,qBAA+B;AAAA,UACnE,UAAU,CAACC,MAAA;;AAAU,oBAAAD,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAC7E,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbL,KACC,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMT,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAK,EAACK,GAAA,EAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC,GAEJ;AAAA,IACA,gBAAAL,EAACM,KAAqB,OAAAX,EAAA,CAAc;AAAA,EAAA,GACtC;AAEJ;"}

package/dist/components/ui/data-table/data-table-view-options.js

@@ -1,8 +1,9 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { Settings2 as t } from "lucide-react";
+import "../../icons/dynamic-icons.js";
+import { SettingsIcon as t } from "../../icons/auto-generated.js";
 import { Button as a } from "../button.js";
 import { DropdownMenu as d, DropdownMenuTrigger as l, DropdownMenuContent as s, DropdownMenuLabel as p, DropdownMenuSeparator as m, DropdownMenuCheckboxItem as c } from "../dropdown-menu.js";
-function f({ table: i }) {
+function D({ table: i }) {
   return /* @__PURE__ */ r(d, { children: [
     /* @__PURE__ */ r(
       l,
@@ -31,6 +32,6 @@ function f({ table: i }) {
   ] });
 }
 export {
-  f as DataTableViewOptions
+  D as DataTableViewOptions
 };
 //# sourceMappingURL=data-table-view-options.js.map

package/dist/components/ui/data-table/data-table-view-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { Settings2 } from 'lucide-react'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableViewOptionsProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        render={<Button variant=\"outline\" size=\"sm\" className=\"ml-auto hidden h-8 lg:flex\" />}\n      >\n        <Settings2 className=\"mr-2 h-4 w-4\" />\n        View\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            )\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["DataTableViewOptions","table","DropdownMenu","jsxs","DropdownMenuTrigger","Button","jsx","Settings2","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"],"mappings":";;;;AAgBO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,WAAU,8BAA6B;AAAA,QAEnF,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAU,WAAU,eAAA,CAAe;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGxC,gBAAAJ,EAACK,GAAA,EAAoB,OAAM,OAAM,WAAU,aACzC,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAkB,UAAA,iBAAA,CAAc;AAAA,wBAChCC,GAAA,EAAsB;AAAA,MACtBT,EACE,cAAA,EACA,OAAO,CAACU,MAAW,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA,CAAY,EAClF,IAAI,CAACA,MAEF,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAASD,EAAO,aAAA;AAAA,UAChB,iBAAiB,CAACE,MAAUF,EAAO,iBAAiB,CAAC,CAACE,CAAK;AAAA,UAE1D,UAAAF,EAAO;AAAA,QAAA;AAAA,QALHA,EAAO;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { SettingsIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableViewOptionsProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        render={<Button variant=\"outline\" size=\"sm\" className=\"ml-auto hidden h-8 lg:flex\" />}\n      >\n        <SettingsIcon className=\"mr-2 h-4 w-4\" />\n        View\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            )\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["DataTableViewOptions","table","DropdownMenu","jsxs","DropdownMenuTrigger","Button","jsx","SettingsIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"],"mappings":";;;;;AAgBO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,WAAU,8BAA6B;AAAA,QAEnF,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAa,WAAU,eAAA,CAAe;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAJ,EAACK,GAAA,EAAoB,OAAM,OAAM,WAAU,aACzC,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAkB,UAAA,iBAAA,CAAc;AAAA,wBAChCC,GAAA,EAAsB;AAAA,MACtBT,EACE,cAAA,EACA,OAAO,CAACU,MAAW,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA,CAAY,EAClF,IAAI,CAACA,MAEF,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAASD,EAAO,aAAA;AAAA,UAChB,iBAAiB,CAACE,MAAUF,EAAO,iBAAiB,CAAC,CAACE,CAAK;AAAA,UAE1D,UAAAF,EAAO;AAAA,QAAA;AAAA,QALHA,EAAO;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;"}