@zentauri-ui/zentauri-components 2.1.6 → 2.1.8

package/dist/ui/dropdown.mjs

@@ -1,233 +1,8 @@
 "use client";
-import { useClickOutside } from '../chunk-VXDEPZKH.mjs';
-import { zuiDropdownTriggerBase, zuiDropdownTriggerSizes, zuiDropdownTriggerVariants, zuiDropdownContentBase, zuiDropdownSpacing, zuiDropdownPlacements, zuiDropdownItemBase, zuiDropdownItemVariants } from '../chunk-QX6PPTWL.mjs';
-import { cn } from '../chunk-4D54YOL6.mjs';
+export { Dropdown, DropdownContent, DropdownItem, DropdownTrigger, contentVariants, itemVariants, triggerVariants } from '../chunk-IHDM7AHY.mjs';
+import '../chunk-VXDEPZKH.mjs';
+import '../chunk-QX6PPTWL.mjs';
+import '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
-import { createContext, useId, useState, useRef, useEffect, useContext } from 'react';
-import { FiCheck } from 'react-icons/fi';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var triggerVariants = cva(zuiDropdownTriggerBase, {
-  variants: {
-    variant: zuiDropdownTriggerVariants,
-    size: zuiDropdownTriggerSizes
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md"
-  }
-});
-var contentVariants = cva(zuiDropdownContentBase, {
-  variants: {
-    placement: zuiDropdownPlacements,
-    spacing: zuiDropdownSpacing
-  },
-  defaultVariants: {
-    placement: "bottom",
-    spacing: "default"
-  }
-});
-var itemVariants = cva(zuiDropdownItemBase, {
-  variants: {
-    variant: zuiDropdownItemVariants
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var DropdownContext = createContext(null);
-var useDropdown = () => {
-  const ctx = useContext(DropdownContext);
-  if (!ctx) throw new Error("Use inside Dropdown");
-  return ctx;
-};
-var Dropdown = ({
-  children,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  multiSelect = false
-}) => {
-  const menuId = `${useId()}-menu`;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const [selectedValues, setSelectedValues] = useState([]);
-  const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = (val) => {
-    if (controlledOpen !== void 0) {
-      onOpenChange?.(val);
-    } else {
-      setUncontrolledOpen(val);
-    }
-  };
-  const toggle = () => setOpen(!open);
-  const toggleSelect = (value) => {
-    if (!multiSelect) {
-      setSelectedValues([value]);
-      setOpen(false);
-      return;
-    }
-    setSelectedValues(
-      (prev) => prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value]
-    );
-  };
-  return /* @__PURE__ */ jsx(
-    DropdownContext.Provider,
-    {
-      value: {
-        open,
-        setOpen,
-        toggle,
-        selectedValues,
-        toggleSelect,
-        multiSelect,
-        menuId
-      },
-      children: /* @__PURE__ */ jsx("div", { className: "relative inline-block", children })
-    }
-  );
-};
-var DropdownTrigger = ({
-  children,
-  className,
-  variant,
-  size,
-  onClick,
-  ...props
-}) => {
-  const { toggle, open, menuId } = useDropdown();
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-expanded": open,
-      "aria-haspopup": "menu",
-      "aria-controls": menuId,
-      className: cn(triggerVariants({ variant, size }), className),
-      ...props,
-      onClick: (event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented) {
-          toggle();
-        }
-      },
-      children
-    }
-  );
-};
-var DropdownContent = ({
-  children,
-  className,
-  placement = "bottom",
-  spacing = "default",
-  divider,
-  ...props
-}) => {
-  const { open, setOpen, menuId } = useDropdown();
-  const ref = useRef(null);
-  useClickOutside({ ref, setOpen });
-  useEffect(() => {
-    if (!open) {
-      return;
-    }
-    ref.current?.querySelector('[role="menuitem"]')?.focus();
-  }, [open]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      id: menuId,
-      role: "menu",
-      className: cn(
-        contentVariants({ placement, spacing }),
-        className,
-        divider && "divide-y divide-current"
-      ),
-      ...props,
-      children
-    }
-  );
-};
-var DropdownItem = ({
-  children,
-  value,
-  className,
-  variant,
-  onClick,
-  onKeyDown,
-  onSelect,
-  leftIcon,
-  rightIcon,
-  ...props
-}) => {
-  const { toggleSelect, selectedValues } = useDropdown();
-  const isSelected = selectedValues.includes(value);
-  const handleClick = () => {
-    toggleSelect(value);
-    onSelect?.();
-  };
-  const focusSiblingItem = (event, direction) => {
-    const menu = event.currentTarget.closest('[role="menu"]');
-    const items = Array.from(
-      menu?.querySelectorAll('[role="menuitem"]') ?? []
-    );
-    const currentIndex = items.indexOf(event.currentTarget);
-    if (currentIndex === -1 || items.length === 0) {
-      return;
-    }
-    const nextIndex = direction === "first" ? 0 : direction === "last" ? items.length - 1 : (currentIndex + (direction === "next" ? 1 : -1) + items.length) % items.length;
-    items[nextIndex]?.focus();
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "menuitem",
-      tabIndex: -1,
-      onClick: (event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented) {
-          handleClick();
-        }
-      },
-      onKeyDown: (e) => {
-        onKeyDown?.(e);
-        if (e.defaultPrevented) {
-          return;
-        }
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          handleClick();
-        } else if (e.key === "ArrowDown") {
-          e.preventDefault();
-          focusSiblingItem(e, "next");
-        } else if (e.key === "ArrowUp") {
-          e.preventDefault();
-          focusSiblingItem(e, "previous");
-        } else if (e.key === "Home") {
-          e.preventDefault();
-          focusSiblingItem(e, "first");
-        } else if (e.key === "End") {
-          e.preventDefault();
-          focusSiblingItem(e, "last");
-        }
-      },
-      className: cn(itemVariants({ variant }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          leftIcon,
-          children
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          isSelected && /* @__PURE__ */ jsx(FiCheck, {}),
-          rightIcon
-        ] })
-      ]
-    }
-  );
-};
-
-export { Dropdown, DropdownContent, DropdownItem, DropdownTrigger, contentVariants, itemVariants, triggerVariants };
 //# sourceMappingURL=dropdown.mjs.map
 //# sourceMappingURL=dropdown.mjs.map

package/dist/ui/dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/dropdown/variants.ts","../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":"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","file":"dropdown.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDropdownContentBase,\n  zuiDropdownItemBase,\n  zuiDropdownItemVariants,\n  zuiDropdownPlacements,\n  zuiDropdownSpacing,\n  zuiDropdownTriggerBase,\n  zuiDropdownTriggerSizes,\n  zuiDropdownTriggerVariants,\n} from \"../../design-system/dropdown\";\n\nexport const triggerVariants = cva(zuiDropdownTriggerBase, {\n  variants: {\n    variant: zuiDropdownTriggerVariants,\n    size: zuiDropdownTriggerSizes,\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const contentVariants = cva(zuiDropdownContentBase, {\n  variants: {\n    placement: zuiDropdownPlacements,\n    spacing: zuiDropdownSpacing,\n  },\n  defaultVariants: {\n    placement: \"bottom\",\n    spacing: \"default\",\n  },\n});\n\nexport const itemVariants = cva(zuiDropdownItemBase, {\n  variants: {\n    variant: zuiDropdownItemVariants,\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useId,\n  type KeyboardEvent,\n} from \"react\";\nimport { FiCheck } from \"react-icons/fi\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n  DropdownContextType,\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownContentProps,\n  DropdownItemProps,\n} from \"./types\";\nimport { triggerVariants, contentVariants, itemVariants } from \"./variants\";\nimport { useClickOutside } from \"../../hooks/useClickOutside\";\n\n/* =========================\n   Context\n========================= */\nconst DropdownContext = createContext<DropdownContextType | null>(null);\n\nconst useDropdown = () => {\n  const ctx = useContext(DropdownContext);\n  if (!ctx) throw new Error(\"Use inside Dropdown\");\n  return ctx;\n};\n\n/* =========================\n   Root\n========================= */\nexport const Dropdown = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  multiSelect = false,\n}: DropdownProps) => {\n  const menuId = `${useId()}-menu`;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = (val: boolean) => {\n    if (controlledOpen !== undefined) {\n      onOpenChange?.(val);\n    } else {\n      setUncontrolledOpen(val);\n    }\n  };\n\n  const toggle = () => setOpen(!open);\n\n  const toggleSelect = (value: string) => {\n    if (!multiSelect) {\n      setSelectedValues([value]);\n      setOpen(false);\n      return;\n    }\n\n    setSelectedValues((prev) =>\n      prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n    );\n  };\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        open,\n        setOpen,\n        toggle,\n        selectedValues,\n        toggleSelect,\n        multiSelect,\n        menuId,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </DropdownContext.Provider>\n  );\n};\n\n/* =========================\n   Trigger\n========================= */\nexport const DropdownTrigger = ({\n  children,\n  className,\n  variant,\n  size,\n  onClick,\n  ...props\n}: DropdownTriggerProps) => {\n  const { toggle, open, menuId } = useDropdown();\n\n  return (\n    <button\n      type=\"button\"\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      aria-controls={menuId}\n      className={cn(triggerVariants({ variant, size }), className)}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          toggle();\n        }\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n\n/* =========================\n   Content\n========================= */\nexport const DropdownContent = ({\n  children,\n  className,\n  placement = \"bottom\",\n  spacing = \"default\",\n  divider,\n  ...props\n}: DropdownContentProps) => {\n  const { open, setOpen, menuId } = useDropdown();\n  const ref = useRef<HTMLDivElement>(null);\n\n  // click outside\n  useClickOutside({ ref, setOpen });\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    ref.current?.querySelector<HTMLElement>('[role=\"menuitem\"]')?.focus();\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={ref}\n      id={menuId}\n      role=\"menu\"\n      className={cn(\n        contentVariants({ placement, spacing }),\n        className,\n        divider && \"divide-y divide-current\",\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\n/* =========================\n   Item\n========================= */\nexport const DropdownItem = ({\n  children,\n  value,\n  className,\n  variant,\n  onClick,\n  onKeyDown,\n  onSelect,\n  leftIcon,\n  rightIcon,\n  ...props\n}: DropdownItemProps) => {\n  const { toggleSelect, selectedValues } = useDropdown();\n  const isSelected = selectedValues.includes(value);\n\n  const handleClick = () => {\n    toggleSelect(value);\n    onSelect?.();\n  };\n\n  const focusSiblingItem = (\n    event: KeyboardEvent<HTMLDivElement>,\n    direction: \"next\" | \"previous\" | \"first\" | \"last\",\n  ) => {\n    const menu = event.currentTarget.closest('[role=\"menu\"]');\n    const items = Array.from(\n      menu?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]') ?? [],\n    );\n    const currentIndex = items.indexOf(event.currentTarget);\n\n    if (currentIndex === -1 || items.length === 0) {\n      return;\n    }\n\n    const nextIndex =\n      direction === \"first\"\n        ? 0\n        : direction === \"last\"\n          ? items.length - 1\n          : (currentIndex + (direction === \"next\" ? 1 : -1) + items.length) %\n            items.length;\n\n    items[nextIndex]?.focus();\n  };\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={-1}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          handleClick();\n        }\n      }}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        if (e.defaultPrevented) {\n          return;\n        }\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          handleClick();\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"next\");\n        } else if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"previous\");\n        } else if (e.key === \"Home\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"first\");\n        } else if (e.key === \"End\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"last\");\n        }\n      }}\n      className={cn(itemVariants({ variant }), className)}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        {leftIcon}\n        {children}\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {isSelected && <FiCheck />}\n        {rightIcon}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dropdown.mjs"}

package/dist/ui/dynamic-stepper.js

@@ -3,35 +3,35 @@
 
 var chunkVMCOX3Z2_js = require('../chunk-VMCOX3Z2.js');
 require('../chunk-HPN7H5ZM.js');
-var chunkQE7OJW4J_js = require('../chunk-QE7OJW4J.js');
-require('../chunk-3W2UUKWP.js');
-var chunkVA6SB6NN_js = require('../chunk-VA6SB6NN.js');
+var chunkBAAXQPZ7_js = require('../chunk-BAAXQPZ7.js');
+require('../chunk-6OVDBAMI.js');
+var chunkDPNTQ4AK_js = require('../chunk-DPNTQ4AK.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-OH5VOGNW.js');
+require('../chunk-Y7BU5RC4.js');
 require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
 require('../chunk-D7ATXPVI.js');
 require('../chunk-IEHY6KNM.js');
 require('../chunk-3MK7CWEX.js');
+require('../chunk-22FJROCI.js');
 require('../chunk-UJXFD4SK.js');
 require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
-require('../chunk-OH5VOGNW.js');
-require('../chunk-Y7BU5RC4.js');
+require('../chunk-WGN2CBG6.js');
 require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
 require('../chunk-BZTAA3MK.js');
 require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
 require('../chunk-CJCOURVM.js');
-require('../chunk-22FJROCI.js');
 require('../chunk-KJMW7S5X.js');
 require('../chunk-3CYJQ6KF.js');
 require('../chunk-3453DQNL.js');
 require('../chunk-DYSXCJGL.js');
 require('../chunk-A7MU6SFI.js');
-require('../chunk-WGN2CBG6.js');
 require('../chunk-NYO3W5GY.js');
 require('../chunk-HNRCPZCK.js');
 require('../chunk-J2SUGU3X.js');
@@ -54,37 +54,37 @@ var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
 function dynamicStepperIndicatorToneClass(state, tone) {
-  return chunkVA6SB6NN_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
+  return chunkDPNTQ4AK_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
 }
-var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkVA6SB6NN_js.zuiDynamicStepperRootBase, {
+var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkDPNTQ4AK_js.zuiDynamicStepperRootBase, {
   variants: {
-    orientation: chunkVA6SB6NN_js.zuiDynamicStepperRootOrientations
+    orientation: chunkDPNTQ4AK_js.zuiDynamicStepperRootOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
-var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkVA6SB6NN_js.zuiDynamicStepperMapperBase, {
+var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkDPNTQ4AK_js.zuiDynamicStepperMapperBase, {
   variants: {
-    orientation: chunkVA6SB6NN_js.zuiDynamicStepperMapperOrientations
+    orientation: chunkDPNTQ4AK_js.zuiDynamicStepperMapperOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
-var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkVA6SB6NN_js.zuiDynamicStepperItemBase, {
+var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkDPNTQ4AK_js.zuiDynamicStepperItemBase, {
   variants: {
-    orientation: chunkVA6SB6NN_js.zuiDynamicStepperItemOrientations
+    orientation: chunkDPNTQ4AK_js.zuiDynamicStepperItemOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
 var dynamicStepperIndicatorVariants = classVarianceAuthority.cva(
-  chunkVA6SB6NN_js.zuiDynamicStepperIndicatorBase,
+  chunkDPNTQ4AK_js.zuiDynamicStepperIndicatorBase,
   {
     variants: {
-      size: chunkVA6SB6NN_js.zuiDynamicStepperIndicatorSizes
+      size: chunkDPNTQ4AK_js.zuiDynamicStepperIndicatorSizes
     },
     defaultVariants: {
       size: "md"
@@ -137,7 +137,7 @@ var DynamicStepper = ({
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQE7OJW4J_js.Button,
+          chunkBAAXQPZ7_js.Button,
           {
             id: previousId,
             "data-slot": "dynamic-stepper-previous",
@@ -216,7 +216,7 @@ var DynamicStepper = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQE7OJW4J_js.Button,
+          chunkBAAXQPZ7_js.Button,
           {
             id: nextId,
             "data-slot": "dynamic-stepper-next",

package/dist/ui/dynamic-stepper.mjs

@@ -1,35 +1,35 @@
 "use client";
 import { useDynamicStepper } from '../chunk-4MPNRGUA.mjs';
 import '../chunk-NWOE2TZN.mjs';
-import { Button } from '../chunk-CHI6MBTI.mjs';
-import '../chunk-WWKAJHIV.mjs';
-import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-A4IB3C23.mjs';
+import { Button } from '../chunk-OWVQVAOY.mjs';
+import '../chunk-4PAHLHYF.mjs';
+import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-UVP3MUBU.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-XY3TKIIH.mjs';
+import '../chunk-FX5KR2GP.mjs';
 import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-523VQLCW.mjs';
 import '../chunk-3VW4HMJT.mjs';
 import '../chunk-LRYKMXKI.mjs';
 import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
-import '../chunk-XY3TKIIH.mjs';
-import '../chunk-FX5KR2GP.mjs';
+import '../chunk-JEDMUBYI.mjs';
 import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';
 import '../chunk-YXU2MJMT.mjs';
 import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
 import '../chunk-5AOVTY2X.mjs';
-import '../chunk-523VQLCW.mjs';
 import '../chunk-SS3T3BUL.mjs';
 import '../chunk-SCWQSQBJ.mjs';
 import '../chunk-ZPGYR2UP.mjs';
 import '../chunk-MBEQ4GQ7.mjs';
 import '../chunk-34LHS26H.mjs';
-import '../chunk-JEDMUBYI.mjs';
 import '../chunk-YKTANA3H.mjs';
 import '../chunk-ENYZGL4R.mjs';
 import '../chunk-2VPXQ2LA.mjs';

package/dist/ui/inputs.js

@@ -1,152 +1,21 @@
 "use client";
 'use strict';
 
+var chunkPTU5ZAYX_js = require('../chunk-PTU5ZAYX.js');
 var chunkSCOIRBML_js = require('../chunk-SCOIRBML.js');
 require('../chunk-A7MU6SFI.js');
-var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
 
-function mergeDescribedByIds(user, ...generated) {
-  const ids = [
-    ...(user ?? "").split(/\s+/).filter(Boolean),
-    ...generated.filter((id) => Boolean(id))
-  ];
-  const unique = [...new Set(ids)];
-  return unique.length > 0 ? unique.join(" ") : void 0;
-}
-var InputBase = (props) => {
-  const generatedId = react.useId();
-  if (props.as === "textarea") {
-    const {
-      className: className2,
-      appearance: appearance2,
-      size: size2,
-      ring: ring2 = true,
-      ref: ref2,
-      "aria-invalid": ariaInvalidProp2,
-      errorMessage: errorMessage2,
-      hint: hint2,
-      label: label2,
-      id: id2,
-      as: as2,
-      "aria-describedby": ariaDescribedByUser2,
-      ...rest2
-    } = props;
-    const controlId2 = id2 ?? generatedId;
-    const errorId2 = `${controlId2}-error`;
-    const hintId2 = `${controlId2}-hint`;
-    const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
-    const describedBy2 = mergeDescribedByIds(
-      ariaDescribedByUser2,
-      hint2 !== void 0 ? hintId2 : void 0,
-      errorMessage2 && appearance2 === "error" ? errorId2 : void 0
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      label2 !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        "label",
-        {
-          htmlFor: controlId2,
-          className: "mb-1 block text-sm font-medium text-slate-200",
-          children: label2
-        }
-      ),
-      hint2 !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId2, className: "mb-1 text-xs text-slate-400", children: hint2 }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          ref: ref2,
-          id: controlId2,
-          "data-slot": "input",
-          className: chunkZS5756ZC_js.cn(
-            chunkSCOIRBML_js.inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
-            className2
-          ),
-          "aria-invalid": ariaInvalid2,
-          "aria-describedby": describedBy2,
-          ...rest2
-        }
-      ),
-      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsxRuntime.jsx(
-        "p",
-        {
-          id: errorId2,
-          className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
-          children: errorMessage2
-        }
-      )
-    ] });
-  }
-  const {
-    className,
-    appearance,
-    size,
-    ring = true,
-    ref,
-    "aria-invalid": ariaInvalidProp,
-    errorMessage,
-    hint,
-    label,
-    id,
-    as,
-    "aria-describedby": ariaDescribedByUser,
-    ...rest
-  } = props;
-  const controlId = id ?? generatedId;
-  const errorId = `${controlId}-error`;
-  const hintId = `${controlId}-hint`;
-  const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
-  const describedBy = mergeDescribedByIds(
-    ariaDescribedByUser,
-    hint !== void 0 ? hintId : void 0,
-    errorMessage && appearance === "error" ? errorId : void 0
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    label !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      "label",
-      {
-        htmlFor: controlId,
-        className: "mb-1 block text-sm font-medium text-slate-200",
-        children: label
-      }
-    ),
-    hint !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: "mb-1 text-xs text-slate-400", children: hint }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref,
-        id: controlId,
-        "data-slot": "input",
-        className: chunkZS5756ZC_js.cn(
-          chunkSCOIRBML_js.inputVariants({ appearance, size, ring, as: as ?? "input" }),
-          className
-        ),
-        "aria-invalid": ariaInvalid,
-        "aria-describedby": describedBy,
-        ...rest
-      }
-    ),
-    errorMessage && appearance === "error" && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        id: errorId,
-        className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
-        children: errorMessage
-      }
-    )
-  ] });
-};
-InputBase.displayName = "Input";
-var Input = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(InputBase, { ...props });
-};
-Input.displayName = "Input";
 
+
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkPTU5ZAYX_js.Input; }
+});
 Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
   get: function () { return chunkSCOIRBML_js.inputVariants; }
 });
-exports.Input = Input;
 //# sourceMappingURL=inputs.js.map
 //# sourceMappingURL=inputs.js.map

package/dist/ui/inputs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/inputs/input-base.tsx","../../src/ui/inputs/input.tsx"],"names":["useId","className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsxs","Fragment","jsx","cn","inputVariants"],"mappings":"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","file":"inputs.js","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n  user: string | undefined,\n  ...generated: (string | undefined)[]\n): string | undefined {\n  const ids = [\n    ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n    ...generated.filter((id): id is string => Boolean(id)),\n  ];\n  const unique = [...new Set(ids)];\n  return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      hint,\n      label,\n      id,\n      as,\n      \"aria-describedby\": ariaDescribedByUser,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const hintId = `${controlId}-hint`;\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    const describedBy = mergeDescribedByIds(\n      ariaDescribedByUser,\n      hint !== undefined ? hintId : undefined,\n      errorMessage && appearance === \"error\" ? errorId : undefined,\n    );\n\n    return (\n      <>\n        {label !== undefined && (\n          <label\n            htmlFor={controlId}\n            className=\"mb-1 block text-sm font-medium text-slate-200\"\n          >\n            {label}\n          </label>\n        )}\n        {hint !== undefined && (\n          <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n            {hint}\n          </p>\n        )}\n        <textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          aria-invalid={ariaInvalid}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    hint,\n    label,\n    id,\n    as,\n    \"aria-describedby\": ariaDescribedByUser,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const hintId = `${controlId}-hint`;\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  const describedBy = mergeDescribedByIds(\n    ariaDescribedByUser,\n    hint !== undefined ? hintId : undefined,\n    errorMessage && appearance === \"error\" ? errorId : undefined,\n  );\n\n  return (\n    <>\n      {label !== undefined && (\n        <label\n          htmlFor={controlId}\n          className=\"mb-1 block text-sm font-medium text-slate-200\"\n        >\n          {label}\n        </label>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n          {hint}\n        </p>\n      )}\n      <input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n  return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"inputs.js"}