@nofinite/nui 1.1.2 → 2.0.1

package/dist/components/tabs/Tabs.js

@@ -1,56 +1,116 @@
-import { jsxs as u, jsx as d } from "react/jsx-runtime";
-import { useState as m, useRef as h, useEffect as p } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as g, useState as $, useId as w, createContext as V, useRef as I, useContext as k } from "react";
 /* empty css         */
-function k({ tabs: i, defaultTab: s, className: a = "" }) {
-  const [l, o] = m(s || i[0]?.id), c = h([]);
-  p(() => {
-    const e = i.findIndex((n) => n.id === l);
-    c.current[e]?.focus();
-  }, [l, i]);
-  const f = (e, n) => {
-    if (!["ArrowRight", "ArrowLeft", "Home", "End"].includes(e.key)) return;
-    e.preventDefault();
-    let r = n;
-    e.key === "ArrowRight" && (r = (n + 1) % i.length), e.key === "ArrowLeft" && (r = (n - 1 + i.length) % i.length), e.key === "Home" && (r = 0), e.key === "End" && (r = i.length - 1), o(i[r].id);
-  };
-  return /* @__PURE__ */ u("div", { className: `ui-tabs ${a}`, children: [
-    /* @__PURE__ */ d("div", { role: "tablist", className: "ui-tabs-list", children: i.map((e, n) => {
-      const r = e.id === l;
-      return /* @__PURE__ */ d(
-        "button",
-        {
-          ref: (t) => {
-            c.current[n] = t;
-          },
-          role: "tab",
-          id: `tab-${e.id}`,
-          "aria-selected": r,
-          "aria-controls": `panel-${e.id}`,
-          tabIndex: r ? 0 : -1,
-          className: "ui-tab",
-          onClick: () => o(e.id),
-          onKeyDown: (t) => f(t, n),
-          children: e.label
+import { cn as m } from "../../utils/cn/cn.js";
+const T = V(null);
+function x() {
+  const t = k(T);
+  if (!t) throw new Error("Tabs components must be used within <Tabs>");
+  return t;
+}
+const y = g(
+  ({ value: t, defaultValue: l, onChange: c, children: n, className: a, ...u }, e) => {
+    const i = t !== void 0, [b, r] = $(l || ""), o = w(), s = i ? t : b, d = (p) => {
+      i || r(p), c?.(p);
+    };
+    return /* @__PURE__ */ f(T.Provider, { value: { value: s, onValueChange: d, idPrefix: o }, children: /* @__PURE__ */ f("div", { ref: e, className: m("nui-tabs-root", a), ...u, children: n }) });
+  }
+);
+y.displayName = "Tabs";
+const h = g(
+  ({ children: t, className: l, ...c }, n) => {
+    const a = I(null), u = (e) => {
+      const i = e.target;
+      if (i.getAttribute("role") !== "tab") return;
+      const b = a.current;
+      if (!b) return;
+      const r = Array.from(
+        b.querySelectorAll('[role="tab"]:not([disabled])')
+      ), o = r.indexOf(i);
+      if (o === -1) return;
+      let s = o;
+      if (e.key === "ArrowRight") s = (o + 1) % r.length;
+      else if (e.key === "ArrowLeft") s = (o - 1 + r.length) % r.length;
+      else if (e.key === "Home") s = 0;
+      else if (e.key === "End") s = r.length - 1;
+      else return;
+      e.preventDefault(), r[s].focus();
+    };
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: (e) => {
+          a.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
         },
-        e.id
-      );
-    }) }),
-    i.map(
-      (e) => e.id === l ? /* @__PURE__ */ d(
-        "div",
-        {
-          id: `panel-${e.id}`,
-          role: "tabpanel",
-          "aria-labelledby": `tab-${e.id}`,
-          className: "ui-tabs-panel",
-          children: e.content
+        role: "tablist",
+        "aria-orientation": "horizontal",
+        className: m("nui-tabs-list", l),
+        onKeyDown: u,
+        ...c,
+        children: t
+      }
+    );
+  }
+);
+h.displayName = "Tabs.List";
+const C = g(
+  ({ value: t, children: l, className: c, disabled: n, onClick: a, onFocus: u, ...e }, i) => {
+    const { value: b, onValueChange: r, idPrefix: o } = x(), s = b === t;
+    return /* @__PURE__ */ f(
+      "button",
+      {
+        ref: i,
+        type: "button",
+        role: "tab",
+        id: `tab-${o}-${t}`,
+        "aria-selected": s,
+        "aria-controls": `panel-${o}-${t}`,
+        tabIndex: s ? 0 : -1,
+        disabled: n,
+        className: m(
+          "nui-tabs-trigger",
+          s && "selected",
+          n && "disabled",
+          c
+        ),
+        onClick: (d) => {
+          n || r(t), a?.(d);
         },
-        e.id
-      ) : null
-    )
-  ] });
-}
+        onFocus: (d) => {
+          n || r(t), u?.(d);
+        },
+        ...e,
+        children: l
+      }
+    );
+  }
+);
+C.displayName = "Tabs.Trigger";
+const N = g(
+  ({ value: t, children: l, className: c, ...n }, a) => {
+    const { value: u, idPrefix: e } = x();
+    return u === t ? /* @__PURE__ */ f(
+      "div",
+      {
+        ref: a,
+        role: "tabpanel",
+        id: `panel-${e}-${t}`,
+        "aria-labelledby": `tab-${e}-${t}`,
+        tabIndex: 0,
+        className: m("nui-tabs-content", c),
+        ...n,
+        children: l
+      }
+    ) : null;
+  }
+);
+N.displayName = "Tabs.Content";
+const P = Object.assign(y, {
+  List: h,
+  Trigger: C,
+  Content: N
+});
 export {
-  k as Tabs
+  P as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["/**\r\n * Tabs.tsx\r\n * ---------\r\n * Fully accessible WAI-ARIA Tabs Component.\r\n *\r\n * Features:\r\n * - roving tabindex\r\n * - ArrowLeft, ArrowRight, Home, End keyboard navigation\r\n * - aria-selected, aria-controls, role=\"tablist\"\r\n * - auto-focus on selected tab\r\n * - single-component API\r\n */\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport './Tabs.css';\r\n\r\nexport interface TabItem {\r\n  id: string;\r\n  label: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface TabsProps {\r\n  tabs: TabItem[];\r\n  defaultTab?: string;\r\n  className?: string;\r\n}\r\n\r\nexport function Tabs({ tabs, defaultTab, className = '' }: TabsProps) {\r\n  const [active, setActive] = useState(defaultTab || tabs[0]?.id);\r\n\r\n  const tabRefs = useRef<(HTMLButtonElement | null)[]>([]);\r\n\r\n  // Focus active tab\r\n  useEffect(() => {\r\n    const index = tabs.findIndex((t) => t.id === active);\r\n    tabRefs.current[index]?.focus();\r\n  }, [active, tabs]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent, index: number) => {\r\n    if (!['ArrowRight', 'ArrowLeft', 'Home', 'End'].includes(e.key)) return;\r\n\r\n    e.preventDefault();\r\n\r\n    let newIndex = index;\r\n\r\n    if (e.key === 'ArrowRight') newIndex = (index + 1) % tabs.length;\r\n    if (e.key === 'ArrowLeft')\r\n      newIndex = (index - 1 + tabs.length) % tabs.length;\r\n    if (e.key === 'Home') newIndex = 0;\r\n    if (e.key === 'End') newIndex = tabs.length - 1;\r\n\r\n    setActive(tabs[newIndex].id);\r\n  };\r\n\r\n  return (\r\n    <div className={`ui-tabs ${className}`}>\r\n      <div role=\"tablist\" className=\"ui-tabs-list\">\r\n        {tabs.map((tab, index) => {\r\n          const isSelected = tab.id === active;\r\n\r\n          return (\r\n            <button\r\n              key={tab.id}\r\n              ref={(el) => {\r\n                tabRefs.current[index] = el;\r\n              }}\r\n              role=\"tab\"\r\n              id={`tab-${tab.id}`}\r\n              aria-selected={isSelected}\r\n              aria-controls={`panel-${tab.id}`}\r\n              tabIndex={isSelected ? 0 : -1}\r\n              className=\"ui-tab\"\r\n              onClick={() => setActive(tab.id)}\r\n              onKeyDown={(e) => handleKeyDown(e, index)}\r\n            >\r\n              {tab.label}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      {tabs.map((tab) =>\r\n        tab.id === active ? (\r\n          <div\r\n            key={tab.id}\r\n            id={`panel-${tab.id}`}\r\n            role=\"tabpanel\"\r\n            aria-labelledby={`tab-${tab.id}`}\r\n            className=\"ui-tabs-panel\"\r\n          >\r\n            {tab.content}\r\n          </div>\r\n        ) : null\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Tabs","tabs","defaultTab","className","active","setActive","useState","tabRefs","useRef","useEffect","index","t","handleKeyDown","newIndex","jsxs","jsx","tab","isSelected","el","e"],"mappings":";;;AA4BO,SAASA,EAAK,EAAE,MAAAC,GAAM,YAAAC,GAAY,WAAAC,IAAY,MAAiB;AACpE,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASJ,KAAcD,EAAK,CAAC,GAAG,EAAE,GAExDM,IAAUC,EAAqC,EAAE;AAGvD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAQT,EAAK,UAAU,CAACU,MAAMA,EAAE,OAAOP,CAAM;AACnD,IAAAG,EAAQ,QAAQG,CAAK,GAAG,MAAA;AAAA,EAC1B,GAAG,CAACN,GAAQH,CAAI,CAAC;AAEjB,QAAMW,IAAgB,CAAC,GAAwBF,MAAkB;AAC/D,QAAI,CAAC,CAAC,cAAc,aAAa,QAAQ,KAAK,EAAE,SAAS,EAAE,GAAG,EAAG;AAEjE,MAAE,eAAA;AAEF,QAAIG,IAAWH;AAEf,IAAI,EAAE,QAAQ,iBAAcG,KAAYH,IAAQ,KAAKT,EAAK,SACtD,EAAE,QAAQ,gBACZY,KAAYH,IAAQ,IAAIT,EAAK,UAAUA,EAAK,SAC1C,EAAE,QAAQ,WAAQY,IAAW,IAC7B,EAAE,QAAQ,UAAOA,IAAWZ,EAAK,SAAS,IAE9CI,EAAUJ,EAAKY,CAAQ,EAAE,EAAE;AAAA,EAC7B;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,WAAWX,CAAS,IAClC,UAAA;AAAA,IAAA,gBAAAY,EAAC,OAAA,EAAI,MAAK,WAAU,WAAU,gBAC3B,UAAAd,EAAK,IAAI,CAACe,GAAKN,MAAU;AACxB,YAAMO,IAAaD,EAAI,OAAOZ;AAE9B,aACE,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,KAAK,CAACG,MAAO;AACX,YAAAX,EAAQ,QAAQG,CAAK,IAAIQ;AAAA,UAC3B;AAAA,UACA,MAAK;AAAA,UACL,IAAI,OAAOF,EAAI,EAAE;AAAA,UACjB,iBAAeC;AAAA,UACf,iBAAe,SAASD,EAAI,EAAE;AAAA,UAC9B,UAAUC,IAAa,IAAI;AAAA,UAC3B,WAAU;AAAA,UACV,SAAS,MAAMZ,EAAUW,EAAI,EAAE;AAAA,UAC/B,WAAW,CAACG,MAAMP,EAAcO,GAAGT,CAAK;AAAA,UAEvC,UAAAM,EAAI;AAAA,QAAA;AAAA,QAbAA,EAAI;AAAA,MAAA;AAAA,IAgBf,CAAC,EAAA,CACH;AAAA,IAECf,EAAK;AAAA,MAAI,CAACe,MACTA,EAAI,OAAOZ,IACT,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,IAAI,SAASC,EAAI,EAAE;AAAA,UACnB,MAAK;AAAA,UACL,mBAAiB,OAAOA,EAAI,EAAE;AAAA,UAC9B,WAAU;AAAA,UAET,UAAAA,EAAI;AAAA,QAAA;AAAA,QANAA,EAAI;AAAA,MAAA,IAQT;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { createContext, useContext, useState, useRef, forwardRef, useId } from 'react';\nimport { cn } from '../../utils';\nimport './Tabs.css';\n\n/* ============================================================\n * Context\n * ============================================================ */\n\ninterface TabsContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  // A unique ID prefix to link triggers and panels for screen readers\n  idPrefix: string; \n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nfunction useTabs() {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error('Tabs components must be used within <Tabs>');\n  return ctx;\n}\n\n/* ============================================================\n * 1. Tabs Root\n * ============================================================ */\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Controlled state value representing the active tab */\n  value?: string;\n  /** Uncontrolled initial value */\n  defaultValue?: string;\n  /** Callback fired when the active tab changes */\n  onChange?: (value: string) => void;\n  children: React.ReactNode;\n}\n\n/**\n * Tabs Component (Root)\n * * A Compound Component that manages the state and accessibility linking for a tabbed interface.\n */\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n  ({ value, defaultValue, onChange, children, className, ...props }, ref) => {\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState(defaultValue || '');\n    \n    // Generate a stable, SSR-safe ID for ARIA linkage\n    const idPrefix = useId();\n\n    const currentValue = isControlled ? value : internalValue;\n\n    const handleValueChange = (newValue: string) => {\n      if (!isControlled) setInternalValue(newValue);\n      onChange?.(newValue);\n    };\n\n    return (\n      <TabsContext.Provider value={{ value: currentValue, onValueChange: handleValueChange, idPrefix }}>\n        <div ref={ref} className={cn(\"nui-tabs-root\", className)} {...props}>\n          {children}\n        </div>\n      </TabsContext.Provider>\n    );\n  }\n);\nTabsRoot.displayName = 'Tabs';\n\n/* ============================================================\n * 2. Tabs List\n * ============================================================ */\n\nexport interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n/**\n * Tabs List\n * * Contains the tab triggers.\n * * Implements a \"Roving Tabindex\" to allow users to navigate tabs via arrow keys.\n */\nconst TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ children, className, ...props }, ref) => {\n    const listRef = useRef<HTMLDivElement>(null);\n\n    // Smart Roving Tabindex for Keyboard Navigation\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const target = e.target as HTMLElement;\n      if (target.getAttribute('role') !== 'tab') return;\n\n      const list = listRef.current;\n      if (!list) return;\n\n      // Find all valid tab triggers\n      const tabs = Array.from(\n        list.querySelectorAll('[role=\"tab\"]:not([disabled])')\n      ) as HTMLElement[];\n      \n      const currentIndex = tabs.indexOf(target);\n      if (currentIndex === -1) return;\n\n      let nextIndex = currentIndex;\n\n      if (e.key === 'ArrowRight') nextIndex = (currentIndex + 1) % tabs.length;\n      else if (e.key === 'ArrowLeft') nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n      else if (e.key === 'Home') nextIndex = 0;\n      else if (e.key === 'End') nextIndex = tabs.length - 1;\n      else return;\n\n      e.preventDefault();\n      tabs[nextIndex].focus();\n    };\n\n    return (\n      <div\n        ref={(node) => {\n          listRef.current = node;\n          if (typeof ref === 'function') ref(node);\n          else if (ref) ref.current = node;\n        }}\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        className={cn(\"nui-tabs-list\", className)}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nTabsList.displayName = 'Tabs.List';\n\n/* ============================================================\n * 3. Tabs Trigger\n * ============================================================ */\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The unique identifier associated with this tab's content */\n  value: string;\n}\n\n/**\n * Tabs Trigger\n * * The interactive button that activates a specific tab panel.\n * * Follows the WAI-ARIA \"Automatic Activation\" pattern (focusing the tab activates it).\n */\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ value, children, className, disabled, onClick, onFocus, ...props }, ref) => {\n    const { value: selectedValue, onValueChange, idPrefix } = useTabs();\n    const isSelected = selectedValue === value;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        id={`tab-${idPrefix}-${value}`}\n        aria-selected={isSelected}\n        aria-controls={`panel-${idPrefix}-${value}`}\n        tabIndex={isSelected ? 0 : -1} // Only active tab is in the natural page tab sequence\n        disabled={disabled}\n        className={cn(\n          \"nui-tabs-trigger\",\n          isSelected && \"selected\",\n          disabled && \"disabled\",\n          className\n        )}\n        onClick={(e) => {\n          if (!disabled) onValueChange(value);\n          onClick?.(e);\n        }}\n        onFocus={(e) => {\n          // Automatic Activation: Auto-select on keyboard focus\n          if (!disabled) onValueChange(value);\n          onFocus?.(e);\n        }}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\nTabsTrigger.displayName = 'Tabs.Trigger';\n\n/* ============================================================\n * 4. Tabs Content\n * ============================================================ */\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The unique identifier connecting this panel to its trigger */\n  value: string;\n}\n\n/**\n * Tabs Content\n * * The panel that displays when its associated trigger is active.\n * * Only mounts to the DOM when active to keep the DOM clean.\n */\nconst TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ value, children, className, ...props }, ref) => {\n    const { value: selectedValue, idPrefix } = useTabs();\n    const isSelected = selectedValue === value;\n\n    if (!isSelected) return null;\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        id={`panel-${idPrefix}-${value}`}\n        aria-labelledby={`tab-${idPrefix}-${value}`}\n        tabIndex={0} // Allows content area to be focused and read by screen readers\n        className={cn(\"nui-tabs-content\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\nTabsContent.displayName = 'Tabs.Content';\n\n/* ============================================================\n * Export\n * ============================================================ */\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});"],"names":["TabsContext","createContext","useTabs","ctx","useContext","TabsRoot","forwardRef","value","defaultValue","onChange","children","className","props","ref","isControlled","internalValue","setInternalValue","useState","idPrefix","useId","currentValue","handleValueChange","newValue","jsx","cn","TabsList","listRef","useRef","handleKeyDown","target","list","tabs","currentIndex","nextIndex","node","TabsTrigger","disabled","onClick","onFocus","selectedValue","onValueChange","isSelected","e","TabsContent","Tabs"],"mappings":"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"}

package/dist/components/textarea/Textarea.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),t=require("react");;/* empty css               */function x(e){e&&(e.style.height="0px",e.style.height=`${e.scrollHeight}px`)}const l=t.forwardRef(({value:e,defaultValue:o,onChange:h,className:v="",maxLength:s,showCount:g=!1,autoGrow:i=!0,disabled:m=!1,readOnly:p=!1,required:y=!1,error:d=!1,id:b,name:T,placeholder:$,helperId:j,rows:R=3,...C},N)=>{const n=t.useRef(null);t.useImperativeHandle(N,()=>n.current??document.createElement("textarea"));const f=e!==void 0,[q,E]=t.useState(()=>o||""),u=f?e:q,r=t.useCallback(()=>{i&&x(n.current)},[i]);t.useEffect(()=>{r();const a=setTimeout(r,0);return()=>clearTimeout(a)},[r]),t.useEffect(()=>{r()},[u,r]);const H=a=>{f||E(a.target.value),h?.(a),i&&x(a.target)},S=j||void 0;return c.jsxs("div",{className:`ui-textarea-wrapper ${v}`,children:[c.jsx("textarea",{ref:n,id:b,name:T,className:`ui-textarea ${d?"ui-textarea--error":""}`,value:u,defaultValue:o,onChange:H,maxLength:s,disabled:m,readOnly:p,required:y,"aria-invalid":d||void 0,"aria-describedby":S,placeholder:$,rows:R,...C}),(g||s)&&c.jsx("div",{className:"ui-textarea-counter","aria-hidden":"true",children:`${u?.length??0}${s?` / ${s}`:""}`})]})});l.displayName="Textarea";exports.Textarea=l;exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),r=require("react");;/* empty css               */const x=require("../../utils/cn/cn.cjs"),h=r.forwardRef(({value:u,defaultValue:o,onChange:g,className:w,maxLength:n,showCount:y=!1,autoGrow:a=!0,disabled:b=!1,readOnly:R=!1,required:j=!1,error:d=!1,id:C,name:T,placeholder:m,helperId:p,rows:q=3,...E},s)=>{const i=r.useRef(null),l=u!==void 0,[N,S]=r.useState(()=>o||""),f=l?u:N,v=String(f??""),V=r.useCallback(e=>{i.current=e,typeof s=="function"?s(e):s&&(s.current=e)},[s]),t=r.useCallback(()=>{if(!a||!i.current)return;const e=i.current,k=window.scrollY;e.style.height="auto",e.style.height=`${e.scrollHeight+2}px`,window.scrollTo(0,k)},[a]);r.useEffect(()=>(t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)),[t]),r.useEffect(()=>{t()},[v,t]);const z=e=>{l||S(e.target.value),g?.(e),a&&t()};return c.jsxs("div",{className:x.cn("nui-textarea-root",w),children:[c.jsx("textarea",{ref:V,id:C,name:T,value:f,defaultValue:l?o:void 0,onChange:z,maxLength:n,disabled:b,readOnly:R,required:j,"aria-invalid":d||void 0,"aria-describedby":p,placeholder:m,rows:q,className:x.cn("nui-textarea",d&&"nui-textarea--error",a&&"nui-textarea--autogrow"),...E}),(y||n)&&c.jsxs("div",{className:"nui-textarea-counter","aria-hidden":"true",children:[v.length,n?` / ${n}`:""]})]})});h.displayName="Textarea";exports.Textarea=h;
 //# sourceMappingURL=Textarea.cjs.map

package/dist/components/textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["/**\r\n * Textarea.tsx\r\n * -------------\r\n * Advanced, accessible textarea (auto-grow).\r\n *\r\n * Features:\r\n * - auto-resize (autoGrow)\r\n * - controlled / uncontrolled modes\r\n * - maxLength + optional character counter\r\n * - disabled, readOnly, required support\r\n * - aria-describedby linking for error / help text\r\n * - identical coding style to your existing library\r\n */\r\n\r\nimport React, {\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useState,\r\n  forwardRef,\r\n  useImperativeHandle,\r\n} from 'react';\r\n\r\nimport './Textarea.css';\r\n\r\nexport interface TextareaProps\r\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\r\n  /** Show character counter */\r\n  showCount?: boolean;\r\n\r\n  /** Enable auto resizing of height */\r\n  autoGrow?: boolean;\r\n\r\n  /** Visual error state */\r\n  error?: boolean;\r\n\r\n  /** Used for aria-describedby */\r\n  helperId?: string;\r\n}\r\n\r\n/* Auto-grow helper */\r\nfunction syncHeight(el: HTMLTextAreaElement | null) {\r\n  if (!el) return;\r\n  el.style.height = '0px'; // reset first\r\n  el.style.height = `${el.scrollHeight}px`;\r\n}\r\n\r\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  (\r\n    {\r\n      value,\r\n      defaultValue,\r\n      onChange,\r\n      className = '',\r\n      maxLength,\r\n      showCount = false,\r\n      autoGrow = true,\r\n      disabled = false,\r\n      readOnly = false,\r\n      required = false,\r\n      error = false,\r\n      id,\r\n      name,\r\n      placeholder,\r\n      helperId,\r\n      rows = 3,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\r\n\r\n    useImperativeHandle(ref, () => {\r\n      return innerRef.current ?? document.createElement('textarea');\r\n    });\r\n\r\n    const isControlled = value !== undefined;\r\n\r\n    const [internalValue, setInternalValue] = useState<string>(\r\n      () => (defaultValue as string) || ''\r\n    );\r\n\r\n    const currentValue = isControlled ? (value as string) : internalValue;\r\n\r\n    /* Auto-grow on mount & updates */\r\n    const resize = useCallback(() => {\r\n      if (!autoGrow) return;\r\n      syncHeight(innerRef.current);\r\n    }, [autoGrow]);\r\n\r\n    useEffect(() => {\r\n      resize();\r\n      const t = setTimeout(resize, 0);\r\n      return () => clearTimeout(t);\r\n    }, [resize]);\r\n\r\n    useEffect(() => {\r\n      resize();\r\n    }, [currentValue, resize]);\r\n\r\n    /* On change */\r\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n      if (!isControlled) setInternalValue(e.target.value);\r\n      onChange?.(e);\r\n\r\n      if (autoGrow) syncHeight(e.target);\r\n    };\r\n\r\n    const describedBy = helperId || undefined;\r\n\r\n    return (\r\n      <div className={`ui-textarea-wrapper ${className}`}>\r\n        <textarea\r\n          ref={innerRef}\r\n          id={id}\r\n          name={name}\r\n          className={`ui-textarea ${error ? 'ui-textarea--error' : ''}`}\r\n          value={currentValue}\r\n          defaultValue={defaultValue as string | undefined}\r\n          onChange={handleChange}\r\n          maxLength={maxLength}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          required={required}\r\n          aria-invalid={error || undefined}\r\n          aria-describedby={describedBy}\r\n          placeholder={placeholder}\r\n          rows={rows}\r\n          {...rest}\r\n        />\r\n\r\n        {(showCount || maxLength) && (\r\n          <div className=\"ui-textarea-counter\" aria-hidden=\"true\">\r\n            {`${currentValue?.length ?? 0}${\r\n              maxLength ? ` / ${maxLength}` : ''\r\n            }`}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTextarea.displayName = 'Textarea';\r\n\r\nexport default Textarea;\r\n"],"names":["syncHeight","el","Textarea","forwardRef","value","defaultValue","onChange","className","maxLength","showCount","autoGrow","disabled","readOnly","required","error","id","name","placeholder","helperId","rows","rest","ref","innerRef","useRef","useImperativeHandle","isControlled","internalValue","setInternalValue","useState","currentValue","resize","useCallback","useEffect","t","handleChange","e","describedBy","jsxs","jsx"],"mappings":"kMAyCA,SAASA,EAAWC,EAAgC,CAC7CA,IACLA,EAAG,MAAM,OAAS,MAClBA,EAAG,MAAM,OAAS,GAAGA,EAAG,YAAY,KACtC,CAEO,MAAMC,EAAWC,EAAAA,WACtB,CACE,CACE,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EAAQ,GACR,GAAAC,EACA,KAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,EACP,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAWC,EAAAA,OAAmC,IAAI,EAExDC,EAAAA,oBAAoBH,EAAK,IAChBC,EAAS,SAAW,SAAS,cAAc,UAAU,CAC7D,EAED,MAAMG,EAAerB,IAAU,OAEzB,CAACsB,EAAeC,CAAgB,EAAIC,EAAAA,SACxC,IAAOvB,GAA2B,EAAA,EAG9BwB,EAAeJ,EAAgBrB,EAAmBsB,EAGlDI,EAASC,EAAAA,YAAY,IAAM,CAC1BrB,GACLV,EAAWsB,EAAS,OAAO,CAC7B,EAAG,CAACZ,CAAQ,CAAC,EAEbsB,EAAAA,UAAU,IAAM,CACdF,EAAA,EACA,MAAMG,EAAI,WAAWH,EAAQ,CAAC,EAC9B,MAAO,IAAM,aAAaG,CAAC,CAC7B,EAAG,CAACH,CAAM,CAAC,EAEXE,EAAAA,UAAU,IAAM,CACdF,EAAA,CACF,EAAG,CAACD,EAAcC,CAAM,CAAC,EAGzB,MAAMI,EAAgBC,GAA8C,CAC7DV,GAAcE,EAAiBQ,EAAE,OAAO,KAAK,EAClD7B,IAAW6B,CAAC,EAERzB,GAAUV,EAAWmC,EAAE,MAAM,CACnC,EAEMC,EAAclB,GAAY,OAEhC,OACEmB,EAAAA,KAAC,MAAA,CAAI,UAAW,uBAAuB9B,CAAS,GAC9C,SAAA,CAAA+B,EAAAA,IAAC,WAAA,CACC,IAAKhB,EACL,GAAAP,EACA,KAAAC,EACA,UAAW,eAAeF,EAAQ,qBAAuB,EAAE,GAC3D,MAAOe,EACP,aAAAxB,EACA,SAAU6B,EACV,UAAA1B,EACA,SAAAG,EACA,SAAAC,EACA,SAAAC,EACA,eAAcC,GAAS,OACvB,mBAAkBsB,EAClB,YAAAnB,EACA,KAAAE,EACC,GAAGC,CAAA,CAAA,GAGJX,GAAaD,IACb8B,EAAAA,IAAC,OAAI,UAAU,sBAAsB,cAAY,OAC9C,SAAA,GAAGT,GAAc,QAAU,CAAC,GAC3BrB,EAAY,MAAMA,CAAS,GAAK,EAClC,EAAA,CACF,CAAA,EAEJ,CAEJ,CACF,EAEAN,EAAS,YAAc"}
+{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport React, {\n  useRef,\n  useEffect,\n  useCallback,\n  useState,\n  forwardRef,\n} from 'react';\nimport { cn } from '../../utils';\nimport './Textarea.css';\n\n/* ============================================================\n * Types\n * ============================================================ */\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Displays a character counter below the textarea */\n  showCount?: boolean;\n  /** Enables automatic vertical resizing based on content. Defaults to true. */\n  autoGrow?: boolean;\n  /** Applies visual error styling and WAI-ARIA invalid states */\n  error?: boolean;\n  /** The ID of the element describing this input (for screen readers) */\n  helperId?: string;\n}\n\n/* ============================================================\n * Component\n * ============================================================ */\n\n/**\n * Textarea Component\n * * A multi-line text input that supports automatic resizing and character counting.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      className,\n      maxLength,\n      showCount = false,\n      autoGrow = true,\n      disabled = false,\n      readOnly = false,\n      required = false,\n      error = false,\n      id,\n      name,\n      placeholder,\n      helperId,\n      rows = 3,\n      ...rest\n    },\n    ref \n  ) => {\n    // Internal ref required for the auto-grow math calculations\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const isControlled = value !== undefined;\n    \n    // Manage local state for uncontrolled inputs\n    const [internalValue, setInternalValue] = useState<string>(\n      () => (defaultValue as string) || ''\n    );\n    const currentValue = isControlled ? value : internalValue;\n    \n    // Ensure we always have a string to prevent .length crashes on undefined\n    const safeValue = String(currentValue ?? '');\n\n    /* ----------------------------------------------------\n       Ref Merging Logic\n    ---------------------------------------------------- */\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    /* ----------------------------------------------------\n       Auto-Grow Logic\n    ---------------------------------------------------- */\n    const resize = useCallback(() => {\n      if (!autoGrow || !innerRef.current) return;\n      \n      const el = innerRef.current;\n      // Capture current scroll position to prevent page jumping during DOM manipulation\n      const scrollY = window.scrollY;\n      \n      // Reset height to 'auto' to force the browser to recalculate the true scrollHeight\n      el.style.height = 'auto';\n      // Set to new scrollHeight + a tiny buffer to account for border widths\n      el.style.height = `${el.scrollHeight + 2}px`;\n      \n      window.scrollTo(0, scrollY);\n    }, [autoGrow]);\n\n    // Resize on mount and when the window resizes\n    useEffect(() => {\n      resize();\n      window.addEventListener('resize', resize);\n      return () => window.removeEventListener('resize', resize);\n    }, [resize]);\n\n    // Resize when value changes (e.g., user typing, or incoming API data)\n    useEffect(() => {\n      resize();\n    }, [safeValue, resize]);\n\n    /* ----------------------------------------------------\n       Event Handlers\n    ---------------------------------------------------- */\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternalValue(e.target.value);\n      onChange?.(e);\n      if (autoGrow) resize();\n    };\n\n    /* ----------------------------------------------------\n       Render\n    ---------------------------------------------------- */\n    return (\n      <div className={cn(\"nui-textarea-root\", className)}>\n        <textarea\n          ref={setRefs}\n          id={id}\n          name={name}\n          value={currentValue}\n          defaultValue={!isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          maxLength={maxLength}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-invalid={error || undefined}\n          aria-describedby={helperId}\n          placeholder={placeholder}\n          rows={rows}\n          className={cn(\n            \"nui-textarea\",\n            error && \"nui-textarea--error\",\n            autoGrow && \"nui-textarea--autogrow\"\n          )}\n          {...rest}\n        />\n\n        {(showCount || maxLength) && (\n          <div className=\"nui-textarea-counter\" aria-hidden=\"true\">\n            {safeValue.length}\n            {maxLength ? ` / ${maxLength}` : ''}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';"],"names":["Textarea","forwardRef","value","defaultValue","onChange","className","maxLength","showCount","autoGrow","disabled","readOnly","required","error","id","name","placeholder","helperId","rows","rest","ref","innerRef","useRef","isControlled","internalValue","setInternalValue","useState","currentValue","safeValue","setRefs","useCallback","node","resize","el","scrollY","useEffect","handleChange","cn","jsx","jsxs"],"mappings":"+MAoCaA,EAAWC,EAAAA,WACtB,CACE,CACE,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EAAQ,GACR,GAAAC,EACA,KAAAC,EACA,YAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,EACP,GAAGC,CAAA,EAELC,IACG,CAEH,MAAMC,EAAWC,EAAAA,OAAmC,IAAI,EAClDC,EAAepB,IAAU,OAGzB,CAACqB,EAAeC,CAAgB,EAAIC,EAAAA,SACxC,IAAOtB,GAA2B,EAAA,EAE9BuB,EAAeJ,EAAepB,EAAQqB,EAGtCI,EAAY,OAAOD,GAAgB,EAAE,EAKrCE,EAAUC,EAAAA,YACbC,GAAqC,CACpCV,EAAS,QAAUU,EACf,OAAOX,GAAQ,WACjBA,EAAIW,CAAI,EACCX,IACRA,EAA2D,QAAUW,EAE1E,EACA,CAACX,CAAG,CAAA,EAMAY,EAASF,EAAAA,YAAY,IAAM,CAC/B,GAAI,CAACrB,GAAY,CAACY,EAAS,QAAS,OAEpC,MAAMY,EAAKZ,EAAS,QAEda,EAAU,OAAO,QAGvBD,EAAG,MAAM,OAAS,OAElBA,EAAG,MAAM,OAAS,GAAGA,EAAG,aAAe,CAAC,KAExC,OAAO,SAAS,EAAGC,CAAO,CAC5B,EAAG,CAACzB,CAAQ,CAAC,EAGb0B,EAAAA,UAAU,KACRH,EAAA,EACA,OAAO,iBAAiB,SAAUA,CAAM,EACjC,IAAM,OAAO,oBAAoB,SAAUA,CAAM,GACvD,CAACA,CAAM,CAAC,EAGXG,EAAAA,UAAU,IAAM,CACdH,EAAA,CACF,EAAG,CAACJ,EAAWI,CAAM,CAAC,EAKtB,MAAMI,EAAgB,GAA8C,CAC7Db,GAAcE,EAAiB,EAAE,OAAO,KAAK,EAClDpB,IAAW,CAAC,EACRI,GAAUuB,EAAA,CAChB,EAKA,cACG,MAAA,CAAI,UAAWK,EAAAA,GAAG,oBAAqB/B,CAAS,EAC/C,SAAA,CAAAgC,EAAAA,IAAC,WAAA,CACC,IAAKT,EACL,GAAAf,EACA,KAAAC,EACA,MAAOY,EACP,aAAeJ,EAA2BnB,EAAZ,OAC9B,SAAUgC,EACV,UAAA7B,EACA,SAAAG,EACA,SAAAC,EACA,SAAAC,EACA,eAAcC,GAAS,OACvB,mBAAkBI,EAClB,YAAAD,EACA,KAAAE,EACA,UAAWmB,EAAAA,GACT,eACAxB,GAAS,sBACTJ,GAAY,wBAAA,EAEb,GAAGU,CAAA,CAAA,GAGJX,GAAaD,IACbgC,EAAAA,KAAC,OAAI,UAAU,uBAAuB,cAAY,OAC/C,SAAA,CAAAX,EAAU,OACVrB,EAAY,MAAMA,CAAS,GAAK,EAAA,CAAA,CACnC,CAAA,EAEJ,CAEJ,CACF,EAEAN,EAAS,YAAc"}

package/dist/components/textarea/Textarea.js

@@ -1,75 +1,80 @@
-import { jsxs as V, jsx as o } from "react/jsx-runtime";
-import { forwardRef as k, useRef as z, useImperativeHandle as B, useState as S, useCallback as q, useEffect as d } from "react";
+import { jsxs as f, jsx as k } from "react/jsx-runtime";
+import { forwardRef as H, useRef as I, useState as q, useCallback as v, useEffect as h } from "react";
 /* empty css             */
-function f(e) {
-  e && (e.style.height = "0px", e.style.height = `${e.scrollHeight}px`);
-}
-const w = k(
+import { cn as m } from "../../utils/cn/cn.js";
+const A = H(
   ({
-    value: e,
-    defaultValue: l,
-    onChange: m,
-    className: h = "",
+    value: l,
+    defaultValue: o,
+    onChange: x,
+    className: p,
     maxLength: a,
-    showCount: p = !1,
-    autoGrow: s = !0,
-    disabled: x = !1,
-    readOnly: v = !1,
-    required: g = !1,
+    showCount: w = !1,
+    autoGrow: n = !0,
+    disabled: g = !1,
+    readOnly: y = !1,
+    required: C = !1,
     error: c = !1,
-    id: y,
-    name: $,
-    placeholder: b,
-    helperId: C,
-    rows: N = 3,
-    ...T
-  }, H) => {
-    const i = z(null);
-    B(H, () => i.current ?? document.createElement("textarea"));
-    const u = e !== void 0, [R, j] = S(
-      () => l || ""
-    ), n = u ? e : R, t = q(() => {
-      s && f(i.current);
-    }, [s]);
-    d(() => {
+    id: N,
+    name: R,
+    placeholder: V,
+    helperId: b,
+    rows: z = 3,
+    ...E
+  }, r) => {
+    const s = I(null), i = l !== void 0, [T, j] = q(
+      () => o || ""
+    ), u = i ? l : T, d = String(u ?? ""), S = v(
+      (e) => {
+        s.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+      },
+      [r]
+    ), t = v(() => {
+      if (!n || !s.current) return;
+      const e = s.current, $ = window.scrollY;
+      e.style.height = "auto", e.style.height = `${e.scrollHeight + 2}px`, window.scrollTo(0, $);
+    }, [n]);
+    h(() => (t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), [t]), h(() => {
       t();
-      const r = setTimeout(t, 0);
-      return () => clearTimeout(r);
-    }, [t]), d(() => {
-      t();
-    }, [n, t]);
-    const E = (r) => {
-      u || j(r.target.value), m?.(r), s && f(r.target);
-    }, I = C || void 0;
-    return /* @__PURE__ */ V("div", { className: `ui-textarea-wrapper ${h}`, children: [
-      /* @__PURE__ */ o(
+    }, [d, t]);
+    const Y = (e) => {
+      i || j(e.target.value), x?.(e), n && t();
+    };
+    return /* @__PURE__ */ f("div", { className: m("nui-textarea-root", p), children: [
+      /* @__PURE__ */ k(
         "textarea",
         {
-          ref: i,
-          id: y,
-          name: $,
-          className: `ui-textarea ${c ? "ui-textarea--error" : ""}`,
-          value: n,
-          defaultValue: l,
-          onChange: E,
+          ref: S,
+          id: N,
+          name: R,
+          value: u,
+          defaultValue: i ? o : void 0,
+          onChange: Y,
           maxLength: a,
-          disabled: x,
-          readOnly: v,
-          required: g,
+          disabled: g,
+          readOnly: y,
+          required: C,
           "aria-invalid": c || void 0,
-          "aria-describedby": I,
-          placeholder: b,
-          rows: N,
-          ...T
+          "aria-describedby": b,
+          placeholder: V,
+          rows: z,
+          className: m(
+            "nui-textarea",
+            c && "nui-textarea--error",
+            n && "nui-textarea--autogrow"
+          ),
+          ...E
         }
       ),
-      (p || a) && /* @__PURE__ */ o("div", { className: "ui-textarea-counter", "aria-hidden": "true", children: `${n?.length ?? 0}${a ? ` / ${a}` : ""}` })
+      (w || a) && /* @__PURE__ */ f("div", { className: "nui-textarea-counter", "aria-hidden": "true", children: [
+        d.length,
+        a ? ` / ${a}` : ""
+      ] })
     ] });
   }
 );
-w.displayName = "Textarea";
+A.displayName = "Textarea";
 export {
-  w as Textarea,
-  w as default
+  A as Textarea
 };
 //# sourceMappingURL=Textarea.js.map

package/dist/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["/**\r\n * Textarea.tsx\r\n * -------------\r\n * Advanced, accessible textarea (auto-grow).\r\n *\r\n * Features:\r\n * - auto-resize (autoGrow)\r\n * - controlled / uncontrolled modes\r\n * - maxLength + optional character counter\r\n * - disabled, readOnly, required support\r\n * - aria-describedby linking for error / help text\r\n * - identical coding style to your existing library\r\n */\r\n\r\nimport React, {\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useState,\r\n  forwardRef,\r\n  useImperativeHandle,\r\n} from 'react';\r\n\r\nimport './Textarea.css';\r\n\r\nexport interface TextareaProps\r\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\r\n  /** Show character counter */\r\n  showCount?: boolean;\r\n\r\n  /** Enable auto resizing of height */\r\n  autoGrow?: boolean;\r\n\r\n  /** Visual error state */\r\n  error?: boolean;\r\n\r\n  /** Used for aria-describedby */\r\n  helperId?: string;\r\n}\r\n\r\n/* Auto-grow helper */\r\nfunction syncHeight(el: HTMLTextAreaElement | null) {\r\n  if (!el) return;\r\n  el.style.height = '0px'; // reset first\r\n  el.style.height = `${el.scrollHeight}px`;\r\n}\r\n\r\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  (\r\n    {\r\n      value,\r\n      defaultValue,\r\n      onChange,\r\n      className = '',\r\n      maxLength,\r\n      showCount = false,\r\n      autoGrow = true,\r\n      disabled = false,\r\n      readOnly = false,\r\n      required = false,\r\n      error = false,\r\n      id,\r\n      name,\r\n      placeholder,\r\n      helperId,\r\n      rows = 3,\r\n      ...rest\r\n    },\r\n    ref\r\n  ) => {\r\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\r\n\r\n    useImperativeHandle(ref, () => {\r\n      return innerRef.current ?? document.createElement('textarea');\r\n    });\r\n\r\n    const isControlled = value !== undefined;\r\n\r\n    const [internalValue, setInternalValue] = useState<string>(\r\n      () => (defaultValue as string) || ''\r\n    );\r\n\r\n    const currentValue = isControlled ? (value as string) : internalValue;\r\n\r\n    /* Auto-grow on mount & updates */\r\n    const resize = useCallback(() => {\r\n      if (!autoGrow) return;\r\n      syncHeight(innerRef.current);\r\n    }, [autoGrow]);\r\n\r\n    useEffect(() => {\r\n      resize();\r\n      const t = setTimeout(resize, 0);\r\n      return () => clearTimeout(t);\r\n    }, [resize]);\r\n\r\n    useEffect(() => {\r\n      resize();\r\n    }, [currentValue, resize]);\r\n\r\n    /* On change */\r\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n      if (!isControlled) setInternalValue(e.target.value);\r\n      onChange?.(e);\r\n\r\n      if (autoGrow) syncHeight(e.target);\r\n    };\r\n\r\n    const describedBy = helperId || undefined;\r\n\r\n    return (\r\n      <div className={`ui-textarea-wrapper ${className}`}>\r\n        <textarea\r\n          ref={innerRef}\r\n          id={id}\r\n          name={name}\r\n          className={`ui-textarea ${error ? 'ui-textarea--error' : ''}`}\r\n          value={currentValue}\r\n          defaultValue={defaultValue as string | undefined}\r\n          onChange={handleChange}\r\n          maxLength={maxLength}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          required={required}\r\n          aria-invalid={error || undefined}\r\n          aria-describedby={describedBy}\r\n          placeholder={placeholder}\r\n          rows={rows}\r\n          {...rest}\r\n        />\r\n\r\n        {(showCount || maxLength) && (\r\n          <div className=\"ui-textarea-counter\" aria-hidden=\"true\">\r\n            {`${currentValue?.length ?? 0}${\r\n              maxLength ? ` / ${maxLength}` : ''\r\n            }`}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nTextarea.displayName = 'Textarea';\r\n\r\nexport default Textarea;\r\n"],"names":["syncHeight","el","Textarea","forwardRef","value","defaultValue","onChange","className","maxLength","showCount","autoGrow","disabled","readOnly","required","error","id","name","placeholder","helperId","rows","rest","ref","innerRef","useRef","useImperativeHandle","isControlled","internalValue","setInternalValue","useState","currentValue","resize","useCallback","useEffect","t","handleChange","e","describedBy","jsxs","jsx"],"mappings":";;;AAyCA,SAASA,EAAWC,GAAgC;AAClD,EAAKA,MACLA,EAAG,MAAM,SAAS,OAClBA,EAAG,MAAM,SAAS,GAAGA,EAAG,YAAY;AACtC;AAEO,MAAMC,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWC,EAAmC,IAAI;AAExD,IAAAC,EAAoBH,GAAK,MAChBC,EAAS,WAAW,SAAS,cAAc,UAAU,CAC7D;AAED,UAAMG,IAAerB,MAAU,QAEzB,CAACsB,GAAeC,CAAgB,IAAIC;AAAA,MACxC,MAAOvB,KAA2B;AAAA,IAAA,GAG9BwB,IAAeJ,IAAgBrB,IAAmBsB,GAGlDI,IAASC,EAAY,MAAM;AAC/B,MAAKrB,KACLV,EAAWsB,EAAS,OAAO;AAAA,IAC7B,GAAG,CAACZ,CAAQ,CAAC;AAEb,IAAAsB,EAAU,MAAM;AACd,MAAAF,EAAA;AACA,YAAMG,IAAI,WAAWH,GAAQ,CAAC;AAC9B,aAAO,MAAM,aAAaG,CAAC;AAAA,IAC7B,GAAG,CAACH,CAAM,CAAC,GAEXE,EAAU,MAAM;AACd,MAAAF,EAAA;AAAA,IACF,GAAG,CAACD,GAAcC,CAAM,CAAC;AAGzB,UAAMI,IAAe,CAACC,MAA8C;AAClE,MAAKV,KAAcE,EAAiBQ,EAAE,OAAO,KAAK,GAClD7B,IAAW6B,CAAC,GAERzB,KAAUV,EAAWmC,EAAE,MAAM;AAAA,IACnC,GAEMC,IAAclB,KAAY;AAEhC,WACE,gBAAAmB,EAAC,OAAA,EAAI,WAAW,uBAAuB9B,CAAS,IAC9C,UAAA;AAAA,MAAA,gBAAA+B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKhB;AAAA,UACL,IAAAP;AAAA,UACA,MAAAC;AAAA,UACA,WAAW,eAAeF,IAAQ,uBAAuB,EAAE;AAAA,UAC3D,OAAOe;AAAA,UACP,cAAAxB;AAAA,UACA,UAAU6B;AAAA,UACV,WAAA1B;AAAA,UACA,UAAAG;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,gBAAcC,KAAS;AAAA,UACvB,oBAAkBsB;AAAA,UAClB,aAAAnB;AAAA,UACA,MAAAE;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,OAGJX,KAAaD,MACb,gBAAA8B,EAAC,SAAI,WAAU,uBAAsB,eAAY,QAC9C,UAAA,GAAGT,GAAc,UAAU,CAAC,GAC3BrB,IAAY,MAAMA,CAAS,KAAK,EAClC,GAAA,CACF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAN,EAAS,cAAc;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport React, {\n  useRef,\n  useEffect,\n  useCallback,\n  useState,\n  forwardRef,\n} from 'react';\nimport { cn } from '../../utils';\nimport './Textarea.css';\n\n/* ============================================================\n * Types\n * ============================================================ */\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Displays a character counter below the textarea */\n  showCount?: boolean;\n  /** Enables automatic vertical resizing based on content. Defaults to true. */\n  autoGrow?: boolean;\n  /** Applies visual error styling and WAI-ARIA invalid states */\n  error?: boolean;\n  /** The ID of the element describing this input (for screen readers) */\n  helperId?: string;\n}\n\n/* ============================================================\n * Component\n * ============================================================ */\n\n/**\n * Textarea Component\n * * A multi-line text input that supports automatic resizing and character counting.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      className,\n      maxLength,\n      showCount = false,\n      autoGrow = true,\n      disabled = false,\n      readOnly = false,\n      required = false,\n      error = false,\n      id,\n      name,\n      placeholder,\n      helperId,\n      rows = 3,\n      ...rest\n    },\n    ref \n  ) => {\n    // Internal ref required for the auto-grow math calculations\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const isControlled = value !== undefined;\n    \n    // Manage local state for uncontrolled inputs\n    const [internalValue, setInternalValue] = useState<string>(\n      () => (defaultValue as string) || ''\n    );\n    const currentValue = isControlled ? value : internalValue;\n    \n    // Ensure we always have a string to prevent .length crashes on undefined\n    const safeValue = String(currentValue ?? '');\n\n    /* ----------------------------------------------------\n       Ref Merging Logic\n    ---------------------------------------------------- */\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    /* ----------------------------------------------------\n       Auto-Grow Logic\n    ---------------------------------------------------- */\n    const resize = useCallback(() => {\n      if (!autoGrow || !innerRef.current) return;\n      \n      const el = innerRef.current;\n      // Capture current scroll position to prevent page jumping during DOM manipulation\n      const scrollY = window.scrollY;\n      \n      // Reset height to 'auto' to force the browser to recalculate the true scrollHeight\n      el.style.height = 'auto';\n      // Set to new scrollHeight + a tiny buffer to account for border widths\n      el.style.height = `${el.scrollHeight + 2}px`;\n      \n      window.scrollTo(0, scrollY);\n    }, [autoGrow]);\n\n    // Resize on mount and when the window resizes\n    useEffect(() => {\n      resize();\n      window.addEventListener('resize', resize);\n      return () => window.removeEventListener('resize', resize);\n    }, [resize]);\n\n    // Resize when value changes (e.g., user typing, or incoming API data)\n    useEffect(() => {\n      resize();\n    }, [safeValue, resize]);\n\n    /* ----------------------------------------------------\n       Event Handlers\n    ---------------------------------------------------- */\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInternalValue(e.target.value);\n      onChange?.(e);\n      if (autoGrow) resize();\n    };\n\n    /* ----------------------------------------------------\n       Render\n    ---------------------------------------------------- */\n    return (\n      <div className={cn(\"nui-textarea-root\", className)}>\n        <textarea\n          ref={setRefs}\n          id={id}\n          name={name}\n          value={currentValue}\n          defaultValue={!isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          maxLength={maxLength}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-invalid={error || undefined}\n          aria-describedby={helperId}\n          placeholder={placeholder}\n          rows={rows}\n          className={cn(\n            \"nui-textarea\",\n            error && \"nui-textarea--error\",\n            autoGrow && \"nui-textarea--autogrow\"\n          )}\n          {...rest}\n        />\n\n        {(showCount || maxLength) && (\n          <div className=\"nui-textarea-counter\" aria-hidden=\"true\">\n            {safeValue.length}\n            {maxLength ? ` / ${maxLength}` : ''}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';"],"names":["Textarea","forwardRef","value","defaultValue","onChange","className","maxLength","showCount","autoGrow","disabled","readOnly","required","error","id","name","placeholder","helperId","rows","rest","ref","innerRef","useRef","isControlled","internalValue","setInternalValue","useState","currentValue","safeValue","setRefs","useCallback","node","resize","el","scrollY","useEffect","handleChange","cn","jsx","jsxs"],"mappings":";;;;AAoCO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AAEH,UAAMC,IAAWC,EAAmC,IAAI,GAClDC,IAAepB,MAAU,QAGzB,CAACqB,GAAeC,CAAgB,IAAIC;AAAA,MACxC,MAAOtB,KAA2B;AAAA,IAAA,GAE9BuB,IAAeJ,IAAepB,IAAQqB,GAGtCI,IAAY,OAAOD,KAAgB,EAAE,GAKrCE,IAAUC;AAAA,MACd,CAACC,MAAqC;AACpC,QAAAV,EAAS,UAAUU,GACf,OAAOX,KAAQ,aACjBA,EAAIW,CAAI,IACCX,MACRA,EAA2D,UAAUW;AAAA,MAE1E;AAAA,MACA,CAACX,CAAG;AAAA,IAAA,GAMAY,IAASF,EAAY,MAAM;AAC/B,UAAI,CAACrB,KAAY,CAACY,EAAS,QAAS;AAEpC,YAAMY,IAAKZ,EAAS,SAEda,IAAU,OAAO;AAGvB,MAAAD,EAAG,MAAM,SAAS,QAElBA,EAAG,MAAM,SAAS,GAAGA,EAAG,eAAe,CAAC,MAExC,OAAO,SAAS,GAAGC,CAAO;AAAA,IAC5B,GAAG,CAACzB,CAAQ,CAAC;AAGb,IAAA0B,EAAU,OACRH,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAM,GACjC,MAAM,OAAO,oBAAoB,UAAUA,CAAM,IACvD,CAACA,CAAM,CAAC,GAGXG,EAAU,MAAM;AACd,MAAAH,EAAA;AAAA,IACF,GAAG,CAACJ,GAAWI,CAAM,CAAC;AAKtB,UAAMI,IAAe,CAAC,MAA8C;AAClE,MAAKb,KAAcE,EAAiB,EAAE,OAAO,KAAK,GAClDpB,IAAW,CAAC,GACRI,KAAUuB,EAAA;AAAA,IAChB;AAKA,6BACG,OAAA,EAAI,WAAWK,EAAG,qBAAqB/B,CAAS,GAC/C,UAAA;AAAA,MAAA,gBAAAgC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKT;AAAA,UACL,IAAAf;AAAA,UACA,MAAAC;AAAA,UACA,OAAOY;AAAA,UACP,cAAeJ,IAA2BnB,IAAZ;AAAA,UAC9B,UAAUgC;AAAA,UACV,WAAA7B;AAAA,UACA,UAAAG;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,gBAAcC,KAAS;AAAA,UACvB,oBAAkBI;AAAA,UAClB,aAAAD;AAAA,UACA,MAAAE;AAAA,UACA,WAAWmB;AAAA,YACT;AAAA,YACAxB,KAAS;AAAA,YACTJ,KAAY;AAAA,UAAA;AAAA,UAEb,GAAGU;AAAA,QAAA;AAAA,MAAA;AAAA,OAGJX,KAAaD,MACb,gBAAAgC,EAAC,SAAI,WAAU,wBAAuB,eAAY,QAC/C,UAAA;AAAA,QAAAX,EAAU;AAAA,QACVrB,IAAY,MAAMA,CAAS,KAAK;AAAA,MAAA,EAAA,CACnC;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAN,EAAS,cAAc;"}

package/dist/components/timepicker/TimePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react");;/* empty css                 */const H=require("../../utils/onclickoutside/onClickOutside.cjs"),_=require("../../utils/restorefocus/restoreFocus.cjs"),N=require("../../utils/cn/cn.cjs"),G=require("../../utils/portal/portal.cjs"),m=l=>String(l).padStart(2,"0");function L(l,g=12){if(!l)return null;const[d,s]=l.split(":");let n=parseInt(d,10);const f=parseInt(s,10);if(isNaN(n)||isNaN(f))return null;if(g===24)return{hour:n,minute:f,ampm:null};const R=n>=12?"PM":"AM";return n=n%12,n=n||12,{hour:n,minute:f,ampm:R}}function J(l,g,d,s){let n=l;return s===12&&(d==="PM"&&n<12&&(n+=12),d==="AM"&&n===12&&(n=0)),`${m(n)}:${m(g)}`}const A=i.forwardRef(({value:l,defaultValue:g,onChange:d,clockType:s=12,minuteStep:n=1,placeholder:f="Select time",id:R,className:y,name:C,disabled:I=!1,...O},B)=>{const E=l!==void 0,[z,F]=i.useState(g),j=E?l:z,[o,M]=i.useState(!1),p=i.useRef(null),v=i.useRef(null),P=i.useRef(null),S=i.useRef(null),$=i.useRef(null),a=L(j,s)||{hour:s===12?12:0,minute:0,ampm:"AM"};i.useEffect(()=>o?H.onClickOutside([v,p],()=>M(!1)):void 0,[o]),i.useEffect(()=>{!o&&p.current&&_.restoreFocus(p.current)},[o]);const[q,T]=i.useState({top:-9999,left:-9999}),h=i.useCallback(()=>{if(!p.current||!v.current)return;const e=p.current.getBoundingClientRect(),t=v.current.getBoundingClientRect(),c=window.scrollY,u=window.scrollX;let w=e.bottom+c+8,k=e.left+u;const x=16,Y=document.documentElement.clientWidth-t.width-x;k>Y+u&&(k=e.right+u-t.width,k<x+u&&(k=x+u));const D=document.documentElement.clientHeight-t.height-x;e.bottom+8>D&&(w=e.top+c-t.height-8,w<x+c&&(w=x+c)),T({top:w,left:k})},[]);i.useLayoutEffect(()=>{if(o)return h(),window.addEventListener("resize",h),window.addEventListener("scroll",h,!0),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h,!0)}},[o,h]),i.useEffect(()=>{if(!o)return;const e=setTimeout(()=>{[P,S,$].forEach(t=>{if(!t.current)return;const c=t.current.querySelector(".selected");c&&c.scrollIntoView({block:"center",behavior:"instant"})})},0);return()=>clearTimeout(e)},[o]);const V=i.useMemo(()=>{const e=s===12?12:24,t=s===12?1:0;return Array.from({length:e}).map((c,u)=>t+u)},[s]),W=i.useMemo(()=>{const e=[];for(let t=0;t<60;t+=n)e.push(t);return e},[n]),b=(e,t,c)=>{const u=J(e,t,c,s);E||F(u),d?.(u)},X=()=>{if(!j)return f;const e=L(j,s);return e?s===12?`${m(e.hour)}:${m(e.minute)} ${e.ampm}`:`${m(e.hour)}:${m(e.minute)}`:f};return r.jsxs("div",{ref:B,className:N.cn("nui-timepicker-root",y),...O,children:[C&&r.jsx("input",{type:"hidden",name:C,value:j??""}),r.jsxs("button",{id:R,ref:p,type:"button",disabled:I,className:"nui-timepicker-trigger","aria-haspopup":"dialog","aria-expanded":o,onClick:()=>M(e=>!e),children:[r.jsx("span",{className:j?"":"nui-timepicker-placeholder",children:X()}),r.jsxs("svg",{className:"nui-timepicker-icon",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[r.jsx("circle",{cx:"12",cy:"12",r:"10"}),r.jsx("polyline",{points:"12 6 12 12 16 14"})]})]}),o&&r.jsx(G.Portal,{children:r.jsx("div",{ref:v,className:"nui-timepicker-popover",style:{position:"absolute",top:q.top,left:q.left},children:r.jsx("div",{className:"nui-timepicker-panel",children:r.jsxs("div",{className:"nui-timepicker-columns",children:[r.jsx("div",{className:"nui-timepicker-col",ref:P,children:V.map(e=>{const t=a.hour===e;return r.jsx("button",{className:N.cn("nui-timepicker-item",t&&"selected"),onClick:()=>b(e,a.minute,a.ampm),children:m(e)},`h-${e}`)})}),r.jsx("div",{className:"nui-timepicker-col",ref:S,children:W.map(e=>{const t=a.minute===e;return r.jsx("button",{className:N.cn("nui-timepicker-item",t&&"selected"),onClick:()=>b(a.hour,e,a.ampm),children:m(e)},`m-${e}`)})}),s===12&&r.jsx("div",{className:"nui-timepicker-col",ref:$,children:["AM","PM"].map(e=>{const t=a.ampm===e;return r.jsx("button",{className:N.cn("nui-timepicker-item",t&&"selected"),onClick:()=>b(a.hour,a.minute,e),children:e},e)})})]})})})})]})});A.displayName="TimePicker";exports.TimePicker=A;
+//# sourceMappingURL=TimePicker.cjs.map

package/dist/components/timepicker/TimePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.cjs","sources":["../../../src/components/timepicker/TimePicker.tsx"],"sourcesContent":["\"use client\";\n\nimport React, {\n  useState,\n  useRef,\n  useEffect,\n  useMemo,\n  useCallback,\n  useLayoutEffect,\n  forwardRef,\n} from 'react';\nimport { cn } from '../../utils';\nimport { Portal, onClickOutside, restoreFocus } from '../../utils';\nimport './TimePicker.css';\n\n/* ----------------------------------------------------\n   Helpers\n---------------------------------------------------- */\nconst pad = (n: number | string) => String(n).padStart(2, '0');\n\ninterface ParsedTime {\n  hour: number;\n  minute: number;\n  ampm: 'AM' | 'PM' | null;\n}\n\nfunction parseTime(timeStr?: string, clockType: 12 | 24 = 12): ParsedTime | null {\n  if (!timeStr) return null;\n  const [hStr, mStr] = timeStr.split(':');\n  let h = parseInt(hStr, 10);\n  const m = parseInt(mStr, 10);\n\n  if (isNaN(h) || isNaN(m)) return null;\n\n  if (clockType === 24) {\n    return { hour: h, minute: m, ampm: null };\n  }\n\n  const ampm: 'AM' | 'PM' = h >= 12 ? 'PM' : 'AM';\n  h = h % 12;\n  h = h ? h : 12; \n  return { hour: h, minute: m, ampm };\n}\n\n// Converts 12h/24h selections back into standard HH:mm HTML format\nfunction buildTime(hour: number, minute: number, ampm: 'AM' | 'PM' | null, clockType: 12 | 24) {\n  let h = hour;\n  if (clockType === 12) {\n    if (ampm === 'PM' && h < 12) h += 12;\n    if (ampm === 'AM' && h === 12) h = 0;\n  }\n  return `${pad(h)}:${pad(minute)}`;\n}\n\n/* ----------------------------------------------------\n   Types\n---------------------------------------------------- */\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value' | 'defaultValue'> {\n  /** Standard HTML5 time format: HH:mm (24-hour format internally) */\n  value?: string; \n  /** Uncontrolled default time */\n  defaultValue?: string;\n  /** Callback fired when a time segment is selected */\n  onChange?: (v: string) => void;\n  \n  /** 12-hour or 24-hour clock formatting. Defaults to 12. */\n  clockType?: 12 | 24;\n  /** Step interval for the minute column. Defaults to 1. */\n  minuteStep?: number; \n  \n  /** Placeholder text when empty */\n  placeholder?: string;\n  /** Name attribute for the hidden input (for native forms) */\n  name?: string;\n  /** Disables the time picker trigger */\n  disabled?: boolean;\n}\n\n/* ----------------------------------------------------\n   Component\n---------------------------------------------------- */\n\n/**\n * TimePicker Component\n * * A highly usable dropdown for selecting hours, minutes, and periods.\n * * Uses smart positioning and automatic scroll-to-selected logic.\n */\nexport const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(({\n  value,\n  defaultValue,\n  onChange,\n  clockType = 12,\n  minuteStep = 1,\n  placeholder = 'Select time',\n  id,\n  className,\n  name,\n  disabled = false,\n  ...props\n}, ref) => {\n  const controlled = value !== undefined;\n  const [internal, setInternal] = useState<string | undefined>(defaultValue);\n  const selectedTime = controlled ? value : internal;\n\n  const [open, setOpen] = useState(false);\n\n  // Refs for positioning and click-outside\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const popRef = useRef<HTMLDivElement | null>(null);\n\n  // Refs for scroll columns\n  const hourColRef = useRef<HTMLDivElement | null>(null);\n  const minColRef = useRef<HTMLDivElement | null>(null);\n  const ampmColRef = useRef<HTMLDivElement | null>(null);\n\n  // Parse current selection for UI\n  const parsed = parseTime(selectedTime, clockType) || {\n    hour: clockType === 12 ? 12 : 0,\n    minute: 0,\n    ampm: 'AM' as const,\n  };\n\n  /* ----------------------------------------------------\n     Click outside & Restore Focus\n  ---------------------------------------------------- */\n  useEffect(() => {\n    if (!open) return;\n    const cleanup = onClickOutside([popRef, triggerRef], () => setOpen(false));\n    return cleanup;\n  }, [open]);\n\n  useEffect(() => {\n    if (!open && triggerRef.current) restoreFocus(triggerRef.current);\n  }, [open]);\n\n  /* ----------------------------------------------------\n     Smart Popover Position (with collision math)\n  ---------------------------------------------------- */\n  const [coords, setCoords] = useState({ top: -9999, left: -9999 });\n\n  const updatePosition = useCallback(() => {\n    if (!triggerRef.current || !popRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const popRect = popRef.current.getBoundingClientRect();\n    const scrollY = window.scrollY;\n    const scrollX = window.scrollX;\n\n    let top = triggerRect.bottom + scrollY + 8;\n    let left = triggerRect.left + scrollX;\n    const padding = 16;\n\n    // X-Axis Clamp\n    const maxLeft = document.documentElement.clientWidth - popRect.width - padding;\n    if (left > maxLeft + scrollX) {\n      left = triggerRect.right + scrollX - popRect.width;\n      if (left < padding + scrollX) left = padding + scrollX;\n    }\n\n    // Y-Axis Clamp (Hard Top Clamp included)\n    const maxTop = document.documentElement.clientHeight - popRect.height - padding;\n    if (triggerRect.bottom + 8 > maxTop) {\n      top = triggerRect.top + scrollY - popRect.height - 8;\n      if (top < padding + scrollY) top = padding + scrollY;\n    }\n\n    setCoords({ top, left });\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', updatePosition, true);\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [open, updatePosition]);\n\n  /* ----------------------------------------------------\n     Auto-Scroll to Selected Item\n  ---------------------------------------------------- */\n  useEffect(() => {\n    if (!open) return;\n    // Wait a tick for the popover to render and measure\n    const timer = setTimeout(() => {\n      [hourColRef, minColRef, ampmColRef].forEach((colRef) => {\n        if (!colRef.current) return;\n        const selectedEl = colRef.current.querySelector('.selected');\n        if (selectedEl) {\n          selectedEl.scrollIntoView({ block: 'center', behavior: 'instant' });\n        }\n      });\n    }, 0);\n    return () => clearTimeout(timer);\n  }, [open]);\n\n  /* ----------------------------------------------------\n     Column Generation\n  ---------------------------------------------------- */\n  const hours = useMemo(() => {\n    const length = clockType === 12 ? 12 : 24;\n    const start = clockType === 12 ? 1 : 0;\n    return Array.from({ length }).map((_, i) => start + i);\n  }, [clockType]);\n\n  const minutes = useMemo(() => {\n    const arr = [];\n    for (let i = 0; i < 60; i += minuteStep) arr.push(i);\n    return arr;\n  }, [minuteStep]);\n\n  /* ----------------------------------------------------\n     Commit Selections\n  ---------------------------------------------------- */\n  const commit = (h: number, m: number, a: 'AM' | 'PM' | null) => {\n    const newVal = buildTime(h, m, a, clockType);\n    if (!controlled) setInternal(newVal);\n    onChange?.(newVal);\n  };\n\n  /* ----------------------------------------------------\n     Display Label\n  ---------------------------------------------------- */\n  const formatDisplay = () => {\n    if (!selectedTime) return placeholder;\n    const p = parseTime(selectedTime, clockType);\n    if (!p) return placeholder;\n    return clockType === 12 \n      ? `${pad(p.hour)}:${pad(p.minute)} ${p.ampm}`\n      : `${pad(p.hour)}:${pad(p.minute)}`;\n  };\n\n  /* ----------------------------------------------------\n     Render\n  ---------------------------------------------------- */\n  return (\n    <div ref={ref} className={cn(\"nui-timepicker-root\", className)} {...props}>\n      {name && <input type=\"hidden\" name={name} value={selectedTime ?? ''} />}\n\n      <button\n        id={id}\n        ref={triggerRef}\n        type=\"button\"\n        disabled={disabled}\n        className=\"nui-timepicker-trigger\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        onClick={() => setOpen((s) => !s)}\n      >\n        <span className={!selectedTime ? \"nui-timepicker-placeholder\" : \"\"}>\n          {formatDisplay()}\n        </span>\n        <svg className=\"nui-timepicker-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n          <polyline points=\"12 6 12 12 16 14\"></polyline>\n        </svg>\n      </button>\n\n      {open && (\n        <Portal>\n          <div\n            ref={popRef}\n            className=\"nui-timepicker-popover\"\n            style={{ position: 'absolute', top: coords.top, left: coords.left }}\n          >\n            <div className=\"nui-timepicker-panel\">\n              <div className=\"nui-timepicker-columns\">\n                \n                {/* HOURS */}\n                <div className=\"nui-timepicker-col\" ref={hourColRef}>\n                  {hours.map((h) => {\n                    const sel = parsed.hour === h;\n                    return (\n                      <button\n                        key={`h-${h}`}\n                        className={cn(\"nui-timepicker-item\", sel && \"selected\")}\n                        onClick={() => commit(h, parsed.minute, parsed.ampm)}\n                      >\n                        {pad(h)}\n                      </button>\n                    );\n                  })}\n                </div>\n\n                {/* MINUTES */}\n                <div className=\"nui-timepicker-col\" ref={minColRef}>\n                  {minutes.map((m) => {\n                    const sel = parsed.minute === m;\n                    return (\n                      <button\n                        key={`m-${m}`}\n                        className={cn(\"nui-timepicker-item\", sel && \"selected\")}\n                        onClick={() => commit(parsed.hour, m, parsed.ampm)}\n                      >\n                        {pad(m)}\n                      </button>\n                    );\n                  })}\n                </div>\n\n                {/* AM / PM (Only for 12h clock) */}\n                {clockType === 12 && (\n                  <div className=\"nui-timepicker-col\" ref={ampmColRef}>\n                    {(['AM', 'PM'] as const).map((a) => {\n                      const sel = parsed.ampm === a;\n                      return (\n                        <button\n                          key={a}\n                          className={cn(\"nui-timepicker-item\", sel && \"selected\")}\n                          onClick={() => commit(parsed.hour, parsed.minute, a)}\n                        >\n                          {a}\n                        </button>\n                      );\n                    })}\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        </Portal>\n      )}\n    </div>\n  );\n});\n\nTimePicker.displayName = 'TimePicker';"],"names":["pad","n","parseTime","timeStr","clockType","hStr","mStr","h","m","ampm","buildTime","hour","minute","TimePicker","forwardRef","value","defaultValue","onChange","minuteStep","placeholder","id","className","name","disabled","props","ref","controlled","internal","setInternal","useState","selectedTime","open","setOpen","triggerRef","useRef","popRef","hourColRef","minColRef","ampmColRef","parsed","useEffect","onClickOutside","restoreFocus","coords","setCoords","updatePosition","useCallback","triggerRect","popRect","scrollY","scrollX","top","left","padding","maxLeft","maxTop","useLayoutEffect","timer","colRef","selectedEl","hours","useMemo","length","start","_","i","minutes","arr","commit","a","newVal","formatDisplay","p","jsxs","cn","s","jsx","Portal","sel"],"mappings":"8WAkBMA,EAAOC,GAAuB,OAAOA,CAAC,EAAE,SAAS,EAAG,GAAG,EAQ7D,SAASC,EAAUC,EAAkBC,EAAqB,GAAuB,CAC/E,GAAI,CAACD,EAAS,OAAO,KACrB,KAAM,CAACE,EAAMC,CAAI,EAAIH,EAAQ,MAAM,GAAG,EACtC,IAAII,EAAI,SAASF,EAAM,EAAE,EACzB,MAAMG,EAAI,SAASF,EAAM,EAAE,EAE3B,GAAI,MAAMC,CAAC,GAAK,MAAMC,CAAC,EAAG,OAAO,KAEjC,GAAIJ,IAAc,GAChB,MAAO,CAAE,KAAMG,EAAG,OAAQC,EAAG,KAAM,IAAA,EAGrC,MAAMC,EAAoBF,GAAK,GAAK,KAAO,KAC3C,OAAAA,EAAIA,EAAI,GACRA,EAAIA,GAAQ,GACL,CAAE,KAAMA,EAAG,OAAQC,EAAG,KAAAC,CAAA,CAC/B,CAGA,SAASC,EAAUC,EAAcC,EAAgBH,EAA0BL,EAAoB,CAC7F,IAAIG,EAAII,EACR,OAAIP,IAAc,KACZK,IAAS,MAAQF,EAAI,KAAIA,GAAK,IAC9BE,IAAS,MAAQF,IAAM,KAAIA,EAAI,IAE9B,GAAGP,EAAIO,CAAC,CAAC,IAAIP,EAAIY,CAAM,CAAC,EACjC,CAmCO,MAAMC,EAAaC,EAAAA,WAA4C,CAAC,CACrE,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAb,EAAY,GACZ,WAAAc,EAAa,EACb,YAAAC,EAAc,cACd,GAAAC,EACA,UAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,CACL,EAAGC,IAAQ,CACT,MAAMC,EAAaX,IAAU,OACvB,CAACY,EAAUC,CAAW,EAAIC,EAAAA,SAA6Bb,CAAY,EACnEc,EAAeJ,EAAaX,EAAQY,EAEpC,CAACI,EAAMC,CAAO,EAAIH,EAAAA,SAAS,EAAK,EAGhCI,EAAaC,EAAAA,OAAiC,IAAI,EAClDC,EAASD,EAAAA,OAA8B,IAAI,EAG3CE,EAAaF,EAAAA,OAA8B,IAAI,EAC/CG,EAAYH,EAAAA,OAA8B,IAAI,EAC9CI,EAAaJ,EAAAA,OAA8B,IAAI,EAG/CK,EAASrC,EAAU4B,EAAc1B,CAAS,GAAK,CACnD,KAAMA,IAAc,GAAK,GAAK,EAC9B,OAAQ,EACR,KAAM,IAAA,EAMRoC,EAAAA,UAAU,IACHT,EACWU,EAAAA,eAAe,CAACN,EAAQF,CAAU,EAAG,IAAMD,EAAQ,EAAK,CAAC,EAD9D,OAGV,CAACD,CAAI,CAAC,EAETS,EAAAA,UAAU,IAAM,CACV,CAACT,GAAQE,EAAW,SAASS,EAAAA,aAAaT,EAAW,OAAO,CAClE,EAAG,CAACF,CAAI,CAAC,EAKT,KAAM,CAACY,EAAQC,CAAS,EAAIf,EAAAA,SAAS,CAAE,IAAK,MAAO,KAAM,MAAO,EAE1DgB,EAAiBC,EAAAA,YAAY,IAAM,CACvC,GAAI,CAACb,EAAW,SAAW,CAACE,EAAO,QAAS,OAE5C,MAAMY,EAAcd,EAAW,QAAQ,sBAAA,EACjCe,EAAUb,EAAO,QAAQ,sBAAA,EACzBc,EAAU,OAAO,QACjBC,EAAU,OAAO,QAEvB,IAAIC,EAAMJ,EAAY,OAASE,EAAU,EACrCG,EAAOL,EAAY,KAAOG,EAC9B,MAAMG,EAAU,GAGVC,EAAU,SAAS,gBAAgB,YAAcN,EAAQ,MAAQK,EACnED,EAAOE,EAAUJ,IACnBE,EAAOL,EAAY,MAAQG,EAAUF,EAAQ,MACzCI,EAAOC,EAAUH,IAASE,EAAOC,EAAUH,IAIjD,MAAMK,EAAS,SAAS,gBAAgB,aAAeP,EAAQ,OAASK,EACpEN,EAAY,OAAS,EAAIQ,IAC3BJ,EAAMJ,EAAY,IAAME,EAAUD,EAAQ,OAAS,EAC/CG,EAAME,EAAUJ,IAASE,EAAME,EAAUJ,IAG/CL,EAAU,CAAE,IAAAO,EAAK,KAAAC,EAAM,CACzB,EAAG,CAAA,CAAE,EAELI,EAAAA,gBAAgB,IAAM,CACpB,GAAKzB,EACL,OAAAc,EAAA,EACA,OAAO,iBAAiB,SAAUA,CAAc,EAChD,OAAO,iBAAiB,SAAUA,EAAgB,EAAI,EAC/C,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAc,EACnD,OAAO,oBAAoB,SAAUA,EAAgB,EAAI,CAC3D,CACF,EAAG,CAACd,EAAMc,CAAc,CAAC,EAKzBL,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,EAAM,OAEX,MAAM0B,EAAQ,WAAW,IAAM,CAC7B,CAACrB,EAAYC,EAAWC,CAAU,EAAE,QAASoB,GAAW,CACtD,GAAI,CAACA,EAAO,QAAS,OACrB,MAAMC,EAAaD,EAAO,QAAQ,cAAc,WAAW,EACvDC,GACFA,EAAW,eAAe,CAAE,MAAO,SAAU,SAAU,UAAW,CAEtE,CAAC,CACH,EAAG,CAAC,EACJ,MAAO,IAAM,aAAaF,CAAK,CACjC,EAAG,CAAC1B,CAAI,CAAC,EAKT,MAAM6B,EAAQC,EAAAA,QAAQ,IAAM,CAC1B,MAAMC,EAAS1D,IAAc,GAAK,GAAK,GACjC2D,EAAQ3D,IAAc,GAAK,EAAI,EACrC,OAAO,MAAM,KAAK,CAAE,OAAA0D,EAAQ,EAAE,IAAI,CAACE,EAAGC,IAAMF,EAAQE,CAAC,CACvD,EAAG,CAAC7D,CAAS,CAAC,EAER8D,EAAUL,EAAAA,QAAQ,IAAM,CAC5B,MAAMM,EAAM,CAAA,EACZ,QAASF,EAAI,EAAGA,EAAI,GAAIA,GAAK/C,EAAYiD,EAAI,KAAKF,CAAC,EACnD,OAAOE,CACT,EAAG,CAACjD,CAAU,CAAC,EAKTkD,EAAS,CAAC7D,EAAWC,EAAW6D,IAA0B,CAC9D,MAAMC,EAAS5D,EAAUH,EAAGC,EAAG6D,EAAGjE,CAAS,EACtCsB,GAAYE,EAAY0C,CAAM,EACnCrD,IAAWqD,CAAM,CACnB,EAKMC,EAAgB,IAAM,CAC1B,GAAI,CAACzC,EAAc,OAAOX,EAC1B,MAAMqD,EAAItE,EAAU4B,EAAc1B,CAAS,EAC3C,OAAKoE,EACEpE,IAAc,GACjB,GAAGJ,EAAIwE,EAAE,IAAI,CAAC,IAAIxE,EAAIwE,EAAE,MAAM,CAAC,IAAIA,EAAE,IAAI,GACzC,GAAGxE,EAAIwE,EAAE,IAAI,CAAC,IAAIxE,EAAIwE,EAAE,MAAM,CAAC,GAHpBrD,CAIjB,EAKA,OACEsD,OAAC,OAAI,IAAAhD,EAAU,UAAWiD,KAAG,sBAAuBrD,CAAS,EAAI,GAAGG,EACjE,SAAA,CAAAF,SAAS,QAAA,CAAM,KAAK,SAAS,KAAAA,EAAY,MAAOQ,GAAgB,GAAI,EAErE2C,EAAAA,KAAC,SAAA,CACC,GAAArD,EACA,IAAKa,EACL,KAAK,SACL,SAAAV,EACA,UAAU,yBACV,gBAAc,SACd,gBAAeQ,EACf,QAAS,IAAMC,EAAS2C,GAAM,CAACA,CAAC,EAEhC,SAAA,CAAAC,MAAC,QAAK,UAAY9C,EAA8C,GAA/B,6BAC9B,aACH,EACA2C,EAAAA,KAAC,OAAI,UAAU,sBAAsB,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,cAAY,OACzL,SAAA,CAAAG,MAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,EAC/BA,EAAAA,IAAC,WAAA,CAAS,OAAO,kBAAA,CAAmB,CAAA,CAAA,CACtC,CAAA,CAAA,CAAA,EAGD7C,SACE8C,SAAA,CACC,SAAAD,EAAAA,IAAC,MAAA,CACC,IAAKzC,EACL,UAAU,yBACV,MAAO,CAAE,SAAU,WAAY,IAAKQ,EAAO,IAAK,KAAMA,EAAO,IAAA,EAE7D,eAAC,MAAA,CAAI,UAAU,uBACb,SAAA8B,EAAAA,KAAC,MAAA,CAAI,UAAU,yBAGb,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAU,qBAAqB,IAAKxC,EACtC,SAAAwB,EAAM,IAAKrD,GAAM,CAChB,MAAMuE,EAAMvC,EAAO,OAAShC,EAC5B,OACEqE,EAAAA,IAAC,SAAA,CAEC,UAAWF,EAAAA,GAAG,sBAAuBI,GAAO,UAAU,EACtD,QAAS,IAAMV,EAAO7D,EAAGgC,EAAO,OAAQA,EAAO,IAAI,EAElD,WAAIhC,CAAC,CAAA,EAJD,KAAKA,CAAC,EAAA,CAOjB,CAAC,CAAA,CACH,EAGAqE,EAAAA,IAAC,OAAI,UAAU,qBAAqB,IAAKvC,EACtC,SAAA6B,EAAQ,IAAK1D,GAAM,CAClB,MAAMsE,EAAMvC,EAAO,SAAW/B,EAC9B,OACEoE,EAAAA,IAAC,SAAA,CAEC,UAAWF,EAAAA,GAAG,sBAAuBI,GAAO,UAAU,EACtD,QAAS,IAAMV,EAAO7B,EAAO,KAAM/B,EAAG+B,EAAO,IAAI,EAEhD,WAAI/B,CAAC,CAAA,EAJD,KAAKA,CAAC,EAAA,CAOjB,CAAC,CAAA,CACH,EAGCJ,IAAc,IACbwE,EAAAA,IAAC,MAAA,CAAI,UAAU,qBAAqB,IAAKtC,EACrC,SAAA,CAAC,KAAM,IAAI,EAAY,IAAK+B,GAAM,CAClC,MAAMS,EAAMvC,EAAO,OAAS8B,EAC5B,OACEO,EAAAA,IAAC,SAAA,CAEC,UAAWF,EAAAA,GAAG,sBAAuBI,GAAO,UAAU,EACtD,QAAS,IAAMV,EAAO7B,EAAO,KAAMA,EAAO,OAAQ8B,CAAC,EAElD,SAAAA,CAAA,EAJIA,CAAA,CAOX,CAAC,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CACF,CACF,CAAA,EAEJ,CAEJ,CAAC,EAEDxD,EAAW,YAAc"}