asterui 0.12.27 → 0.12.29

package/dist/components/Collapse.d.ts

@@ -1,25 +1,45 @@
 import { default as React } from 'react';
-export interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
-    children: React.ReactNode;
-    title?: React.ReactNode;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onChange?: (open: boolean) => void;
-    icon?: 'arrow' | 'plus' | 'none';
-}
-export interface CollapseTitleProps {
+export type CollapseSize = 'sm' | 'md' | 'lg';
+export type CollapseIconPosition = 'start' | 'end';
+export type CollapseCollapsible = 'header' | 'icon' | 'disabled';
+export interface CollapseItemType {
+    /** Unique key for the panel */
+    key: string | number;
+    /** Panel header/label */
+    label: React.ReactNode;
+    /** Panel content */
     children: React.ReactNode;
+    /** Extra element in the corner */
+    extra?: React.ReactNode;
+    /** Whether to show the arrow icon */
+    showArrow?: boolean;
+    /** Collapsible mode for this panel */
+    collapsible?: CollapseCollapsible;
+    /** Custom class name for this panel */
     className?: string;
 }
-export interface CollapseContentProps {
-    children: React.ReactNode;
-    className?: string;
+export interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Collapse items */
+    items?: CollapseItemType[];
+    /** Currently active panel keys (controlled) */
+    activeKey?: string | number | (string | number)[];
+    /** Default active panel keys (uncontrolled) */
+    defaultActiveKey?: string | number | (string | number)[];
+    /** Accordion mode - only one panel open at a time */
+    accordion?: boolean;
+    /** Show border around panels */
+    bordered?: boolean;
+    /** Ghost mode - transparent background */
+    ghost?: boolean;
+    /** Size variant */
+    size?: CollapseSize;
+    /** Icon type */
+    icon?: 'arrow' | 'plus' | 'none';
+    /** Icon placement */
+    expandIconPlacement?: CollapseIconPosition;
+    /** Callback when panels change */
+    onChange?: (activeKey: (string | number)[]) => void;
+    /** Test ID */
+    'data-testid'?: string;
 }
-declare function CollapseRoot({ children, title, open, defaultOpen, onChange, icon, className, ...rest }: CollapseProps): import("react/jsx-runtime").JSX.Element;
-declare function CollapseTitle({ children, className }: CollapseTitleProps): import("react/jsx-runtime").JSX.Element;
-declare function CollapseContent({ children, className }: CollapseContentProps): import("react/jsx-runtime").JSX.Element;
-export declare const Collapse: typeof CollapseRoot & {
-    Title: typeof CollapseTitle;
-    Content: typeof CollapseContent;
-};
-export {};
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/TimePicker.d.ts

@@ -8,5 +8,13 @@ export interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     disabled?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg';
     showSeconds?: boolean;
+    allowClear?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    status?: 'error' | 'warning';
+    'data-testid'?: string;
 }
-export declare const TimePicker: React.FC<TimePickerProps>;
+export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/index18.js

@@ -1,74 +1,115 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { useState as f, useId as v, createContext as N, useContext as w } from "react";
-const d = N(null);
-function g({
-  children: t,
-  title: s,
-  open: l,
-  defaultOpen: u = !1,
-  onChange: m,
-  icon: C = "arrow",
-  className: h = "",
-  ...c
-}) {
-  const [x, b] = f(u), e = l !== void 0 ? l : x, n = v(), a = () => {
-    const p = !e;
-    l === void 0 && b(p), m?.(p);
-  }, i = [
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as h, useState as z } from "react";
+const B = {
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+}, N = h(({ item: l, isOpen: s, onToggle: b, icon: c, expandIconPlacement: i, bordered: d, ghost: p, size: v, testId: f }, m) => {
+  const a = l.collapsible === "disabled", w = [
     "collapse",
-    "bg-base-200",
     {
       arrow: "collapse-arrow",
       plus: "collapse-plus",
       none: ""
-    }[C],
-    e && "collapse-open",
-    !e && "collapse-close",
-    h
-  ].filter(Boolean).join(" ");
-  return s !== void 0 ? /* @__PURE__ */ r("div", { className: i, "data-state": e ? "open" : "closed", ...c, children: [
-    /* @__PURE__ */ o(
-      "input",
-      {
-        type: "checkbox",
-        id: n,
-        className: "peer",
-        checked: e,
-        onChange: a,
-        style: { position: "absolute", opacity: 0, pointerEvents: "none" }
-      }
-    ),
-    /* @__PURE__ */ o("label", { htmlFor: n, className: "collapse-title text-xl font-medium", children: s }),
-    /* @__PURE__ */ o("div", { className: "collapse-content", children: t })
-  ] }) : /* @__PURE__ */ o(d.Provider, { value: { isOpen: e, toggle: a, checkboxId: n }, children: /* @__PURE__ */ r("div", { className: i, "data-state": e ? "open" : "closed", ...c, children: [
-    /* @__PURE__ */ o(
-      "input",
+    }[c],
+    s ? "collapse-open" : "collapse-close",
+    !p && "bg-base-200",
+    p && "bg-transparent",
+    d && "border border-base-300",
+    i === "end" && c !== "none" && "collapse-arrow-end",
+    B[v],
+    a && "opacity-50 cursor-not-allowed",
+    l.className
+  ].filter(Boolean).join(" "), u = () => {
+    a || b();
+  };
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: m,
+      className: w,
+      "data-testid": f ? `${f}-panel-${l.key}` : void 0,
+      "data-state": s ? "open" : "closed",
+      children: [
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: "collapse-title font-medium flex items-center justify-between cursor-pointer",
+            onClick: u,
+            role: "button",
+            tabIndex: a ? -1 : 0,
+            onKeyDown: (o) => {
+              (o.key === "Enter" || o.key === " ") && (o.preventDefault(), u());
+            },
+            "aria-expanded": s,
+            "aria-disabled": a,
+            children: [
+              /* @__PURE__ */ t("span", { children: l.label }),
+              l.extra && /* @__PURE__ */ t("span", { className: "ml-auto mr-6", children: l.extra })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "collapse-content", children: l.children })
+      ]
+    }
+  );
+});
+N.displayName = "CollapsePanel";
+const P = h(
+  ({
+    items: l = [],
+    activeKey: s,
+    defaultActiveKey: b,
+    accordion: c = !1,
+    bordered: i = !0,
+    ghost: d = !1,
+    size: p = "md",
+    icon: v = "arrow",
+    expandIconPlacement: f = "start",
+    onChange: m,
+    className: a = "",
+    "data-testid": x = "collapse",
+    ...w
+  }, u) => {
+    const o = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], [g, A] = z(
+      () => o(b)
+    ), C = s !== void 0, n = C ? o(s) : g, j = (e) => {
+      let r;
+      c ? r = n.includes(e) ? [] : [e] : n.includes(e) ? r = n.filter((D) => D !== e) : r = [...n, e], C || A(r), m?.(r);
+    }, K = [
+      "flex flex-col",
+      i && !d && "divide-y divide-base-300",
+      i && "border border-base-300 rounded-lg overflow-hidden",
+      a
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t(
+      "div",
       {
-        type: "checkbox",
-        id: n,
-        className: "peer",
-        checked: e,
-        onChange: a,
-        style: { position: "absolute", opacity: 0, pointerEvents: "none" }
+        ref: u,
+        className: K,
+        "data-testid": x,
+        ...w,
+        children: l.map((e) => /* @__PURE__ */ t(
+          N,
+          {
+            item: e,
+            isOpen: n.includes(e.key),
+            onToggle: () => j(e.key),
+            icon: e.showArrow === !1 ? "none" : v,
+            expandIconPlacement: f,
+            bordered: !1,
+            ghost: d,
+            size: p,
+            testId: x
+          },
+          e.key
+        ))
       }
-    ),
-    t
-  ] }) });
-}
-function k({ children: t, className: s = "" }) {
-  const l = w(d);
-  if (!l)
-    throw new Error("Collapse.Title must be used within Collapse");
-  return /* @__PURE__ */ o("label", { htmlFor: l.checkboxId, className: `collapse-title text-xl font-medium ${s}`, children: t });
-}
-function y({ children: t, className: s = "" }) {
-  return /* @__PURE__ */ o("div", { className: `collapse-content ${s}`, children: t });
-}
-const E = Object.assign(g, {
-  Title: k,
-  Content: y
-});
+    );
+  }
+);
+P.displayName = "Collapse";
 export {
-  E as Collapse
+  P as Collapse
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/components/Collapse.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\n\nexport interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {\n  children: React.ReactNode\n  title?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  onChange?: (open: boolean) => void\n  icon?: 'arrow' | 'plus' | 'none'\n}\n\nexport interface CollapseTitleProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface CollapseContentProps {\n  children: React.ReactNode\n  className?: string\n}\n\ninterface CollapseContextValue {\n  isOpen: boolean\n  toggle: () => void\n  checkboxId: string\n}\n\nconst CollapseContext = createContext<CollapseContextValue | null>(null)\n\nfunction CollapseRoot({\n  children,\n  title,\n  open,\n  defaultOpen = false,\n  onChange,\n  icon = 'arrow',\n  className = '',\n  ...rest\n}: CollapseProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = open !== undefined ? open : internalOpen\n  const checkboxId = useId()\n\n  const toggle = () => {\n    const newOpen = !isOpen\n    if (open === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onChange?.(newOpen)\n  }\n\n  const iconClasses = {\n    arrow: 'collapse-arrow',\n    plus: 'collapse-plus',\n    none: '',\n  }\n\n  const classes = [\n    'collapse',\n    'bg-base-200',\n    iconClasses[icon],\n    isOpen && 'collapse-open',\n    !isOpen && 'collapse-close',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // If title prop is provided, render with automatic structure\n  if (title !== undefined) {\n    return (\n      <div className={classes} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <input\n          type=\"checkbox\"\n          id={checkboxId}\n          className=\"peer\"\n          checked={isOpen}\n          onChange={toggle}\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n        />\n        <label htmlFor={checkboxId} className=\"collapse-title text-xl font-medium\">\n          {title}\n        </label>\n        <div className=\"collapse-content\">{children}</div>\n      </div>\n    )\n  }\n\n  // Otherwise, use compound component pattern with Context\n  return (\n    <CollapseContext.Provider value={{ isOpen, toggle, checkboxId }}>\n      <div className={classes} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <input\n          type=\"checkbox\"\n          id={checkboxId}\n          className=\"peer\"\n          checked={isOpen}\n          onChange={toggle}\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n        />\n        {children}\n      </div>\n    </CollapseContext.Provider>\n  )\n}\n\nfunction CollapseTitle({ children, className = '' }: CollapseTitleProps) {\n  const context = useContext(CollapseContext)\n  if (!context) {\n    throw new Error('Collapse.Title must be used within Collapse')\n  }\n\n  return (\n    <label htmlFor={context.checkboxId} className={`collapse-title text-xl font-medium ${className}`}>\n      {children}\n    </label>\n  )\n}\n\nfunction CollapseContent({ children, className = '' }: CollapseContentProps) {\n  return <div className={`collapse-content ${className}`}>{children}</div>\n}\n\nexport const Collapse = Object.assign(CollapseRoot, {\n  Title: CollapseTitle,\n  Content: CollapseContent,\n})\n"],"names":["CollapseContext","createContext","CollapseRoot","children","title","open","defaultOpen","onChange","icon","className","rest","internalOpen","setInternalOpen","useState","isOpen","checkboxId","useId","toggle","newOpen","classes","jsxs","jsx","CollapseTitle","context","useContext","CollapseContent","Collapse"],"mappings":";;AA2BA,MAAMA,IAAkBC,EAA2C,IAAI;AAEvE,SAASC,EAAa;AAAA,EACpB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAkB;AAChB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASP,CAAW,GACtDQ,IAAST,MAAS,SAAYA,IAAOM,GACrCI,IAAaC,EAAA,GAEbC,IAAS,MAAM;AACnB,UAAMC,IAAU,CAACJ;AACjB,IAAIT,MAAS,UACXO,EAAgBM,CAAO,GAEzBX,IAAWW,CAAO;AAAA,EACpB,GAQMC,IAAU;AAAA,IACd;AAAA,IACA;AAAA,IARkB;AAAA,MAClB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,EAMMX,CAAI;AAAA,IAChBM,KAAU;AAAA,IACV,CAACA,KAAU;AAAA,IACXL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAGX,SAAIL,MAAU,SAEV,gBAAAgB,EAAC,SAAI,WAAWD,GAAS,cAAYL,IAAS,SAAS,UAAW,GAAGJ,GACnE,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIN;AAAA,QACJ,WAAU;AAAA,QACV,SAASD;AAAA,QACT,UAAUG;AAAA,QACV,OAAO,EAAE,UAAU,YAAY,SAAS,GAAG,eAAe,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,sBAElE,SAAA,EAAM,SAASF,GAAY,WAAU,sCACnC,UAAAX,GACH;AAAA,IACA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAlB,EAAA,CAAS;AAAA,EAAA,GAC9C,sBAMDH,EAAgB,UAAhB,EAAyB,OAAO,EAAE,QAAAc,GAAQ,QAAAG,GAAQ,YAAAF,EAAA,GACjD,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,GAAS,cAAYL,IAAS,SAAS,UAAW,GAAGJ,GACnE,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAIN;AAAA,QACJ,WAAU;AAAA,QACV,SAASD;AAAA,QACT,UAAUG;AAAA,QACV,OAAO,EAAE,UAAU,YAAY,SAAS,GAAG,eAAe,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,IAElEd;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEA,SAASmB,EAAc,EAAE,UAAAnB,GAAU,WAAAM,IAAY,MAA0B;AACvE,QAAMc,IAAUC,EAAWxB,CAAe;AAC1C,MAAI,CAACuB;AACH,UAAM,IAAI,MAAM,6CAA6C;AAG/D,SACE,gBAAAF,EAAC,WAAM,SAASE,EAAQ,YAAY,WAAW,sCAAsCd,CAAS,IAC3F,UAAAN,EAAA,CACH;AAEJ;AAEA,SAASsB,EAAgB,EAAE,UAAAtB,GAAU,WAAAM,IAAY,MAA4B;AAC3E,2BAAQ,OAAA,EAAI,WAAW,oBAAoBA,CAAS,IAAK,UAAAN,GAAS;AACpE;AAEO,MAAMuB,IAAW,OAAO,OAAOxB,GAAc;AAAA,EAClD,OAAOoB;AAAA,EACP,SAASG;AACX,CAAC;"}
+{"version":3,"file":"index18.js","sources":["../src/components/Collapse.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react'\n\nexport type CollapseSize = 'sm' | 'md' | 'lg'\nexport type CollapseIconPosition = 'start' | 'end'\nexport type CollapseCollapsible = 'header' | 'icon' | 'disabled'\n\nexport interface CollapseItemType {\n  /** Unique key for the panel */\n  key: string | number\n  /** Panel header/label */\n  label: React.ReactNode\n  /** Panel content */\n  children: React.ReactNode\n  /** Extra element in the corner */\n  extra?: React.ReactNode\n  /** Whether to show the arrow icon */\n  showArrow?: boolean\n  /** Collapsible mode for this panel */\n  collapsible?: CollapseCollapsible\n  /** Custom class name for this panel */\n  className?: string\n}\n\nexport interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Collapse items */\n  items?: CollapseItemType[]\n  /** Currently active panel keys (controlled) */\n  activeKey?: string | number | (string | number)[]\n  /** Default active panel keys (uncontrolled) */\n  defaultActiveKey?: string | number | (string | number)[]\n  /** Accordion mode - only one panel open at a time */\n  accordion?: boolean\n  /** Show border around panels */\n  bordered?: boolean\n  /** Ghost mode - transparent background */\n  ghost?: boolean\n  /** Size variant */\n  size?: CollapseSize\n  /** Icon type */\n  icon?: 'arrow' | 'plus' | 'none'\n  /** Icon placement */\n  expandIconPlacement?: CollapseIconPosition\n  /** Callback when panels change */\n  onChange?: (activeKey: (string | number)[]) => void\n  /** Test ID */\n  'data-testid'?: string\n}\n\nconst sizeClasses: Record<CollapseSize, string> = {\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst CollapsePanel = forwardRef<\n  HTMLDivElement,\n  {\n    item: CollapseItemType\n    isOpen: boolean\n    onToggle: () => void\n    icon: 'arrow' | 'plus' | 'none'\n    expandIconPlacement: CollapseIconPosition\n    bordered: boolean\n    ghost: boolean\n    size: CollapseSize\n    testId?: string\n  }\n>(({ item, isOpen, onToggle, icon, expandIconPlacement, bordered, ghost, size, testId }, ref) => {\n  const isDisabled = item.collapsible === 'disabled'\n\n  const iconClasses = {\n    arrow: 'collapse-arrow',\n    plus: 'collapse-plus',\n    none: '',\n  }\n\n  const panelClasses = [\n    'collapse',\n    iconClasses[icon],\n    isOpen ? 'collapse-open' : 'collapse-close',\n    !ghost && 'bg-base-200',\n    ghost && 'bg-transparent',\n    bordered && 'border border-base-300',\n    expandIconPlacement === 'end' && icon !== 'none' && 'collapse-arrow-end',\n    sizeClasses[size],\n    isDisabled && 'opacity-50 cursor-not-allowed',\n    item.className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = () => {\n    if (!isDisabled) {\n      onToggle()\n    }\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={panelClasses}\n      data-testid={testId ? `${testId}-panel-${item.key}` : undefined}\n      data-state={isOpen ? 'open' : 'closed'}\n    >\n      <div\n        className=\"collapse-title font-medium flex items-center justify-between cursor-pointer\"\n        onClick={handleClick}\n        role=\"button\"\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            handleClick()\n          }\n        }}\n        aria-expanded={isOpen}\n        aria-disabled={isDisabled}\n      >\n        <span>{item.label}</span>\n        {item.extra && <span className=\"ml-auto mr-6\">{item.extra}</span>}\n      </div>\n      <div className=\"collapse-content\">\n        {item.children}\n      </div>\n    </div>\n  )\n})\n\nCollapsePanel.displayName = 'CollapsePanel'\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>(\n  (\n    {\n      items = [],\n      activeKey,\n      defaultActiveKey,\n      accordion = false,\n      bordered = true,\n      ghost = false,\n      size = 'md',\n      icon = 'arrow',\n      expandIconPlacement = 'start',\n      onChange,\n      className = '',\n      'data-testid': testId = 'collapse',\n      ...rest\n    },\n    ref\n  ) => {\n    // Normalize keys to array\n    const normalizeKeys = (keys: string | number | (string | number)[] | undefined): (string | number)[] => {\n      if (keys === undefined) return []\n      if (Array.isArray(keys)) return keys\n      return [keys]\n    }\n\n    const [internalActiveKeys, setInternalActiveKeys] = useState<(string | number)[]>(\n      () => normalizeKeys(defaultActiveKey)\n    )\n\n    const isControlled = activeKey !== undefined\n    const currentActiveKeys = isControlled ? normalizeKeys(activeKey) : internalActiveKeys\n\n    const handleToggle = (key: string | number) => {\n      let newActiveKeys: (string | number)[]\n\n      if (accordion) {\n        // In accordion mode, only one can be open\n        newActiveKeys = currentActiveKeys.includes(key) ? [] : [key]\n      } else {\n        // Toggle the key\n        if (currentActiveKeys.includes(key)) {\n          newActiveKeys = currentActiveKeys.filter((k) => k !== key)\n        } else {\n          newActiveKeys = [...currentActiveKeys, key]\n        }\n      }\n\n      if (!isControlled) {\n        setInternalActiveKeys(newActiveKeys)\n      }\n      onChange?.(newActiveKeys)\n    }\n\n    const containerClasses = [\n      'flex flex-col',\n      bordered && !ghost && 'divide-y divide-base-300',\n      bordered && 'border border-base-300 rounded-lg overflow-hidden',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div\n        ref={ref}\n        className={containerClasses}\n        data-testid={testId}\n        {...rest}\n      >\n        {items.map((item) => (\n          <CollapsePanel\n            key={item.key}\n            item={item}\n            isOpen={currentActiveKeys.includes(item.key)}\n            onToggle={() => handleToggle(item.key)}\n            icon={item.showArrow === false ? 'none' : icon}\n            expandIconPlacement={expandIconPlacement}\n            bordered={false}\n            ghost={ghost}\n            size={size}\n            testId={testId}\n          />\n        ))}\n      </div>\n    )\n  }\n)\n\nCollapse.displayName = 'Collapse'\n"],"names":["sizeClasses","CollapsePanel","forwardRef","item","isOpen","onToggle","icon","expandIconPlacement","bordered","ghost","size","testId","ref","isDisabled","panelClasses","handleClick","jsxs","e","jsx","Collapse","items","activeKey","defaultActiveKey","accordion","onChange","className","rest","normalizeKeys","keys","internalActiveKeys","setInternalActiveKeys","useState","isControlled","currentActiveKeys","handleToggle","key","newActiveKeys","k","containerClasses"],"mappings":"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"}

package/dist/index86.js

@@ -1,164 +1,300 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useState as a, useRef as Y, useEffect as j } from "react";
-import { Input as _ } from "./index42.js";
-function q(t, N = "24", p = !1) {
-  if (!t) return "";
-  let n = t.getHours();
-  const i = String(t.getMinutes()).padStart(2, "0"), d = String(t.getSeconds()).padStart(2, "0");
-  if (N === "12") {
-    const x = n >= 12 ? "PM" : "AM";
-    return n = n % 12 || 12, p ? `${n}:${i}:${d} ${x}` : `${n}:${i} ${x}`;
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as fe, useState as x, useRef as Z, useId as pe, useEffect as W, useCallback as _ } from "react";
+import { Input as me } from "./index42.js";
+function be(s, D = "24", M = !1) {
+  if (!s) return "";
+  let o = s.getHours();
+  const w = String(s.getMinutes()).padStart(2, "0"), y = String(s.getSeconds()).padStart(2, "0");
+  if (D === "12") {
+    const P = o >= 12 ? "PM" : "AM";
+    return o = o % 12 || 12, M ? `${o}:${w}:${y} ${P}` : `${o}:${w} ${P}`;
   }
-  const h = String(n).padStart(2, "0");
-  return p ? `${h}:${i}:${d}` : `${h}:${i}`;
+  const A = String(o).padStart(2, "0");
+  return M ? `${A}:${w}:${y}` : `${A}:${w}`;
 }
-const Q = ({
-  value: t,
-  defaultValue: N,
-  onChange: p,
-  format: n = "24",
-  placeholder: i = "Select time",
-  disabled: d = !1,
-  className: h = "",
-  size: x = "md",
-  showSeconds: $ = !1,
-  ...E
-}) => {
-  const [o, O] = a(
-    t || N || null
-  ), [u, C] = a(!1), [l, M] = a(o ? o.getHours() : 0), [S, v] = a(o ? o.getMinutes() : 0), [y, H] = a(o ? o.getSeconds() : 0), [P, k] = a(
-    o && o.getHours() >= 12 ? "PM" : "AM"
-  ), A = Y(null);
-  j(() => {
-    t !== void 0 && (O(t), t && (M(t.getHours()), v(t.getMinutes()), H(t.getSeconds()), k(t.getHours() >= 12 ? "PM" : "AM")));
-  }, [t]), j(() => {
-    function e(s) {
-      A.current && !A.current.contains(s.target) && C(!1);
+const ge = fe(({
+  value: s,
+  defaultValue: D,
+  onChange: M,
+  format: o = "24",
+  placeholder: w = "Select time",
+  disabled: y = !1,
+  className: A,
+  size: P = "md",
+  showSeconds: v = !1,
+  allowClear: ee = !0,
+  open: H,
+  onOpenChange: Y,
+  hourStep: E = 1,
+  minuteStep: T = 1,
+  secondStep: F = 1,
+  status: G,
+  "data-testid": te,
+  ...ne
+}, S) => {
+  const [d, R] = x(
+    s !== void 0 ? s : D || null
+  ), [oe, se] = x(!1), c = H !== void 0 ? H : oe, [p, N] = x(d ? d.getHours() : 0), [$, I] = x(d ? d.getMinutes() : 0), [k, L] = x(d ? d.getSeconds() : 0), [b, j] = x(
+    d && d.getHours() >= 12 ? "PM" : "AM"
+  ), [g, B] = x("hour"), O = Z(null), ie = Z(null), K = pe(), l = te || "timepicker";
+  W(() => {
+    s !== void 0 && (R(s), s && (N(s.getHours()), I(s.getMinutes()), L(s.getSeconds()), j(s.getHours() >= 12 ? "PM" : "AM")));
+  }, [s]);
+  const h = _((e) => {
+    H === void 0 && se(e), Y?.(e);
+  }, [H, Y]);
+  W(() => {
+    function e(t) {
+      O.current && !O.current.contains(t.target) && h(!1);
     }
-    if (u)
+    if (c)
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [u]);
-  const m = (e, s, w) => {
-    const g = /* @__PURE__ */ new Date(), b = new Date(
-      g.getFullYear(),
-      g.getMonth(),
-      g.getDate(),
+  }, [c, h]), W(() => {
+    if (!c) return;
+    const e = (t) => {
+      if (t.key === "Escape") {
+        h(!1);
+        return;
+      }
+      if (t.key !== "Tab") {
+        if (t.key === "ArrowUp" || t.key === "ArrowDown") {
+          t.preventDefault();
+          const i = t.key === "ArrowUp" ? -1 : 1;
+          if (g === "hour") {
+            const n = o === "12" ? 12 : 23, u = o === "12" ? 1 : 0;
+            let r = p + i * E;
+            r > n && (r = u), r < u && (r = n), J(r);
+          } else if (g === "minute") {
+            let n = $ + i * T;
+            n > 59 && (n = 0), n < 0 && (n = 59), Q(n);
+          } else if (g === "second") {
+            let n = k + i * F;
+            n > 59 && (n = 0), n < 0 && (n = 59), V(n);
+          } else g === "period" && U(b === "AM" ? "PM" : "AM");
+        }
+        if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
+          t.preventDefault();
+          const i = ["hour", "minute"];
+          v && i.push("second"), o === "12" && i.push("period");
+          const n = i.indexOf(g), u = t.key === "ArrowLeft" ? -1 : 1;
+          let r = n + u;
+          r < 0 && (r = i.length - 1), r >= i.length && (r = 0), B(i[r]);
+        }
+        t.key === "Enter" && h(!1);
+      }
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [c, g, p, $, k, b, o, v, E, T, F, h]);
+  const re = _((e) => {
+    e.stopPropagation(), R(null), N(0), I(0), L(0), j("AM"), M?.(null);
+  }, [M]), C = (e, t, i) => {
+    const n = /* @__PURE__ */ new Date(), u = new Date(
+      n.getFullYear(),
+      n.getMonth(),
+      n.getDate(),
       e,
-      s,
-      w
+      t,
+      i
     );
-    O(b), p?.(b);
-  }, I = (e) => {
-    let s = e;
-    n === "12" && (s = P === "PM" ? e % 12 + 12 : e % 12), M(s), m(s, S, y);
-  }, L = (e) => {
-    v(e), m(l, e, y);
-  }, R = (e) => {
-    H(e), m(l, S, e);
-  }, D = (e) => {
-    k(e);
-    const s = e === "PM" ? l % 12 + 12 : l % 12;
-    M(s), m(s, S, y);
-  }, T = (e, s, w, g, b = 0) => {
-    const F = Array.from({ length: s - b + 1 }, (f, K) => b + K);
-    return /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: e }),
-      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto max-h-48", children: F.map((f) => /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: () => g(f),
-          className: `
-                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors
-                ${w === f ? "bg-primary text-primary-content" : ""}
-              `,
-          children: String(f).padStart(2, "0")
-        },
-        f
-      )) })
-    ] });
-  }, z = n === "12" ? l % 12 || 12 : l;
-  return /* @__PURE__ */ c("div", { ref: A, className: `relative ${h}`, "data-state": u ? "open" : "closed", ...E, children: [
-    /* @__PURE__ */ r(
-      _,
+    R(u), M?.(u);
+  }, J = (e) => {
+    let t = e;
+    o === "12" && (t = b === "PM" ? e % 12 + 12 : e % 12), N(t), C(t, $, k);
+  }, Q = (e) => {
+    I(e), C(p, e, k);
+  }, V = (e) => {
+    L(e), C(p, $, e);
+  }, U = (e) => {
+    j(e);
+    const t = e === "PM" ? p % 12 + 12 : p % 12;
+    N(t), C(t, $, k);
+  }, q = (e, t, i, n, u, r = 1, de = 0) => {
+    const X = [];
+    for (let f = de; f <= i; f += r)
+      X.push(f);
+    const ce = `${K}-${e}-listbox`, ue = g === e;
+    return /* @__PURE__ */ m(
+      "div",
       {
-        value: q(o, n, $),
-        placeholder: i,
-        disabled: d,
-        size: x,
-        readOnly: !0,
-        onClick: () => !d && C(!u),
-        className: "cursor-pointer"
-      }
-    ),
-    u && /* @__PURE__ */ c("div", { className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50", children: [
-      /* @__PURE__ */ c("div", { className: "flex divide-x divide-base-300", children: [
-        T(
-          "Hour",
-          n === "12" ? 12 : 23,
-          z,
-          I,
-          n === "12" ? 1 : 0
-        ),
-        T("Min", 59, S, L),
-        $ && T("Sec", 59, y, R),
-        n === "12" && /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: "Period" }),
-          /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col p-2 gap-2", children: [
-            /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                onClick: () => D("AM"),
-                className: `
-                      btn btn-sm
-                      ${P === "AM" ? "btn-primary" : "btn-ghost"}
-                    `,
-                children: "AM"
-              }
-            ),
-            /* @__PURE__ */ r(
+        className: "flex flex-col w-16",
+        role: "listbox",
+        "aria-label": `Select ${t.toLowerCase()}`,
+        id: ce,
+        "data-testid": `${l}-${e}-column`,
+        tabIndex: 0,
+        onFocus: () => B(e),
+        children: [
+          /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", "aria-hidden": "true", children: t }),
+          /* @__PURE__ */ a("div", { className: "overflow-y-auto max-h-48", children: X.map((f) => {
+            const z = n === f;
+            return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                onClick: () => D("PM"),
-                className: `
-                      btn btn-sm
-                      ${P === "PM" ? "btn-primary" : "btn-ghost"}
-                    `,
-                children: "PM"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "flex justify-end gap-2 p-3 border-t border-base-300", children: [
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              const e = /* @__PURE__ */ new Date();
-              M(e.getHours()), v(e.getMinutes()), H(e.getSeconds()), k(e.getHours() >= 12 ? "PM" : "AM"), m(e.getHours(), e.getMinutes(), e.getSeconds());
-            },
-            className: "btn btn-ghost btn-sm",
-            children: "Now"
-          }
-        ),
-        /* @__PURE__ */ r(
-          "button",
+                role: "option",
+                "aria-selected": z,
+                onClick: () => u(f),
+                "data-testid": `${l}-${e}-${f}`,
+                className: [
+                  "w-full px-4 py-2 text-center hover:bg-base-200 transition-colors",
+                  z ? "bg-primary text-primary-content" : "",
+                  ue && z ? "ring-2 ring-primary ring-offset-1" : ""
+                ].filter(Boolean).join(" "),
+                children: String(f).padStart(2, "0")
+              },
+              f
+            );
+          }) })
+        ]
+      }
+    );
+  }, ae = o === "12" ? p % 12 || 12 : p, le = {
+    error: "input-error",
+    warning: "input-warning"
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: (e) => {
+        O.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+      },
+      className: ["relative", A].filter(Boolean).join(" "),
+      "data-testid": l,
+      "data-state": c ? "open" : "closed",
+      ...ne,
+      children: [
+        /* @__PURE__ */ m("div", { className: "relative", children: [
+          /* @__PURE__ */ a(
+            me,
+            {
+              value: be(d, o, v),
+              placeholder: w,
+              disabled: y,
+              size: P,
+              readOnly: !0,
+              onClick: () => !y && h(!c),
+              className: ["cursor-pointer pr-8", G ? le[G] : ""].filter(Boolean).join(" "),
+              "aria-haspopup": "listbox",
+              "aria-expanded": c,
+              "aria-controls": c ? `${K}-dropdown` : void 0,
+              "data-testid": `${l}-input`
+            }
+          ),
+          ee && d && !y && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: re,
+              className: "absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle",
+              "aria-label": "Clear time",
+              "data-testid": `${l}-clear`,
+              children: /* @__PURE__ */ a("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          )
+        ] }),
+        c && /* @__PURE__ */ m(
+          "div",
           {
-            type: "button",
-            onClick: () => C(!1),
-            className: "btn btn-primary btn-sm",
-            children: "OK"
+            ref: ie,
+            id: `${K}-dropdown`,
+            className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit",
+            role: "dialog",
+            "aria-label": "Time picker",
+            "data-testid": `${l}-dropdown`,
+            children: [
+              /* @__PURE__ */ m("div", { className: "flex divide-x divide-base-300", children: [
+                q(
+                  "hour",
+                  "Hour",
+                  o === "12" ? 12 : 23,
+                  ae,
+                  J,
+                  E,
+                  o === "12" ? 1 : 0
+                ),
+                q("minute", "Min", 59, $, Q, T),
+                v && q("second", "Sec", 59, k, V, F),
+                o === "12" && /* @__PURE__ */ m(
+                  "div",
+                  {
+                    className: "flex flex-col w-16",
+                    role: "listbox",
+                    "aria-label": "Select period",
+                    "data-testid": `${l}-period-column`,
+                    tabIndex: 0,
+                    onFocus: () => B("period"),
+                    children: [
+                      /* @__PURE__ */ a("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", "aria-hidden": "true", children: "Period" }),
+                      /* @__PURE__ */ m("div", { className: "flex flex-col p-2 gap-2", children: [
+                        /* @__PURE__ */ a(
+                          "button",
+                          {
+                            type: "button",
+                            role: "option",
+                            "aria-selected": b === "AM",
+                            onClick: () => U("AM"),
+                            "data-testid": `${l}-period-am`,
+                            className: [
+                              "btn btn-sm",
+                              b === "AM" ? "btn-primary" : "btn-ghost"
+                            ].join(" "),
+                            children: "AM"
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          "button",
+                          {
+                            type: "button",
+                            role: "option",
+                            "aria-selected": b === "PM",
+                            onClick: () => U("PM"),
+                            "data-testid": `${l}-period-pm`,
+                            className: [
+                              "btn btn-sm",
+                              b === "PM" ? "btn-primary" : "btn-ghost"
+                            ].join(" "),
+                            children: "PM"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ m("div", { className: "flex justify-end gap-2 p-3 border-t border-base-300", children: [
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      const e = /* @__PURE__ */ new Date();
+                      N(e.getHours()), I(e.getMinutes()), L(e.getSeconds()), j(e.getHours() >= 12 ? "PM" : "AM"), C(e.getHours(), e.getMinutes(), e.getSeconds());
+                    },
+                    className: "btn btn-ghost btn-sm",
+                    "data-testid": `${l}-now`,
+                    children: "Now"
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => h(!1),
+                    className: "btn btn-primary btn-sm",
+                    "data-testid": `${l}-ok`,
+                    children: "OK"
+                  }
+                )
+              ] })
+            ]
           }
         )
-      ] })
-    ] })
-  ] });
-};
+      ]
+    }
+  );
+});
+ge.displayName = "TimePicker";
 export {
-  Q as TimePicker
+  ge as TimePicker
 };
 //# sourceMappingURL=index86.js.map

package/dist/index86.js.map

@@ -1 +1 @@
-{"version":3,"file":"index86.js","sources":["../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { Input } from './Input'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  showSeconds?: boolean\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className = '',\n  size = 'md',\n  showSeconds = false,\n  ...rest\n}) => {\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value || defaultValue || null\n  )\n  const [isOpen, setIsOpen] = useState(false)\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\n    }\n  }, [value])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChange: (value: number) => void,\n    start: number = 0\n  ) => {\n    const items = Array.from({ length: maxValue - start + 1 }, (_, i) => start + i)\n\n    return (\n      <div className=\"flex flex-col\">\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n          {label}\n        </div>\n        <div className=\"flex-1 overflow-y-auto max-h-48\">\n          {items.map((item) => (\n            <button\n              key={item}\n              type=\"button\"\n              onClick={() => onChange(item)}\n              className={`\n                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors\n                ${currentValue === item ? 'bg-primary text-primary-content' : ''}\n              `}\n            >\n              {String(item).padStart(2, '0')}\n            </button>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <Input\n        value={formatTime(selectedTime, format, showSeconds)}\n        placeholder={placeholder}\n        disabled={disabled}\n        size={size}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        className=\"cursor-pointer\"\n      />\n\n      {isOpen && (\n        <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50\">\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('Min', 59, minutes, handleMinuteChange)}\n\n            {showSeconds && renderTimeColumn('Sec', 59, seconds, handleSecondChange)}\n\n            {format === '12' && (\n              <div className=\"flex flex-col\">\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n                  Period\n                </div>\n                <div className=\"flex-1 flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('AM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'AM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('PM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'PM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          {/* Action buttons */}\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className=\"btn btn-ghost btn-sm\"\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setIsOpen(false)}\n              className=\"btn btn-primary btn-sm\"\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","value","defaultValue","onChange","placeholder","disabled","className","size","rest","selectedTime","setSelectedTime","useState","isOpen","setIsOpen","setHours","setMinutes","setSeconds","setPeriod","containerRef","useRef","useEffect","handleClickOutside","event","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","handleHourChange","newHour","actualHour","handleMinuteChange","newMinute","handleSecondChange","newSecond","handlePeriodChange","newPeriod","renderTimeColumn","label","maxValue","currentValue","start","items","_","i","jsxs","jsx","item","displayHours","Input"],"mappings":"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"}
+{"version":3,"file":"index86.js","sources":["../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useCallback, useId } from 'react'\nimport { Input } from './Input'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  showSeconds?: boolean\n  allowClear?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  hourStep?: number\n  minuteStep?: number\n  secondStep?: number\n  status?: 'error' | 'warning'\n  'data-testid'?: string\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className,\n  size = 'md',\n  showSeconds = false,\n  allowClear = true,\n  open: controlledOpen,\n  onOpenChange,\n  hourStep = 1,\n  minuteStep = 1,\n  secondStep = 1,\n  status,\n  'data-testid': testId,\n  ...rest\n}, ref) => {\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value !== undefined ? value : defaultValue || null\n  )\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n  const [focusedColumn, setFocusedColumn] = useState<'hour' | 'minute' | 'second' | 'period'>('hour')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const uniqueId = useId()\n  const baseTestId = testId || 'timepicker'\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\n    }\n  }, [value])\n\n  const setOpen = useCallback((newOpen: boolean) => {\n    if (controlledOpen === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }, [controlledOpen, onOpenChange])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setOpen])\n\n  // Focus trap and keyboard navigation\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setOpen(false)\n        return\n      }\n\n      if (e.key === 'Tab') {\n        // Allow tab to cycle through columns\n        return\n      }\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        const delta = e.key === 'ArrowUp' ? -1 : 1\n\n        if (focusedColumn === 'hour') {\n          const maxHour = format === '12' ? 12 : 23\n          const minHour = format === '12' ? 1 : 0\n          let newHour = hours + (delta * hourStep)\n          if (newHour > maxHour) newHour = minHour\n          if (newHour < minHour) newHour = maxHour\n          handleHourChange(newHour)\n        } else if (focusedColumn === 'minute') {\n          let newMinute = minutes + (delta * minuteStep)\n          if (newMinute > 59) newMinute = 0\n          if (newMinute < 0) newMinute = 59\n          handleMinuteChange(newMinute)\n        } else if (focusedColumn === 'second') {\n          let newSecond = seconds + (delta * secondStep)\n          if (newSecond > 59) newSecond = 0\n          if (newSecond < 0) newSecond = 59\n          handleSecondChange(newSecond)\n        } else if (focusedColumn === 'period') {\n          handlePeriodChange(period === 'AM' ? 'PM' : 'AM')\n        }\n      }\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const columns: Array<'hour' | 'minute' | 'second' | 'period'> = ['hour', 'minute']\n        if (showSeconds) columns.push('second')\n        if (format === '12') columns.push('period')\n\n        const currentIndex = columns.indexOf(focusedColumn)\n        const delta = e.key === 'ArrowLeft' ? -1 : 1\n        let newIndex = currentIndex + delta\n        if (newIndex < 0) newIndex = columns.length - 1\n        if (newIndex >= columns.length) newIndex = 0\n        setFocusedColumn(columns[newIndex])\n      }\n\n      if (e.key === 'Enter') {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, focusedColumn, hours, minutes, seconds, period, format, showSeconds, hourStep, minuteStep, secondStep, setOpen])\n\n  const handleClear = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation()\n    setSelectedTime(null)\n    setHours(0)\n    setMinutes(0)\n    setSeconds(0)\n    setPeriod('AM')\n    onChange?.(null)\n  }, [onChange])\n\n  const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    columnType: 'hour' | 'minute' | 'second',\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChangeValue: (value: number) => void,\n    step: number = 1,\n    start: number = 0\n  ) => {\n    const items: number[] = []\n    for (let i = start; i <= maxValue; i += step) {\n      items.push(i)\n    }\n    const listboxId = `${uniqueId}-${columnType}-listbox`\n    const isFocused = focusedColumn === columnType\n\n    return (\n      <div\n        className=\"flex flex-col w-16\"\n        role=\"listbox\"\n        aria-label={`Select ${label.toLowerCase()}`}\n        id={listboxId}\n        data-testid={`${baseTestId}-${columnType}-column`}\n        tabIndex={0}\n        onFocus={() => setFocusedColumn(columnType)}\n      >\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n          {label}\n        </div>\n        <div className=\"overflow-y-auto max-h-48\">\n          {items.map((item) => {\n            const isSelected = currentValue === item\n            return (\n              <button\n                key={item}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={isSelected}\n                onClick={() => onChangeValue(item)}\n                data-testid={`${baseTestId}-${columnType}-${item}`}\n                className={[\n                  'w-full px-4 py-2 text-center hover:bg-base-200 transition-colors',\n                  isSelected ? 'bg-primary text-primary-content' : '',\n                  isFocused && isSelected ? 'ring-2 ring-primary ring-offset-1' : ''\n                ].filter(Boolean).join(' ')}\n              >\n                {String(item).padStart(2, '0')}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  const statusClasses = {\n    error: 'input-error',\n    warning: 'input-warning',\n  }\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      }}\n      className={['relative', className].filter(Boolean).join(' ')}\n      data-testid={baseTestId}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative\">\n        <Input\n          value={formatTime(selectedTime, format, showSeconds)}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          readOnly\n          onClick={() => !disabled && setOpen(!isOpen)}\n          className={['cursor-pointer pr-8', status ? statusClasses[status] : ''].filter(Boolean).join(' ')}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={isOpen ? `${uniqueId}-dropdown` : undefined}\n          data-testid={`${baseTestId}-input`}\n        />\n        {allowClear && selectedTime && !disabled && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle\"\n            aria-label=\"Clear time\"\n            data-testid={`${baseTestId}-clear`}\n          >\n            <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n      </div>\n\n      {isOpen && (\n        <div\n          ref={dropdownRef}\n          id={`${uniqueId}-dropdown`}\n          className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit\"\n          role=\"dialog\"\n          aria-label=\"Time picker\"\n          data-testid={`${baseTestId}-dropdown`}\n        >\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'hour',\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              hourStep,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('minute', 'Min', 59, minutes, handleMinuteChange, minuteStep)}\n\n            {showSeconds && renderTimeColumn('second', 'Sec', 59, seconds, handleSecondChange, secondStep)}\n\n            {format === '12' && (\n              <div\n                className=\"flex flex-col w-16\"\n                role=\"listbox\"\n                aria-label=\"Select period\"\n                data-testid={`${baseTestId}-period-column`}\n                tabIndex={0}\n                onFocus={() => setFocusedColumn('period')}\n              >\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n                  Period\n                </div>\n                <div className=\"flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'AM'}\n                    onClick={() => handlePeriodChange('AM')}\n                    data-testid={`${baseTestId}-period-am`}\n                    className={[\n                      'btn btn-sm',\n                      period === 'AM' ? 'btn-primary' : 'btn-ghost'\n                    ].join(' ')}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'PM'}\n                    onClick={() => handlePeriodChange('PM')}\n                    data-testid={`${baseTestId}-period-pm`}\n                    className={[\n                      'btn btn-sm',\n                      period === 'PM' ? 'btn-primary' : 'btn-ghost'\n                    ].join(' ')}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className=\"btn btn-ghost btn-sm\"\n              data-testid={`${baseTestId}-now`}\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className=\"btn btn-primary btn-sm\"\n              data-testid={`${baseTestId}-ok`}\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","forwardRef","value","defaultValue","onChange","placeholder","disabled","className","size","allowClear","controlledOpen","onOpenChange","hourStep","minuteStep","secondStep","status","testId","rest","ref","selectedTime","setSelectedTime","useState","internalOpen","setInternalOpen","isOpen","setHours","setMinutes","setSeconds","setPeriod","focusedColumn","setFocusedColumn","containerRef","useRef","dropdownRef","uniqueId","useId","baseTestId","useEffect","setOpen","useCallback","newOpen","handleClickOutside","event","handleKeyDown","e","delta","maxHour","minHour","newHour","handleHourChange","newMinute","handleMinuteChange","newSecond","handleSecondChange","handlePeriodChange","columns","currentIndex","newIndex","handleClear","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","actualHour","newPeriod","renderTimeColumn","columnType","label","maxValue","currentValue","onChangeValue","step","start","items","i","listboxId","isFocused","jsxs","jsx","item","isSelected","displayHours","statusClasses","node","Input"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.27",
+  "version": "0.12.29",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {