motile-ui 1.1.2 → 1.2.0

package/dist/components/TimePicker/TimePicker.js

@@ -0,0 +1,281 @@
+import { jsx as S, jsxs as X } from "react/jsx-runtime";
+import { forwardRef as U, useRef as f, useMemo as O, useCallback as T, useEffect as N, useState as Z, createContext as ee, useContext as te } from "react";
+import './TimePicker.css';/* empty css               */
+const W = ee(null), q = () => {
+  const t = te(W);
+  if (!t)
+    throw new Error(
+      "TimePicker components must be used within TimePicker.Root"
+    );
+  return t;
+}, z = U(
+  ({
+    value: t,
+    defaultValue: w,
+    onChange: v,
+    format: l = "12",
+    minuteStep: a = 5,
+    disabled: p = !1,
+    itemHeight: n = 40,
+    fullWidth: g = !1,
+    children: $,
+    className: D,
+    style: I,
+    ...m
+  }, M) => {
+    const [P, E] = Z(() => t || w || {
+      hour: l === "12" ? 12 : 0,
+      minute: 0,
+      period: l === "12" ? "AM" : void 0
+    }), k = t !== void 0, b = k ? t : P, L = O(() => l === "12" ? Array.from({ length: 12 }, (x, u) => u + 1) : Array.from({ length: 24 }, (x, u) => u), [l]), _ = O(() => {
+      const x = 60 / a;
+      return Array.from({ length: x }, (u, s) => s * a);
+    }, [a]), V = O(() => ["AM", "PM"], []), A = T(
+      (x, u) => {
+        const s = { ...b };
+        x === "hour" ? s.hour = u : x === "minute" ? s.minute = u : s.period = u, k || E(s), v == null || v(s);
+      },
+      [b, k, v]
+    ), o = {
+      value: b,
+      format: l,
+      minuteStep: a,
+      disabled: p,
+      itemHeight: n,
+      updateValue: A,
+      hourOptions: L,
+      minuteOptions: _,
+      periodOptions: V
+    }, c = {
+      "--timepicker-item-height": `${n}px`,
+      ...I
+    };
+    return /* @__PURE__ */ S(W.Provider, { value: o, children: /* @__PURE__ */ S(
+      "div",
+      {
+        ref: M,
+        className: `motile-timepicker ${p ? "motile-timepicker--disabled" : ""} ${g ? "motile-timepicker--full-width" : ""} ${D || ""}`,
+        style: c,
+        "aria-disabled": p,
+        role: "group",
+        "aria-label": "시간 선택",
+        ...m,
+        children: $
+      }
+    ) });
+  }
+);
+z.displayName = "TimePicker.Root";
+const B = U(({ type: t, className: w, ...v }, l) => {
+  const {
+    value: a,
+    disabled: p,
+    itemHeight: n,
+    updateValue: g,
+    hourOptions: $,
+    minuteOptions: D,
+    periodOptions: I
+  } = q(), m = f(null), M = f(null), P = f(!1), E = f(!1), k = f(0), b = f(null), L = f(!0), _ = f(!1), V = f(0), A = f(0), o = O(() => {
+    switch (t) {
+      case "hour":
+        return $;
+      case "minute":
+        return D;
+      case "period":
+        return I;
+      default:
+        return [];
+    }
+  }, [t, $, D, I]), c = O(() => {
+    switch (t) {
+      case "hour":
+        return a.hour;
+      case "minute":
+        return a.minute;
+      case "period":
+        return a.period;
+      default:
+        return;
+    }
+  }, [t, a]), x = T(
+    (e) => t === "period" ? e : e.toString().padStart(2, "0"),
+    [t]
+  ), u = T(
+    (e, r = !0) => {
+      const i = m.current;
+      if (!i || e === void 0) return;
+      const d = o.indexOf(e);
+      if (d === -1) return;
+      const R = d * n;
+      i.scrollTo({
+        top: R,
+        behavior: r ? "smooth" : "auto"
+      });
+    },
+    [o, n]
+  ), s = T(() => typeof window < "u" && window.matchMedia("(hover: none) and (pointer: coarse)").matches, []), Y = T(
+    (e) => {
+      if (s()) return;
+      e.preventDefault();
+      const r = m.current;
+      r && (k.current += e.deltaY, b.current && clearTimeout(b.current), E.current = !0, b.current = setTimeout(() => {
+        const i = k.current, d = 20, R = 80;
+        let h = 0;
+        if (Math.abs(i) >= d && (h = Math.sign(i) * Math.max(1, Math.round(Math.abs(i) / R))), h !== 0) {
+          const H = o.indexOf(c), j = Math.max(
+            0,
+            Math.min(H + h, o.length - 1)
+          );
+          if (j !== H) {
+            const K = o[j], Q = j * n;
+            r.scrollTo({ top: Q, behavior: "smooth" }), g(t, K);
+          }
+        }
+        k.current = 0, setTimeout(() => {
+          E.current = !1;
+        }, 150);
+      }, 50));
+    },
+    [o, n, c, g, t, s]
+  ), G = T(
+    (e) => {
+      if (s() || p) return;
+      const r = m.current;
+      r && (_.current = !0, V.current = e.clientY, A.current = r.scrollTop, r.style.cursor = "grabbing", e.preventDefault());
+    },
+    [s, p]
+  ), y = T((e) => {
+    if (!_.current) return;
+    const r = m.current;
+    if (!r) return;
+    const i = V.current - e.clientY;
+    r.scrollTop = A.current + i;
+  }, []), C = T(() => {
+    if (!_.current) return;
+    _.current = !1;
+    const e = m.current;
+    if (!e) return;
+    e.style.cursor = "grab";
+    const r = e.scrollTop, i = Math.round(r / n), d = Math.max(0, Math.min(i, o.length - 1)), R = d * n;
+    e.scrollTo({ top: R, behavior: "smooth" });
+    const h = o[d];
+    h !== void 0 && h !== c && g(t, h);
+  }, [o, n, c, g, t]), J = T(() => {
+    if (E.current || _.current) return;
+    M.current && clearTimeout(M.current);
+    const e = s() ? 50 : 100;
+    M.current = setTimeout(() => {
+      const r = m.current;
+      if (!r) return;
+      if (P.current) {
+        P.current = !1;
+        return;
+      }
+      const i = r.scrollTop, d = Math.round(i / n), R = Math.max(0, Math.min(d, o.length - 1)), h = o[R];
+      h !== void 0 && h !== c && g(t, h);
+    }, e);
+  }, [o, n, c, g, t, s]);
+  return N(() => {
+    if (!L.current) return;
+    L.current = !1;
+    const e = setTimeout(() => {
+      u(c, !1);
+    }, 0);
+    return () => clearTimeout(e);
+  }, [u, c]), N(() => {
+    const e = m.current;
+    if (!e || c === void 0) return;
+    const r = o.indexOf(c);
+    if (r === -1) return;
+    const i = r * n, d = e.scrollTop;
+    Math.abs(d - i) > 1 && (P.current = !0, u(c, !0), setTimeout(() => {
+      P.current = !1;
+    }, 200));
+  }, [c, u, o, n]), N(() => {
+    const e = m.current;
+    if (e)
+      return e.addEventListener("wheel", Y, { passive: !1 }), () => {
+        e.removeEventListener("wheel", Y);
+      };
+  }, [Y]), N(() => (document.addEventListener("mousemove", y), document.addEventListener("mouseup", C), () => {
+    document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", C);
+  }), [y, C]), N(() => () => {
+    M.current !== null && clearTimeout(M.current);
+  }, []), /* @__PURE__ */ X(
+    "div",
+    {
+      ref: (e) => {
+        typeof l == "function" ? l(e) : l && (l.current = e), m.current = e;
+      },
+      className: `motile-timepicker__column ${w || ""}`,
+      onScroll: J,
+      onMouseDown: G,
+      role: "listbox",
+      "aria-label": `${t} selector`,
+      "aria-orientation": "vertical",
+      ...v,
+      children: [
+        /* @__PURE__ */ S(
+          "div",
+          {
+            className: "motile-timepicker__spacer",
+            style: { height: n },
+            "aria-hidden": "true"
+          }
+        ),
+        o.map((e, r) => {
+          const i = e === c;
+          return /* @__PURE__ */ S(
+            "div",
+            {
+              className: `motile-timepicker__item ${i ? "motile-timepicker__item--selected" : ""} ${p ? "motile-timepicker__item--disabled" : ""}`,
+              style: { height: n },
+              role: "option",
+              "aria-selected": i,
+              "data-value": e,
+              children: x(e)
+            },
+            r
+          );
+        }),
+        /* @__PURE__ */ S(
+          "div",
+          {
+            className: "motile-timepicker__spacer",
+            style: { height: n },
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+});
+B.displayName = "TimePicker.Column";
+const F = U(({ className: t, style: w, ...v }, l) => {
+  const { itemHeight: a } = q(), p = {
+    height: a,
+    ...w
+  };
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      ref: l,
+      className: `motile-timepicker__highlight ${t || ""}`,
+      style: p,
+      "aria-hidden": "true",
+      ...v
+    }
+  );
+});
+F.displayName = "TimePicker.Highlight";
+const ie = {
+  Root: z,
+  Column: B,
+  Highlight: F
+};
+export {
+  ie as TimePicker,
+  B as TimePickerColumn,
+  F as TimePickerHighlight,
+  z as TimePickerRoot
+};

package/dist/components/TimePicker/TimePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export type { MinuteStep, TimeFormat, TimePeriod, TimePickerColumnProps, TimePickerHighlightProps, TimePickerRootProps, TimeValue, } from './TimePicker';
+export { TimePicker } from './TimePicker';

package/dist/components/Toast/index.d.ts

@@ -1,4 +1,4 @@
+export type { Toast, ToastOptions, ToastProviderProps, ToastVariant, } from './Toast';
 export { ToastProvider, useToastContext } from './Toast';
-export type { ToastVariant, Toast, ToastOptions, ToastProviderProps, } from './Toast';
-export { useToast } from './useToast';
 export type { UseToastReturn } from './useToast';
+export { useToast } from './useToast';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -88,4 +88,4 @@ export declare const Tooltip: {
     Trigger: typeof TooltipTrigger;
     Content: typeof TooltipContent;
 };
-export type { TooltipRootProps, TooltipTriggerProps, TooltipContentProps, TooltipVariant, TooltipPosition, TooltipAlign, };
+export type { TooltipAlign, TooltipContentProps, TooltipPosition, TooltipRootProps, TooltipTriggerProps, TooltipVariant, };

package/dist/components/Tooltip/Tooltip.js

@@ -1,8 +1,8 @@
 import { jsxs as tt, jsx as V } from "react/jsx-runtime";
 import et, { useState as A, useEffect as B, useCallback as C, useId as ot, useRef as y, useLayoutEffect as nt, createContext as rt, useContext as st } from "react";
 import { createPortal as it } from "react-dom";
-import { Slot as at } from "../../utils/Slot.js";
-import { FloatingArrow as lt } from "../../utils/FloatingArrow.js";
+import { FloatingArrow as at } from "../../utils/FloatingArrow.js";
+import { Slot as lt } from "../../utils/Slot.js";
 import './Tooltip.css';/* empty css            */
 const Z = rt(null);
 function J() {
@@ -225,7 +225,7 @@ function mt({ children: t, asChild: e = !1 }) {
   }, [s, r]);
   if (e)
     return /* @__PURE__ */ V(
-      at,
+      lt,
       {
         ref: (c) => {
           m.current = c;
@@ -311,7 +311,7 @@ function bt({ children: t }) {
         children: [
           t,
           p && /* @__PURE__ */ V(
-            lt,
+            at,
             {
               className: "motile-tooltip-arrow",
               variant: m,

package/dist/components/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
+export type { TooltipAlign, TooltipContentProps, TooltipPosition, TooltipRootProps, TooltipTriggerProps, TooltipVariant, } from './Tooltip';
 export { Tooltip } from './Tooltip';
-export type { TooltipRootProps, TooltipTriggerProps, TooltipContentProps, TooltipVariant, TooltipPosition, TooltipAlign, } from './Tooltip';

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export { useScrollLock } from './useScrollLock';
-export { useClickOutside } from './useClickOutside';
 export type { UseClickOutsideOptions } from './useClickOutside';
-export { useEscapeKey } from './useEscapeKey';
+export { useClickOutside } from './useClickOutside';
 export type { UseEscapeKeyOptions } from './useEscapeKey';
+export { useEscapeKey } from './useEscapeKey';
+export { useScrollLock } from './useScrollLock';

package/dist/hooks/index.js

@@ -1,8 +1,8 @@
-import { useScrollLock as r } from "./useScrollLock.js";
-import { useClickOutside as c } from "./useClickOutside.js";
-import { useEscapeKey as t } from "./useEscapeKey.js";
+import { useClickOutside as r } from "./useClickOutside.js";
+import { useEscapeKey as c } from "./useEscapeKey.js";
+import { useScrollLock as t } from "./useScrollLock.js";
 export {
-  c as useClickOutside,
-  t as useEscapeKey,
-  r as useScrollLock
+  r as useClickOutside,
+  c as useEscapeKey,
+  t as useScrollLock
 };

package/dist/hooks/useHistoryClose.d.ts

@@ -28,6 +28,12 @@ export interface UseHistoryCloseProps {
      * 모달/Sheet 닫기 핸들러
      */
     onClose: () => void;
+    /**
+     * 히스토리 기반 닫기 기능 활성화 여부
+     * URL로 Sheet를 제어하는 경우 false로 설정
+     * @default true
+     */
+    enabled?: boolean;
 }
 export interface UseHistoryCloseReturn {
     /**
@@ -51,4 +57,4 @@ export interface UseHistoryCloseReturn {
      */
     navigateAndClose: (navigationFn: () => void) => void;
 }
-export declare function useHistoryClose({ onClose, isOpen, }: UseHistoryCloseProps): UseHistoryCloseReturn;
+export declare function useHistoryClose({ onClose, isOpen, enabled, }: UseHistoryCloseProps): UseHistoryCloseReturn;

package/dist/hooks/useHistoryClose.js

@@ -1,46 +1,47 @@
-import { useRef as o, useState as w, useEffect as u } from "react";
-function p({
+import { useRef as i, useState as h, useEffect as c } from "react";
+function m({
   onClose: s,
-  isOpen: n
+  isOpen: n,
+  enabled: r = !0
 }) {
-  const i = o(s), r = o(!1), [a, c] = w(!1), l = o(0), t = o(null);
-  return u(() => {
-    i.current = s;
-  }, [s]), u(() => {
-    if (!n) return;
-    const e = (d) => {
-      c(!0), i.current();
+  const u = i(s), o = i(!1), [a, l] = h(!1), f = i(0), e = i(null);
+  return c(() => {
+    u.current = s;
+  }, [s]), c(() => {
+    if (!r || !n) return;
+    const t = (d) => {
+      l(!0), u.current();
     };
-    return r.current || (l.current = window.history.length, window.history.pushState({ modal: !0 }, ""), r.current = !0), window.addEventListener("popstate", e), () => {
-      window.removeEventListener("popstate", e);
+    return o.current || (f.current = window.history.length, window.history.pushState({ modal: !0 }, ""), o.current = !0), window.addEventListener("popstate", t), () => {
+      window.removeEventListener("popstate", t);
     };
-  }, [n]), u(() => {
-    if (n || !r.current) return;
-    let e = null;
+  }, [n, r]), c(() => {
+    if (!r || n || !o.current) return;
+    let t = null;
     if (!a) {
-      const d = l.current + 1;
+      const d = f.current + 1;
       if (window.history.length !== d)
-        t.current = null;
-      else if (t.current) {
-        const f = t.current;
-        t.current = null, e = () => {
-          window.removeEventListener("popstate", e), e = null, setTimeout(() => {
-            f();
+        e.current = null;
+      else if (e.current) {
+        const w = e.current;
+        e.current = null, t = () => {
+          window.removeEventListener("popstate", t), t = null, setTimeout(() => {
+            w();
           }, 0);
-        }, window.addEventListener("popstate", e), window.history.back();
+        }, window.addEventListener("popstate", t), window.history.back();
       } else
         window.history.back();
     }
-    return r.current = !1, c(!1), () => {
-      e && window.removeEventListener("popstate", e);
+    return o.current = !1, l(!1), () => {
+      t && window.removeEventListener("popstate", t);
     };
-  }, [n, a]), {
+  }, [n, a, r]), {
     isClosingFromHistory: a,
-    navigateAndClose: (e) => {
-      t.current = e, i.current();
+    navigateAndClose: (t) => {
+      e.current = t, u.current();
     }
   };
 }
 export {
-  p as useHistoryClose
+  m as useHistoryClose
 };

package/dist/index.d.ts

@@ -1,32 +1,36 @@
-export { Button } from './components/Button';
-export type { ButtonProps } from './components/Button';
-export { Input } from './components/Input';
-export type { InputProps } from './components/Input';
-export { Textarea } from './components/Textarea';
-export type { TextareaProps, AutoSizeConfig } from './components/Textarea';
-export { Checkbox } from './components/Checkbox';
-export type { CheckboxProps } from './components/Checkbox';
-export { Switch } from './components/Switch';
-export type { SwitchProps } from './components/Switch';
+export type { AccordionContentProps, AccordionHeaderProps, AccordionProps, } from './components/Accordion';
 export { Accordion } from './components/Accordion';
-export type { AccordionProps, AccordionHeaderProps, AccordionContentProps, } from './components/Accordion';
-export { Skeleton } from './components/Skeleton';
-export type { SkeletonProps } from './components/Skeleton';
-export { Badge } from './components/Badge';
 export type { BadgeProps } from './components/Badge';
-export { Tooltip } from './components/Tooltip';
-export type { TooltipRootProps, TooltipTriggerProps, TooltipContentProps, TooltipPosition, TooltipAlign, TooltipVariant, } from './components/Tooltip';
-export { Popover } from './components/Popover';
-export type { PopoverRootProps, PopoverTriggerProps, PopoverContentProps, } from './components/Popover';
+export { Badge } from './components/Badge';
+export type { ButtonProps } from './components/Button';
+export { Button } from './components/Button';
+export type { CheckboxProps } from './components/Checkbox';
+export { Checkbox } from './components/Checkbox';
+export type { DockItemProps, DockPosition, DockRootProps, DockSeparatorProps, } from './components/Dock';
+export { Dock } from './components/Dock';
+export type { CloseOnBackdropOptions, DrawerBodyProps, DrawerCloseProps, DrawerContentProps, DrawerHandleProps, DrawerOverlayProps, DrawerPortalProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps, } from './components/Drawer';
 export { Drawer } from './components/Drawer';
-export type { CloseOnBackdropOptions, DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerOverlayProps, DrawerContentProps, DrawerHandleProps, DrawerTitleProps, DrawerBodyProps, DrawerCloseProps, } from './components/Drawer';
-export { Sheet } from './components/Sheet';
-export type { SheetPosition, SheetRootProps, SheetTriggerProps, SheetPortalProps, SheetOverlayProps, SheetContentProps, SheetHeaderProps, SheetTitleProps, SheetBodyProps, SheetCloseProps, } from './components/Sheet';
+export type { InputProps } from './components/Input';
+export { Input } from './components/Input';
+export type { ModalBodyProps, ModalCloseProps, ModalContentProps, ModalFooterProps, ModalHeaderProps, ModalOverlayProps, ModalRootProps, ModalTitleProps, ModalVariant, } from './components/Modal';
 export { Modal } from './components/Modal';
-export type { ModalVariant, ModalRootProps, ModalOverlayProps, ModalContentProps, ModalCloseProps, ModalTitleProps, ModalBodyProps, ModalHeaderProps, ModalFooterProps, } from './components/Modal';
-export { ToastProvider, useToast } from './components/Toast';
-export type { ToastVariant, Toast, ToastOptions, ToastProviderProps, UseToastReturn, } from './components/Toast';
-export { Dock } from './components/Dock';
-export type { DockRootProps, DockItemProps, DockSeparatorProps, DockPosition, } from './components/Dock';
+export type { NumberFlowProps } from './components/NumberFlow';
+export { NumberFlow } from './components/NumberFlow';
+export type { PopoverContentProps, PopoverRootProps, PopoverTriggerProps, } from './components/Popover';
+export { Popover } from './components/Popover';
+export type { SheetBodyProps, SheetCloseProps, SheetContentProps, SheetHeaderProps, SheetOverlayProps, SheetPortalProps, SheetPosition, SheetRootProps, SheetTitleProps, SheetTriggerProps, } from './components/Sheet';
+export { Sheet } from './components/Sheet';
+export type { SkeletonProps } from './components/Skeleton';
+export { Skeleton } from './components/Skeleton';
+export type { SpeedDialActionProps, SpeedDialActionsProps, SpeedDialDirection, SpeedDialRootProps, SpeedDialTriggerProps, } from './components/SpeedDial';
 export { SpeedDial } from './components/SpeedDial';
-export type { SpeedDialDirection, SpeedDialRootProps, SpeedDialTriggerProps, SpeedDialActionsProps, SpeedDialActionProps, } from './components/SpeedDial';
+export type { SwitchProps } from './components/Switch';
+export { Switch } from './components/Switch';
+export type { AutoSizeConfig, TextareaProps } from './components/Textarea';
+export { Textarea } from './components/Textarea';
+export type { MinuteStep, TimeFormat, TimePeriod, TimePickerColumnProps, TimePickerHighlightProps, TimePickerRootProps, TimeValue, } from './components/TimePicker';
+export { TimePicker } from './components/TimePicker';
+export type { Toast, ToastOptions, ToastProviderProps, ToastVariant, UseToastReturn, } from './components/Toast';
+export { ToastProvider, useToast } from './components/Toast';
+export type { TooltipAlign, TooltipContentProps, TooltipPosition, TooltipRootProps, TooltipTriggerProps, TooltipVariant, } from './components/Tooltip';
+export { Tooltip } from './components/Tooltip';

package/dist/index.js

@@ -1,36 +1,40 @@
-import { Button as e } from "./components/Button/Button.js";
-import { Input as p } from "./components/Input/Input.js";
-import { Textarea as f } from "./components/Textarea/Textarea.js";
+import { Accordion as e } from "./components/Accordion/Accordion.js";
+import { Badge as p } from "./components/Badge/Badge.js";
+import { Button as x } from "./components/Button/Button.js";
 import { Checkbox as a } from "./components/Checkbox/Checkbox.js";
-import { Switch as d } from "./components/Switch/Switch.js";
-import { Accordion as l } from "./components/Accordion/Accordion.js";
-import { Skeleton as S } from "./components/Skeleton/Skeleton.js";
-import { Badge as h } from "./components/Badge/Badge.js";
-import { Tooltip as s } from "./components/Tooltip/Tooltip.js";
-import { Popover as D } from "./components/Popover/Popover.js";
-import { Drawer as w } from "./components/Drawer/Drawer.js";
+import { Dock as c } from "./components/Dock/Dock.js";
+import { Drawer as l } from "./components/Drawer/Drawer.js";
+import { Input as k } from "./components/Input/Input.js";
+import { Modal as u } from "./components/Modal/Modal.js";
+import { NumberFlow as h } from "./components/NumberFlow/NumberFlow.js";
+import { Popover as w } from "./components/Popover/Popover.js";
 import { Sheet as P } from "./components/Sheet/Sheet.js";
-import { Modal as g } from "./components/Modal/Modal.js";
-import { ToastProvider as C } from "./components/Toast/Toast.js";
-import { useToast as M } from "./components/Toast/useToast.js";
-import { Dock as q } from "./components/Dock/Dock.js";
-import { SpeedDial as z } from "./components/SpeedDial/SpeedDial.js";
+import { Skeleton as v } from "./components/Skeleton/Skeleton.js";
+import { SpeedDial as g } from "./components/SpeedDial/SpeedDial.js";
+import { Switch as C } from "./components/Switch/Switch.js";
+import { Textarea as I } from "./components/Textarea/Textarea.js";
+import { TimePicker as N } from "./components/TimePicker/TimePicker.js";
+import { ToastProvider as q } from "./components/Toast/Toast.js";
+import { useToast as z } from "./components/Toast/useToast.js";
+import { Tooltip as G } from "./components/Tooltip/Tooltip.js";
 export {
-  l as Accordion,
-  h as Badge,
-  e as Button,
+  e as Accordion,
+  p as Badge,
+  x as Button,
   a as Checkbox,
-  q as Dock,
-  w as Drawer,
-  p as Input,
-  g as Modal,
-  D as Popover,
+  c as Dock,
+  l as Drawer,
+  k as Input,
+  u as Modal,
+  h as NumberFlow,
+  w as Popover,
   P as Sheet,
-  S as Skeleton,
-  z as SpeedDial,
-  d as Switch,
-  f as Textarea,
-  C as ToastProvider,
-  s as Tooltip,
-  M as useToast
+  v as Skeleton,
+  g as SpeedDial,
+  C as Switch,
+  I as Textarea,
+  N as TimePicker,
+  q as ToastProvider,
+  G as Tooltip,
+  z as useToast
 };

package/dist/test/utils.d.ts

@@ -1,5 +1,5 @@
-import { RenderOptions } from '@testing-library/react';
 import { ReactElement } from 'react';
+import { RenderOptions } from '@testing-library/react';
 /**
  * Custom render function with common providers
  * 필요시 ThemeProvider, ToastProvider 등 추가 가능

package/dist/utils/Slot.js

@@ -1,10 +1,10 @@
-import i from "react";
-const r = i.forwardRef(
+import c from "react";
+const r = c.forwardRef(
   ({ children: e, ...a }, t) => {
-    if (!i.isValidElement(e))
+    if (!c.isValidElement(e))
       return null;
     const n = o(e);
-    return i.cloneElement(e, {
+    return c.cloneElement(e, {
       ...l(a, e.props),
       ref: t ? m(t, n) : n
     });
@@ -13,7 +13,7 @@ const r = i.forwardRef(
 r.displayName = "Slot";
 function o(e) {
   var n;
-  let a = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get;
+  const a = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get;
   return a && "isReactWarning" in a && a.isReactWarning ? e.ref : e.props.ref || e.ref;
 }
 function l(e, a) {
@@ -24,8 +24,8 @@ function l(e, a) {
   });
   for (const n in a) {
     const f = e[n], s = a[n];
-    /^on[A-Z]/.test(n) ? typeof f == "function" && typeof s == "function" ? t[n] = (...c) => {
-      s(...c), f(...c);
+    /^on[A-Z]/.test(n) ? typeof f == "function" && typeof s == "function" ? t[n] = (...i) => {
+      s(...i), f(...i);
     } : typeof f == "function" && (t[n] = f) : n !== "className" && n !== "style" && (t[n] = f ?? s);
   }
   for (const n in e)