@bigbinary/neeto-atoms 1.0.70 → 1.0.71

package/dist/components/index.js

@@ -19,7 +19,7 @@ export { P as Pagination } from '../Pagination-BRd3WPJ_.js';
 export { P as Popover } from '../Popover-C1FNlRtU.js';
 export { P as Progress } from '../Progress-DURemsl_.js';
 export { R as RadioGroup } from '../RadioGroup-BRAVPPc3.js';
-export { S as Select } from '../Select-DKN7RRzu.js';
+export { S as Select } from '../Select-DCS1MkaW.js';
 export { S as Sheet } from '../Sheet-Bw8GVQPS.js';
 export { S as Slider } from '../Slider-DNcH5X7b.js';
 export { S as Spinner } from '../Spinner-DgV3mILN.js';
@@ -96,7 +96,7 @@ import '../primitives/Checkbox.js';
 import '../index-30QpKM0j.js';
 import '../primitives/Field.js';
 import '../HelpIcon-Cm3ZgoCx.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import 'react-colorful';
 import '../primitives/Popover.js';
 import '../primitives/Table.js';
@@ -109,9 +109,9 @@ import 'dayjs/plugin/customParseFormat';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '../primitives/Empty.js';
 import '../primitives/InputGroup.js';
-import '../input-group-BKkj65Uq.js';
-import '../input-1J5oQa1u.js';
-import '../textarea-B0vzA497.js';
+import '../input-group-DDwp2ozP.js';
+import '../input-CNbQc_tG.js';
+import '../textarea-BZIsQ5UD.js';
 import '../withIconSize-BonoFXeH.js';
 import '../primitives/Kbd.js';
 import '../primitives/Label.js';
@@ -119,7 +119,7 @@ import '../primitives/HoverCard.js';
 import '../primitives/Progress.js';
 import '../primitives/RadioGroup.js';
 import '../SelectFieldWrapper-CiBARDsn.js';
-import '../Combobox-_-p2WeU8.js';
+import '../Combobox-DIGHGewS.js';
 import '../with-selector-Dv0G_V_o.js';
 import '../primitives/Sheet.js';
 import '../sheet-BIqq9HBB.js';

package/dist/formik/Checkbox.js

@@ -41,7 +41,7 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 
 const FormikCheckbox = forwardRef(

package/dist/formik/Input.js

@@ -38,12 +38,12 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../primitives/InputGroup.js';
-import '../input-group-BKkj65Uq.js';
-import '../input-1J5oQa1u.js';
-import '../textarea-B0vzA497.js';
+import '../input-group-DDwp2ozP.js';
+import '../input-CNbQc_tG.js';
+import '../textarea-BZIsQ5UD.js';
 import '../withIconSize-BonoFXeH.js';
 
 const FormikInput = forwardRef(

package/dist/formik/MultiEmailInput.js

@@ -38,7 +38,7 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../withIconSize-BonoFXeH.js';
 import '../x-_o2T3n6D.js';

package/dist/formik/RadioGroup.js

@@ -21,7 +21,7 @@ import '../index-BYZaLNq1.js';
 import '../index-30QpKM0j.js';
 import '../index-yFgkK_AM.js';
 import '../primitives/Label.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../primitives/Field.js';
 import '../HelpIcon-Cm3ZgoCx.js';
 import '../primitives/Tooltip.js';

package/dist/formik/Select.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useField, useFormikContext, getIn } from 'formik';
 import { dissoc } from 'ramda';
-import { S as Select } from '../Select-DKN7RRzu.js';
+import { S as Select } from '../Select-DCS1MkaW.js';
 import '../SelectFieldWrapper-CiBARDsn.js';
 import '../primitives/Field.js';
 import '../HelpIcon-Cm3ZgoCx.js';
@@ -39,12 +39,12 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
-import '../Combobox-_-p2WeU8.js';
-import '../input-group-BKkj65Uq.js';
-import '../input-1J5oQa1u.js';
-import '../textarea-B0vzA497.js';
+import '../Combobox-DIGHGewS.js';
+import '../input-group-DDwp2ozP.js';
+import '../input-CNbQc_tG.js';
+import '../textarea-BZIsQ5UD.js';
 import '../chevron-down-BNi0ntys.js';
 import '../check-Cpkv29p1.js';
 import '../x-_o2T3n6D.js';

package/dist/formik/Slider.js

@@ -43,7 +43,7 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 
 const FormikSlider = forwardRef(

package/dist/formik/Switch.js

@@ -38,7 +38,7 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../primitives/Switch.js';
 import '../index-30QpKM0j.js';

package/dist/formik/Textarea.js

@@ -38,10 +38,10 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../primitives/Textarea.js';
-import '../textarea-B0vzA497.js';
+import '../textarea-BZIsQ5UD.js';
 
 const FormikTextarea = forwardRef(
   ({ name, onChange: onChangeProp, ...rest }, ref) => /* @__PURE__ */ jsx(Field, { name, children: ({ field, meta, form }) => {

package/dist/formik/TreeSelect.js

@@ -41,7 +41,7 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../Tree-BlzjThRi.js';
 import '../chevron-down-BNi0ntys.js';

package/dist/formik/index.js

@@ -51,18 +51,18 @@ import '../button-CrEMzWKw.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
-import '../label-BgLSVt4u.js';
+import '../label-YEsizr2c.js';
 import '../separator-ByRsc-y-.js';
 import '../primitives/InputGroup.js';
-import '../input-group-BKkj65Uq.js';
-import '../input-1J5oQa1u.js';
-import '../textarea-B0vzA497.js';
+import '../input-group-DDwp2ozP.js';
+import '../input-CNbQc_tG.js';
+import '../textarea-BZIsQ5UD.js';
 import '../withIconSize-BonoFXeH.js';
 import '../Textarea-B2Uhx-Yy.js';
 import '../primitives/Textarea.js';
-import '../Select-DKN7RRzu.js';
+import '../Select-DCS1MkaW.js';
 import '../SelectFieldWrapper-CiBARDsn.js';
-import '../Combobox-_-p2WeU8.js';
+import '../Combobox-DIGHGewS.js';
 import '../chevron-down-BNi0ntys.js';
 import '../check-Cpkv29p1.js';
 import '../x-_o2T3n6D.js';

package/dist/index.js

@@ -25,7 +25,7 @@ export { P as Pagination } from './Pagination-BRd3WPJ_.js';
 export { P as Popover } from './Popover-C1FNlRtU.js';
 export { P as Progress } from './Progress-DURemsl_.js';
 export { R as RadioGroup } from './RadioGroup-BRAVPPc3.js';
-export { S as Select } from './Select-DKN7RRzu.js';
+export { S as Select } from './Select-DCS1MkaW.js';
 export { S as Sheet } from './Sheet-Bw8GVQPS.js';
 export { S as Slider } from './Slider-DNcH5X7b.js';
 export { S as Spinner } from './Spinner-DgV3mILN.js';
@@ -99,7 +99,7 @@ import './primitives/Checkbox.js';
 import './index-30QpKM0j.js';
 import './primitives/Field.js';
 import './HelpIcon-Cm3ZgoCx.js';
-import './label-BgLSVt4u.js';
+import './label-YEsizr2c.js';
 import 'react-colorful';
 import './primitives/Popover.js';
 import './primitives/Table.js';
@@ -114,9 +114,9 @@ import 'dayjs';
 import 'dayjs/plugin/customParseFormat';
 import './primitives/Empty.js';
 import './primitives/InputGroup.js';
-import './input-group-BKkj65Uq.js';
-import './input-1J5oQa1u.js';
-import './textarea-B0vzA497.js';
+import './input-group-DDwp2ozP.js';
+import './input-CNbQc_tG.js';
+import './textarea-BZIsQ5UD.js';
 import './withIconSize-BonoFXeH.js';
 import './primitives/Kbd.js';
 import './primitives/Label.js';
@@ -124,7 +124,7 @@ import './primitives/HoverCard.js';
 import './primitives/Progress.js';
 import './primitives/RadioGroup.js';
 import './SelectFieldWrapper-CiBARDsn.js';
-import './Combobox-_-p2WeU8.js';
+import './Combobox-DIGHGewS.js';
 import './with-selector-Dv0G_V_o.js';
 import './primitives/Sheet.js';
 import './sheet-BIqq9HBB.js';

package/dist/{input-1J5oQa1u.js → input-CNbQc_tG.js}

@@ -1,10 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
 import { c as cn } from './utils-BJnb9o5c.js';
 
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx(
+const Input = React.forwardRef(
+  ({ className, type, ...props }, ref) => /* @__PURE__ */ jsx(
     "input",
     {
+      ref,
       type,
       "data-slot": "input",
       className: cn(
@@ -13,8 +15,9 @@ function Input({ className, type, ...props }) {
       ),
       ...props
     }
-  );
-}
+  )
+);
+Input.displayName = "Input";
 
 export { Input as I };
-//# sourceMappingURL=input-1J5oQa1u.js.map
+//# sourceMappingURL=input-CNbQc_tG.js.map

package/dist/input-CNbQc_tG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-CNbQc_tG.js","sources":["../src/shadcn/components/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => (\n    <input\n      ref={ref}\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\n\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAQ,KAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,MAAM,GAAG,KAAA,IAAS,GAAA,qBAC9B,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,6oBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

package/dist/{input-group-BKkj65Uq.js → input-group-DDwp2ozP.js}

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
 import { c as cva } from './index-Bo3AAQJp.js';
 import { c as cn } from './utils-BJnb9o5c.js';
 import { B as Button } from './button-CrEMzWKw.js';
-import { I as Input } from './input-1J5oQa1u.js';
-import { T as Textarea } from './textarea-B0vzA497.js';
+import { I as Input } from './input-CNbQc_tG.js';
+import { T as Textarea } from './textarea-BZIsQ5UD.js';
 
 function InputGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -103,38 +104,32 @@ function InputGroupText({ className, ...props }) {
     }
   );
 }
-function InputGroupInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function InputGroupTextarea({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Textarea,
-    {
-      "data-slot": "input-group-control",
-      className: cn(
-        "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
-        className
-      ),
-      ...props
-    }
-  );
-}
+const InputGroupInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Input,
+  {
+    ref,
+    "data-slot": "input-group-control",
+    className: cn(
+      "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupInput.displayName = "InputGroupInput";
+const InputGroupTextarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Textarea,
+  {
+    ref,
+    "data-slot": "input-group-control",
+    className: cn(
+      "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupTextarea.displayName = "InputGroupTextarea";
 
-export { InputGroup as I, InputGroupAddon as a, InputGroupText as b, InputGroupInput as c, InputGroupButton as d, InputGroupTextarea as e };
-//# sourceMappingURL=input-group-BKkj65Uq.js.map
+export { InputGroupInput as I, InputGroupTextarea as a, InputGroup as b, InputGroupAddon as c, InputGroupText as d, InputGroupButton as e };
+//# sourceMappingURL=input-group-DDwp2ozP.js.map

package/dist/{input-group-BKkj65Uq.js.map → input-group-DDwp2ozP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-group-BKkj65Uq.js","sources":["../src/shadcn/components/input-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\nimport { Button } from \"src/shadcn/components/button\"\nimport { Input } from \"src/shadcn/components/input\"\nimport { Textarea } from \"src/shadcn/components/textarea\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first ps-2 has-[>button]:ms-[-0.3rem] has-[>kbd]:ms-[-0.15rem]\",\n        \"inline-end\":\n          \"order-last pe-2 has-[>button]:me-[-0.3rem] has-[>kbd]:me-[-0.15rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n        \"block-end\":\n          \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n        \"icon-xs\":\n          \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-group-DDwp2ozP.js","sources":["../src/shadcn/components/input-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\nimport { Button } from \"src/shadcn/components/button\"\nimport { Input } from \"src/shadcn/components/input\"\nimport { Textarea } from \"src/shadcn/components/textarea\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first ps-2 has-[>button]:ms-[-0.3rem] has-[>kbd]:ms-[-0.15rem]\",\n        \"inline-end\":\n          \"order-last pe-2 has-[>button]:me-[-0.3rem] has-[>kbd]:me-[-0.15rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n        \"block-end\":\n          \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n        \"icon-xs\":\n          \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst InputGroupInput = React.forwardRef<\n  HTMLInputElement,\n  React.ComponentProps<\"input\">\n>(({ className, ...props }, ref) => (\n  <Input\n    ref={ref}\n    data-slot=\"input-group-control\"\n    className={cn(\n      \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n      className\n    )}\n    {...props}\n  />\n))\n\nInputGroupInput.displayName = \"InputGroupInput\"\n\nconst InputGroupTextarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => (\n  <Textarea\n    ref={ref}\n    data-slot=\"input-group-control\"\n    className={cn(\n      \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n      className\n    )}\n    {...props}\n  />\n))\n\nInputGroupTextarea.displayName = \"InputGroupTextarea\"\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n}\n"],"names":[],"mappings":"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"}

package/dist/{label-BgLSVt4u.js → label-YEsizr2c.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as cn } from './utils-BJnb9o5c.js';
 import * as React from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
 import { P as Primitive } from './index-DhnfW8wQ.js';
 
 var NAME = "Label";
@@ -22,22 +22,19 @@ var Label$1 = React.forwardRef((props, forwardedRef) => {
 Label$1.displayName = NAME;
 var Root = Label$1;
 
-function Label({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
+const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Root,
+  {
+    ref,
+    "data-slot": "label",
+    className: cn(
+      "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+Label.displayName = "Label";
 
 export { Label as L };
-//# sourceMappingURL=label-BgLSVt4u.js.map
+//# sourceMappingURL=label-YEsizr2c.js.map

package/dist/label-YEsizr2c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-YEsizr2c.js","sources":["../node_modules/radix-ui/node_modules/@radix-ui/react-label/dist/index.mjs","../src/shadcn/components/label.tsx"],"sourcesContent":["\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n  return /* @__PURE__ */ jsx(\n    Primitive.label,\n    {\n      ...props,\n      ref: forwardedRef,\n      onMouseDown: (event) => {\n        const target = event.target;\n        if (target.closest(\"button, input, select, textarea\")) return;\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }\n    }\n  );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n  Label,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Label as LabelPrimitive } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentProps<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    data-slot=\"label\"\n    className={cn(\n      \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\n\nLabel.displayName = \"Label\"\n\nexport { Label }\n"],"names":["Label","LabelPrimitive.Root"],"mappings":";;;;;AAMA,IAAI,IAAI,GAAG,OAAO;AAClB,IAAIA,OAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK;AACtD,EAAE,uBAAuB,GAAG;AAC5B,IAAI,SAAS,CAAC,KAAK;AACnB,IAAI;AACJ,MAAM,GAAG,KAAK;AACd,MAAM,GAAG,EAAE,YAAY;AACvB,MAAM,WAAW,EAAE,CAAC,KAAK,KAAK;AAC9B,QAAQ,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;AACnC,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,iCAAiC,CAAC,EAAE;AAC/D,QAAQ,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;AAClC,QAAQ,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,EAAE;AAC/E,MAAM;AACN;AACA,GAAG;AACH,CAAC,CAAC;AACFA,OAAK,CAAC,WAAW,GAAG,IAAI;AACxB,IAAI,IAAI,GAAGA,OAAK;;AChBhB,MAAM,KAAA,GAAQ,MAAM,UAAA,CAGlB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA;AAAA,EAACC,IAAe;AAAA,EAAf;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,OAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,MACT,qNAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;;;;","x_google_ignoreList":[0]}

package/dist/primitives/Checkbox.d.ts

@@ -1,4 +1,3 @@
-import type React from "react";
-import { Checkbox as ShadcnCheckbox } from "src/shadcn/components/checkbox";
-declare const Checkbox: ({ className, ...props }: React.ComponentProps<typeof ShadcnCheckbox>) => import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

package/dist/primitives/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
 import { c as cn } from '../utils-BJnb9o5c.js';
 import { C as Check } from '../check-Cpkv29p1.js';
-import * as React from 'react';
 import { u as useComposedRefs } from '../index-BtkPdosV.js';
 import { c as createContextScope } from '../index-CiyxEyB0.js';
 import { c as composeEventHandlers } from '../index-DNzunGHb.js';
@@ -272,44 +272,37 @@ function getState(checked) {
   return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
 
-function Checkbox$1({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Checkbox$2,
-    {
-      "data-slot": "checkbox",
-      className: cn(
-        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        CheckboxIndicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-          children: /* @__PURE__ */ jsx(
-            Check,
-            {}
-          )
-        }
-      )
-    }
-  );
-}
+const Checkbox$1 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Checkbox$2,
+  {
+    ref,
+    "data-slot": "checkbox",
+    className: cn(
+      "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      CheckboxIndicator,
+      {
+        "data-slot": "checkbox-indicator",
+        className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+        children: /* @__PURE__ */ jsx(Check, {})
+      }
+    )
+  }
+));
+Checkbox$1.displayName = "Checkbox";
 
-const Checkbox = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Checkbox$1,
   {
+    ref,
     className: cn("border-neutral-400 dark:border-neutral-500", className),
     ...props
   }
-);
+));
+Checkbox.displayName = "Checkbox";
 
 export { Checkbox };
 //# sourceMappingURL=Checkbox.js.map