@forgedevstack/bear 1.3.0 → 1.3.1

package/dist/components/Select/Select.js

@@ -1,160 +1,144 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { useState as B, useRef as R, useCallback as G, useEffect as H } from "react";
-import { SELECT_DEFAULT_PLACEHOLDER as J, SELECT_SIZE_CLASSES as $, S_E_L_E_C_T_ROOT_CLASS as s, SELECT_MENU_Z_INDEX as K, SELECT_MENU_EDGE_PAD_PX as q, SELECT_MENU_OFFSET_PX as Q } from "./Select.const.js";
-import { ChevronDownIcon as Y, CheckIcon as ee } from "../Icon/index.js";
-import { Portal as re } from "../Portal/Portal.js";
-import { cn as b } from "../../utils/cn.js";
-import { resolveBearId as ae } from "../../utils/generateBearId.utils.js";
-import { useBearId as te } from "../../utils/useBearId.js";
-import { useClickOutsideMultiple as le } from "../../hooks/useClickOutside.js";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useState as X, useRef as $, useCallback as Z } from "react";
+import { SELECT_DEFAULT_PLACEHOLDER as H, SELECT_MENU_OFFSET_PX as G, SELECT_SIZE_CLASSES as q, S_E_L_E_C_T_ROOT_CLASS as t, SELECT_MENU_Z_INDEX as J } from "./Select.const.js";
+import { ChevronDownIcon as K, CheckIcon as Q } from "../Icon/index.js";
+import { OverlayPortal as Y } from "../OverlayPortal/OverlayPortal.js";
+import { cn as d } from "../../utils/cn.js";
+import { resolveBearId as ee } from "../../utils/generateBearId.utils.js";
+import { useBearId as re } from "../../utils/useBearId.js";
+import { useClickOutsideMultiple as ae } from "../../hooks/useClickOutside.js";
 import "../../context/BearProvider.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
+import { useFixedAnchorPosition as le } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
+import { resolveOverlayEffects as te } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
 import { useFormControl as se } from "../../hooks/useFormControl/useFormControl.js";
-const xe = (A) => {
+const ge = (N) => {
   const {
-    options: p,
-    value: t,
-    onChange: i,
-    placeholder: h = J,
-    label: u,
-    error: x,
-    disabled: F = !1,
-    required: j = !1,
-    size: L = "md",
+    options: v,
+    value: l,
+    onChange: s,
+    placeholder: p = H,
+    label: c,
+    error: y,
+    disabled: B = !1,
+    required: D = !1,
+    size: S = "md",
     fullWidth: k = !1,
-    displayEmpty: w = !1,
+    displayEmpty: h = !1,
     renderValue: I,
-    native: f = !1,
-    className: C,
-    id: z,
-    testId: P
-  } = A, U = te("Select"), m = ae(z, U), r = se(), [l, g] = B(!1), [y, X] = B({
-    top: 0,
-    left: 0,
-    width: 0
-  }), E = R(null), T = R(null), d = F || !!(r != null && r.disabled), _ = j || !!(r != null && r.required), o = !!x || !!(r != null && r.error), v = typeof x == "string" ? x : void 0, N = p.find((e) => e.value === t), S = t === void 0 || t === "", D = S || w && S, V = G(() => g(!1), []);
-  le([E, T], V, {
-    enabled: l && !f && !d
+    native: u = !1,
+    className: L,
+    id: F,
+    testId: O
+  } = N, { openEffect: P, closeEffect: A } = te(N), j = re("Select"), f = ee(F, j), r = se(), [b, x] = X(!1), g = $(null), C = $(null), { style: M, ready: U } = le({
+    anchorRef: g,
+    open: b && !u,
+    offsetPx: G,
+    matchWidth: !0
+  }), o = B || !!(r != null && r.disabled), _ = D || !!(r != null && r.required), i = !!y || !!(r != null && r.error), m = typeof y == "string" ? y : void 0, E = v.find((e) => e.value === l), w = l === void 0 || l === "", R = w || h && w, z = Z(() => x(!1), []);
+  ae([g, C], z, {
+    enabled: b && !u && !o
   });
-  const W = (e) => {
-    i == null || i(e), g(!1);
-  };
-  H(() => {
-    if (!l || f) return;
-    const e = () => {
-      var O;
-      const n = (O = E.current) == null ? void 0 : O.getBoundingClientRect();
-      n && X({
-        top: n.bottom + Q,
-        left: Math.max(
-          q,
-          Math.min(n.left, window.innerWidth - n.width - q)
-        ),
-        width: n.width
-      });
-    };
-    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
-      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
-    };
-  }, [l, f]);
-  const Z = I && !S ? I(t) : D || !N ? h : N.label, M = {
+  const V = (e) => {
+    s == null || s(e), x(!1);
+  }, W = I && !w ? I(l) : R || !E ? p : E.label, T = {
     backgroundColor: "var(--bear-bg-primary)",
-    borderColor: o ? void 0 : "var(--bear-border-default)",
-    color: N && !D ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
+    borderColor: i ? void 0 : "var(--bear-border-default)",
+    color: E && !R ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
   };
-  return f ? /* @__PURE__ */ c(
+  return u ? /* @__PURE__ */ n(
     "div",
     {
-      id: m,
-      "data-testid": P,
-      className: b(
-        s,
+      id: f,
+      "data-testid": O,
+      className: d(
+        t,
         "bear-relative bear-flex bear-flex-col bear-gap-1.5",
         k && "bear-w-full"
       ),
       children: [
-        u && /* @__PURE__ */ a(
+        c && /* @__PURE__ */ a(
           "label",
           {
-            htmlFor: `${m}-native`,
+            htmlFor: `${f}-native`,
             className: "bear-text-sm bear-font-medium",
             style: { color: "var(--bear-text-secondary)" },
-            children: u
+            children: c
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ n(
           "select",
           {
-            id: `${m}-native`,
-            disabled: d,
+            id: `${f}-native`,
+            disabled: o,
             required: _,
-            value: t ?? "",
-            onChange: (e) => i == null ? void 0 : i(e.target.value),
-            className: b(
-              `${s}__native`,
+            value: l ?? "",
+            onChange: (e) => s == null ? void 0 : s(e.target.value),
+            className: d(
+              `${t}__native`,
               "bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200",
               "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",
-              o ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500",
-              d && "bear-opacity-50 bear-cursor-not-allowed",
-              $[L],
-              C
+              i ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500",
+              o && "bear-opacity-50 bear-cursor-not-allowed",
+              q[S],
+              L
             ),
-            style: M,
-            "aria-invalid": o || void 0,
+            style: T,
+            "aria-invalid": i || void 0,
             "aria-required": _ || void 0,
             "aria-describedby": r == null ? void 0 : r.helperId,
             children: [
-              (w || h) && /* @__PURE__ */ a("option", { value: "", disabled: !w, children: h }),
-              p.map((e) => /* @__PURE__ */ a("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value))
+              (h || p) && /* @__PURE__ */ a("option", { value: "", disabled: !h, children: p }),
+              v.map((e) => /* @__PURE__ */ a("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value))
             ]
           }
         ),
-        v && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: v })
+        m && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: m })
       ]
     }
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ n(
     "div",
     {
-      ref: E,
-      id: m,
-      "data-testid": P,
-      className: b(
-        s,
+      ref: g,
+      id: f,
+      "data-testid": O,
+      className: d(
+        t,
         "bear-relative bear-flex bear-flex-col bear-gap-1.5",
         k && "bear-w-full"
       ),
       children: [
-        u && /* @__PURE__ */ a("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: u }),
-        /* @__PURE__ */ c(
+        c && /* @__PURE__ */ a("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: c }),
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: d,
-            onClick: () => !d && g(!l),
-            className: b(
-              `${s}__trigger`,
+            disabled: o,
+            onClick: () => !o && x(!b),
+            className: d(
+              `${t}__trigger`,
               "bear-flex bear-items-center bear-justify-between bear-w-full",
               "bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200",
               "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",
-              o ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
-              d && "bear-opacity-50 bear-cursor-not-allowed",
-              $[L],
-              C
+              i ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
+              o && "bear-opacity-50 bear-cursor-not-allowed",
+              q[S],
+              L
             ),
-            style: M,
+            style: T,
             "aria-haspopup": "listbox",
-            "aria-expanded": l,
-            "aria-invalid": o || void 0,
+            "aria-expanded": b,
+            "aria-invalid": i || void 0,
             "aria-required": _ || void 0,
             "aria-describedby": r == null ? void 0 : r.helperId,
             children: [
-              /* @__PURE__ */ a("span", { className: `${s}__value`, children: Z }),
+              /* @__PURE__ */ a("span", { className: `${t}__value`, children: W }),
               /* @__PURE__ */ a(
-                Y,
+                K,
                 {
-                  className: b(
+                  className: d(
                     "bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",
-                    l && "bear-rotate-180"
+                    b && "bear-rotate-180"
                   ),
                   style: { color: "var(--bear-text-muted)" }
                 }
@@ -162,51 +146,53 @@ const xe = (A) => {
             ]
           }
         ),
-        l && /* @__PURE__ */ a(re, { children: /* @__PURE__ */ a(
-          "div",
+        /* @__PURE__ */ a(
+          Y,
           {
-            ref: T,
-            className: `${s}__menu bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,
+            open: b && !u,
+            ready: U,
             style: {
+              ...M,
               backgroundColor: "var(--bear-bg-primary)",
-              borderColor: "var(--bear-border-default)",
-              top: y.top,
-              left: y.left,
-              width: y.width,
-              zIndex: K
+              borderColor: "var(--bear-border-default)"
             },
-            role: "listbox",
-            children: /* @__PURE__ */ a("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: p.map((e) => /* @__PURE__ */ c(
+            zIndex: J,
+            openEffect: P,
+            closeEffect: A,
+            panelRef: C,
+            className: `${t}__menu bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,
+            attributes: { role: "listbox" },
+            children: /* @__PURE__ */ a("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: v.map((e) => /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 disabled: e.disabled,
-                onClick: () => !e.disabled && W(e.value),
+                onClick: () => !e.disabled && V(e.value),
                 role: "option",
-                "aria-selected": e.value === t,
-                className: b(
-                  `${s}__option`,
+                "aria-selected": e.value === l,
+                className: d(
+                  `${t}__option`,
                   "bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2",
                   "bear-text-left bear-transition-colors",
                   e.disabled && "bear-cursor-not-allowed",
-                  e.value === t && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",
-                  !e.disabled && e.value !== t && "hover:bear-bg-[var(--bear-bg-tertiary)]"
+                  e.value === l && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",
+                  !e.disabled && e.value !== l && "hover:bear-bg-[var(--bear-bg-tertiary)]"
                 ),
-                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === t ? void 0 : { color: "var(--bear-text-secondary)" },
+                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === l ? void 0 : { color: "var(--bear-text-secondary)" },
                 children: [
                   e.label,
-                  e.value === t && /* @__PURE__ */ a(ee, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
+                  e.value === l && /* @__PURE__ */ a(Q, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
                 ]
               },
               e.value
             )) })
           }
-        ) }),
-        v && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: v })
+        ),
+        m && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: m })
       ]
     }
   );
 };
 export {
-  xe as Select
+  ge as Select
 };

package/dist/components/Select/Select.types.d.ts

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { OverlayEffectProps } from '../../hooks/useFixedAnchorPosition';
 export interface SelectOption {
     value: string;
     label: string;
     disabled?: boolean;
 }
-export interface SelectProps {
+export interface SelectProps extends OverlayEffectProps {
     testId?: string;
     id?: string;
     /** Select options */

package/dist/components/SignPad/SignPad.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=200,S=2,A="Sign here",e="image/png",r=.92,I="#1f2937",D="#f3f4f6",P="#ffffff",t="#18181b",E="bear-inline-flex bear-flex-col bear-gap-2",N="bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600",a="hover:bear-border-primary-400 dark:hover:bear-border-primary-500",L="bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none",b="bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none",n="bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none",o="bear-flex bear-gap-2 bear-justify-end",G="bear-pointer-events-none",T="rgba(0,0,0,0)",R=0,s=1,O="dark",c="bear-dark",C={pointerEvents:"none"},U=2,d=Math.PI*2;exports.SIGN_PAD_ACTIONS_CLASSES=o;exports.SIGN_PAD_BEAR_DARK_CLASS=c;exports.SIGN_PAD_BG_DARK=t;exports.SIGN_PAD_BG_LIGHT=P;exports.SIGN_PAD_CANVAS_WRAPPER_CLASSES=N;exports.SIGN_PAD_CANVAS_WRAPPER_HOVER=a;exports.SIGN_PAD_DEFAULT_HEIGHT=_;exports.SIGN_PAD_DEFAULT_OUTPUT_FORMAT=e;exports.SIGN_PAD_DEFAULT_OUTPUT_QUALITY=r;exports.SIGN_PAD_DEFAULT_PLACEHOLDER=A;exports.SIGN_PAD_DEFAULT_STROKE_WIDTH=S;exports.SIGN_PAD_EMPTY_SIZE=R;exports.SIGN_PAD_FULL_CIRCLE_RADIANS=d;exports.SIGN_PAD_HTML_DARK_CLASS=O;exports.SIGN_PAD_LINE_CLASSES=b;exports.SIGN_PAD_OVERLAY_POINTER_CLASS=G;exports.SIGN_PAD_OVERLAY_STYLE=C;exports.SIGN_PAD_PLACEHOLDER_CLASSES=L;exports.SIGN_PAD_ROOT_CLASSES=E;exports.SIGN_PAD_STROKE_DARK=D;exports.SIGN_PAD_STROKE_LIGHT=I;exports.SIGN_PAD_STROKE_RADIUS_DIVISOR=U;exports.SIGN_PAD_TRANSPARENT_FILL=T;exports.SIGN_PAD_UNIT_SCALE=s;exports.SIGN_PAD_X_MARK_CLASSES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=200,S=2,A="Sign here",e="image/png",r=.92,I="#1f2937",D="#f3f4f6",P="#ffffff",t="#18181b",a="bear-inline-flex bear-flex-col bear-gap-2",E="bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600",N="hover:bear-border-primary-400 dark:hover:bear-border-primary-500",b="bear-absolute bear-inset-0 bear-z-[1] bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none",L="bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-z-[1] bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none",n="bear-absolute bear-bottom-6 bear-left-4 bear-z-[1] bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none",o="bear-flex bear-gap-2 bear-justify-end",G="bear-pointer-events-none",T="rgba(0,0,0,0)",R=0,s=1,O="dark",c="bear-dark",C={pointerEvents:"none"},U=2,d=Math.PI*2;exports.SIGN_PAD_ACTIONS_CLASSES=o;exports.SIGN_PAD_BEAR_DARK_CLASS=c;exports.SIGN_PAD_BG_DARK=t;exports.SIGN_PAD_BG_LIGHT=P;exports.SIGN_PAD_CANVAS_WRAPPER_CLASSES=E;exports.SIGN_PAD_CANVAS_WRAPPER_HOVER=N;exports.SIGN_PAD_DEFAULT_HEIGHT=_;exports.SIGN_PAD_DEFAULT_OUTPUT_FORMAT=e;exports.SIGN_PAD_DEFAULT_OUTPUT_QUALITY=r;exports.SIGN_PAD_DEFAULT_PLACEHOLDER=A;exports.SIGN_PAD_DEFAULT_STROKE_WIDTH=S;exports.SIGN_PAD_EMPTY_SIZE=R;exports.SIGN_PAD_FULL_CIRCLE_RADIANS=d;exports.SIGN_PAD_HTML_DARK_CLASS=O;exports.SIGN_PAD_LINE_CLASSES=L;exports.SIGN_PAD_OVERLAY_POINTER_CLASS=G;exports.SIGN_PAD_OVERLAY_STYLE=C;exports.SIGN_PAD_PLACEHOLDER_CLASSES=b;exports.SIGN_PAD_ROOT_CLASSES=a;exports.SIGN_PAD_STROKE_DARK=D;exports.SIGN_PAD_STROKE_LIGHT=I;exports.SIGN_PAD_STROKE_RADIUS_DIVISOR=U;exports.SIGN_PAD_TRANSPARENT_FILL=T;exports.SIGN_PAD_UNIT_SCALE=s;exports.SIGN_PAD_X_MARK_CLASSES=n;

package/dist/components/SignPad/SignPad.const.d.ts

@@ -13,9 +13,9 @@ export declare const SIGN_PAD_BG_DARK = "#18181b";
 export declare const SIGN_PAD_ROOT_CLASSES = "bear-inline-flex bear-flex-col bear-gap-2";
 export declare const SIGN_PAD_CANVAS_WRAPPER_CLASSES = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600";
 export declare const SIGN_PAD_CANVAS_WRAPPER_HOVER = "hover:bear-border-primary-400 dark:hover:bear-border-primary-500";
-export declare const SIGN_PAD_PLACEHOLDER_CLASSES = "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none";
-export declare const SIGN_PAD_LINE_CLASSES = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none";
-export declare const SIGN_PAD_X_MARK_CLASSES = "bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none";
+export declare const SIGN_PAD_PLACEHOLDER_CLASSES = "bear-absolute bear-inset-0 bear-z-[1] bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none";
+export declare const SIGN_PAD_LINE_CLASSES = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-z-[1] bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none";
+export declare const SIGN_PAD_X_MARK_CLASSES = "bear-absolute bear-bottom-6 bear-left-4 bear-z-[1] bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none";
 export declare const SIGN_PAD_ACTIONS_CLASSES = "bear-flex bear-gap-2 bear-justify-end";
 export declare const SIGN_PAD_OVERLAY_POINTER_CLASS = "bear-pointer-events-none";
 export declare const SIGN_PAD_TRANSPARENT_FILL = "rgba(0,0,0,0)";

package/dist/components/SignPad/SignPad.const.js

@@ -1,4 +1,4 @@
-const e = 200, r = 2, _ = "Sign here", t = "image/png", a = 0.92, A = "#1f2937", S = "#f3f4f6", b = "#ffffff", n = "#18181b", o = "bear-inline-flex bear-flex-col bear-gap-2", I = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600", D = "hover:bear-border-primary-400 dark:hover:bear-border-primary-500", s = "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none", P = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none", E = "bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none", N = "bear-flex bear-gap-2 bear-justify-end", c = "bear-pointer-events-none", L = "rgba(0,0,0,0)", G = 0, R = 1, T = "dark", d = "bear-dark", i = { pointerEvents: "none" }, f = 2, C = Math.PI * 2;
+const e = 200, r = 2, _ = "Sign here", a = "image/png", t = 0.92, A = "#1f2937", S = "#f3f4f6", b = "#ffffff", n = "#18181b", o = "bear-inline-flex bear-flex-col bear-gap-2", I = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600", D = "hover:bear-border-primary-400 dark:hover:bear-border-primary-500", s = "bear-absolute bear-inset-0 bear-z-[1] bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none", P = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-z-[1] bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none", E = "bear-absolute bear-bottom-6 bear-left-4 bear-z-[1] bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none", N = "bear-flex bear-gap-2 bear-justify-end", c = "bear-pointer-events-none", L = "rgba(0,0,0,0)", G = 0, R = 1, T = "dark", d = "bear-dark", i = { pointerEvents: "none" }, f = 2, C = Math.PI * 2;
 export {
   N as SIGN_PAD_ACTIONS_CLASSES,
   d as SIGN_PAD_BEAR_DARK_CLASS,
@@ -7,8 +7,8 @@ export {
   I as SIGN_PAD_CANVAS_WRAPPER_CLASSES,
   D as SIGN_PAD_CANVAS_WRAPPER_HOVER,
   e as SIGN_PAD_DEFAULT_HEIGHT,
-  t as SIGN_PAD_DEFAULT_OUTPUT_FORMAT,
-  a as SIGN_PAD_DEFAULT_OUTPUT_QUALITY,
+  a as SIGN_PAD_DEFAULT_OUTPUT_FORMAT,
+  t as SIGN_PAD_DEFAULT_OUTPUT_QUALITY,
   _ as SIGN_PAD_DEFAULT_PLACEHOLDER,
   r as SIGN_PAD_DEFAULT_STROKE_WIDTH,
   G as SIGN_PAD_EMPTY_SIZE,

package/dist/components/TimePicker/TimePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),V=require("../../utils/cn.cjs"),G=require("../../hooks/useMediaQuery.cjs"),J=require("./TimePicker.utils.cjs"),e=require("./TimePicker.constants.cjs"),X=require("./components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.cjs"),Y=require("./components/TimePickerDialDropdown/TimePickerDialDropdown.cjs"),Z=s.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-gray-400 dark:bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})}),g=t=>{const y={value:t.value,onChange:t.onChange,disabled:t.disabled??!1,placeholder:t.placeholder??"Select time",label:t.label,error:t.error,helperText:t.helperText,format:t.format??e.TIMEPICKER_FORMAT_12H,minuteStep:t.minuteStep??5,clearable:t.clearable??!0,className:t.className,size:t.size??"md",variant:t.variant??"default",dropdownVariant:t.dropdownVariant??e.TIMEPICKER_VARIANT_COLUMNS,dropdownVariantBreakpoint:t.dropdownVariantBreakpoint??e.TIMEPICKER_DEFAULT_BREAKPOINT,icon:t.icon,translations:t.translations},{value:j,onChange:l,disabled:T,placeholder:D,label:M,error:i,helperText:S,format:c,minuteStep:_,clearable:A,className:H,size:U,variant:q,dropdownVariant:f,dropdownVariantBreakpoint:F,icon:z,translations:b}=y,B=G.useMediaQuery(`(min-width: ${F}px)`),p=f===e.TIMEPICKER_VARIANT_AUTO?B?e.TIMEPICKER_VARIANT_DIAL:e.TIMEPICKER_VARIANT_COLUMNS:f,h=p===e.TIMEPICKER_VARIANT_DIAL&&c===e.TIMEPICKER_FORMAT_24H?e.TIMEPICKER_VARIANT_COLUMNS:p,n=j,[C,d]=r.useState(!1),[u,N]=r.useState(12),[E,k]=r.useState(0),[I,K]=r.useState("AM"),R=r.useRef(null);r.useEffect(()=>{if(n&&typeof n=="string"){const[o,a]=n.split(" "),[W,$]=o.split(":").map(Number);N(W),k($),a&&K(a)}},[n]),r.useEffect(()=>{const o=a=>{R.current&&!R.current.contains(a.target)&&d(!1)};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[]);const O=r.useCallback(()=>{l==null||l(J.formatTime(u,E,I,c??e.TIMEPICKER_FORMAT_12H)),d(!1)},[l,u,E,I,c]),x=c===e.TIMEPICKER_FORMAT_12H?Array.from({length:e.TIMEPICKER_HOURS_12H},(o,a)=>a+1):Array.from({length:e.TIMEPICKER_HOURS_24H},(o,a)=>a),L=Array.from({length:e.TIMEPICKER_MINUTES_DIVISOR/(_??5)},(o,a)=>a*(_??5)),w=r.useCallback(()=>d(!1),[]),v=c??e.TIMEPICKER_FORMAT_12H,P=_??5,m=r.useMemo(()=>({selectedHour:u,setSelectedHour:N,selectedMinute:E,setSelectedMinute:k,period:I,setPeriod:K,format:v,hours:x,minutes:L,timeValue:n,clearable:A??!0,onChange:l,onConfirm:O,onClose:w,translations:b}),[u,E,I,v,x,L,n,A,l,O,w,b]),Q=r.useCallback(()=>C?h===e.TIMEPICKER_VARIANT_DIAL?s.jsx(Y.TimePickerDialDropdown,{...m,minuteStep:P}):s.jsx(X.TimePickerColumnsDropdown,{...m}):null,[C,h,m,P]);return s.jsxs("div",{ref:R,className:V.cn(e.TIMEPICKER_ROOT_CLASSES,H),children:[M&&s.jsx("label",{className:e.TIMEPICKER_LABEL_CLASSES,children:M}),s.jsxs("button",{type:"button",onClick:()=>!T&&d(!C),disabled:T,className:V.cn(e.TIMEPICKER_BUTTON_CLASSES,e.sizeClasses[U??"md"],e.variantClasses[q??"default"],i?"bear-border-red-500":"focus:bear-border-primary-500",T&&"bear-opacity-50 bear-cursor-not-allowed",n?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-400 dark:bear-text-zinc-500"),children:[s.jsx("span",{children:n||D}),z??Z]}),i&&s.jsx("p",{className:e.TIMEPICKER_ERROR_CLASSES,children:i}),S&&!i&&s.jsx("p",{className:e.TIMEPICKER_HELPER_CLASSES,children:S}),Q()]})};exports.TimePicker=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),q=require("../../utils/cn.cjs"),re=require("../../hooks/useMediaQuery.cjs"),ae=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const se=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),le=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const ne=require("../Icon/index.cjs"),oe=require("../OverlayPortal/OverlayPortal.cjs"),ce=require("./TimePicker.utils.cjs"),e=require("./TimePicker.constants.cjs"),ie=require("./components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.cjs"),ue=require("./components/TimePickerDialDropdown/TimePickerDialDropdown.cjs"),de=t=>{const w={value:t.value,onChange:t.onChange,disabled:t.disabled??!1,placeholder:t.placeholder??"Select time",label:t.label,error:t.error,helperText:t.helperText,format:t.format??e.TIMEPICKER_FORMAT_12H,minuteStep:t.minuteStep??5,clearable:t.clearable??!0,className:t.className,size:t.size??"md",variant:t.variant??"default",dropdownVariant:t.dropdownVariant??e.TIMEPICKER_VARIANT_COLUMNS,dropdownVariantBreakpoint:t.dropdownVariantBreakpoint??e.TIMEPICKER_DEFAULT_BREAKPOINT,icon:t.icon,translations:t.translations,openEffect:t.openEffect,closeEffect:t.closeEffect,effect:t.effect,testId:t.testId},{openEffect:H,closeEffect:j}=le.resolveOverlayEffects(t),{value:F,onChange:n,disabled:T,placeholder:U,label:C,error:i,helperText:M,format:c,minuteStep:_,clearable:A,className:z,size:B,variant:W,dropdownVariant:S,dropdownVariantBreakpoint:Q,icon:X,translations:b,testId:G}=w,Z=re.useMediaQuery(`(min-width: ${Q}px)`),O=S===e.TIMEPICKER_VARIANT_AUTO?Z?e.TIMEPICKER_VARIANT_DIAL:e.TIMEPICKER_VARIANT_COLUMNS:S,m=O===e.TIMEPICKER_VARIANT_DIAL&&c===e.TIMEPICKER_FORMAT_24H?e.TIMEPICKER_VARIANT_COLUMNS:O,s=F,[o,u]=r.useState(!1),[d,p]=r.useState(12),[I,N]=r.useState(0),[E,h]=r.useState("AM"),K=r.useRef(null),P=r.useRef(null),x=r.useRef(null),{style:$,ready:J}=se.useFixedAnchorPosition({anchorRef:P,open:o,estimatedHeightPx:e.TIMEPICKER_DROPDOWN_HEIGHT_PX});r.useEffect(()=>{if(s&&typeof s=="string"){const[R,l]=s.split(" "),[ee,te]=R.split(":").map(Number);p(ee),N(te),l&&h(l)}},[s]);const Y=r.useCallback(()=>u(!1),[]);ae.useClickOutsideMultiple([K,x],Y,{enabled:o});const k=r.useCallback(()=>{n==null||n(ce.formatTime(d,I,E,c??e.TIMEPICKER_FORMAT_12H)),u(!1)},[n,d,I,E,c]),y=c===e.TIMEPICKER_FORMAT_12H?Array.from({length:e.TIMEPICKER_HOURS_12H},(R,l)=>l+1):Array.from({length:e.TIMEPICKER_HOURS_24H},(R,l)=>l),D=Array.from({length:e.TIMEPICKER_MINUTES_DIVISOR/(_??5)},(R,l)=>l*(_??5)),v=r.useCallback(()=>u(!1),[]),L=c??e.TIMEPICKER_FORMAT_12H,V=_??5,f=r.useMemo(()=>({selectedHour:d,setSelectedHour:p,selectedMinute:I,setSelectedMinute:N,period:E,setPeriod:h,format:L,hours:y,minutes:D,timeValue:s,clearable:A??!0,onChange:n,onConfirm:k,onClose:v,translations:b}),[d,I,E,L,y,D,s,A,n,k,v,b]),g=r.useCallback(()=>o?m===e.TIMEPICKER_VARIANT_DIAL?a.jsx(ue.TimePickerDialDropdown,{...f,minuteStep:V}):a.jsx(ie.TimePickerColumnsDropdown,{...f}):null,[o,m,f,V]);return a.jsxs("div",{ref:K,className:q.cn(e.TIMEPICKER_ROOT_CLASSES,z),"data-testid":G,children:[C&&a.jsx("label",{className:e.TIMEPICKER_LABEL_CLASSES,children:C}),a.jsxs("button",{ref:P,type:"button",onClick:()=>!T&&u(!o),disabled:T,className:q.cn(e.TIMEPICKER_BUTTON_CLASSES,e.sizeClasses[B??"md"],e.variantClasses[W??"default"],i?"bear-border-red-500":"focus:bear-border-primary-500",T&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-400 dark:bear-text-zinc-500"),children:[a.jsx("span",{children:s||U}),X??a.jsx(ne.ClockIcon,{className:e.TIMEPICKER_CLOCK_ICON_CLASS})]}),i&&a.jsx("p",{className:e.TIMEPICKER_ERROR_CLASSES,children:i}),M&&!i&&a.jsx("p",{className:e.TIMEPICKER_HELPER_CLASSES,children:M}),a.jsx(oe.OverlayPortal,{open:o,ready:J,style:$,zIndex:e.TIMEPICKER_DROPDOWN_Z_INDEX,openEffect:H,closeEffect:j,panelRef:x,attributes:{[e.TIMEPICKER_DROPDOWN_ATTR]:""},children:g()})]})};exports.TimePicker=de;

package/dist/components/TimePicker/TimePicker.constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=12,r=24,a=60,E=768,_="12h",I="24h",b="auto",t="dial",T="columns",C=80,S=100,R=[12,1,2,3,4,5,6,7,8,9,10,11],o={selectTime:"SELECT TIME",hour:"Hour",minute:"Minute",period:"Period",cancel:"CANCEL",ok:"OK"},n={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},P={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-gray-300 dark:bear-border-zinc-600",filled:"bear-bg-gray-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-gray-400 dark:bear-border-zinc-500"},i="Bear-TimePicker bear-relative",c="Bear-TimePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5",A="Bear-TimePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",s="Bear-TimePicker__dropdown bear-absolute bear-z-[9999] bear-mt-1 bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64",O="Bear-TimePicker__column-header bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mb-1 bear-text-center",M="Bear-TimePicker__column bear-h-32 bear-overflow-y-auto bear-space-y-1",L="Bear-TimePicker__option bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",K="bear-bg-primary-500 bear-text-white",d="bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",l="Bear-TimePicker__footer bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700",N="Bear-TimePicker__clear bear-flex-1 bear-py-1.5 bear-text-sm bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-white bear-rounded bear-border bear-border-gray-300 dark:bear-border-zinc-600",m="Bear-TimePicker__confirm bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-primary-500 bear-text-white bear-rounded hover:bear-bg-primary-600",x="Bear-TimePicker__error bear-mt-1 bear-text-xs bear-text-red-500",g="Bear-TimePicker__helper bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500";exports.CLOCK_CENTER=S;exports.CLOCK_HOURS_12=R;exports.CLOCK_RADIUS=C;exports.TIMEPICKER_BUTTON_CLASSES=A;exports.TIMEPICKER_CLEAR_BUTTON_CLASSES=N;exports.TIMEPICKER_COLUMN_CLASSES=M;exports.TIMEPICKER_COLUMN_HEADER_CLASSES=O;exports.TIMEPICKER_CONFIRM_BUTTON_CLASSES=m;exports.TIMEPICKER_DEFAULT_BREAKPOINT=E;exports.TIMEPICKER_DEFAULT_TRANSLATIONS=o;exports.TIMEPICKER_DROPDOWN_CLASSES=s;exports.TIMEPICKER_ERROR_CLASSES=x;exports.TIMEPICKER_FOOTER_CLASSES=l;exports.TIMEPICKER_FORMAT_12H=_;exports.TIMEPICKER_FORMAT_24H=I;exports.TIMEPICKER_HELPER_CLASSES=g;exports.TIMEPICKER_HOURS_12H=e;exports.TIMEPICKER_HOURS_24H=r;exports.TIMEPICKER_LABEL_CLASSES=c;exports.TIMEPICKER_MINUTES_DIVISOR=a;exports.TIMEPICKER_OPTION_ACTIVE_CLASSES=K;exports.TIMEPICKER_OPTION_CLASSES=L;exports.TIMEPICKER_OPTION_INACTIVE_CLASSES=d;exports.TIMEPICKER_ROOT_CLASSES=i;exports.TIMEPICKER_VARIANT_AUTO=b;exports.TIMEPICKER_VARIANT_COLUMNS=T;exports.TIMEPICKER_VARIANT_DIAL=t;exports.sizeClasses=n;exports.variantClasses=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=12,r=24,E=60,a=768,_="12h",I="24h",t="auto",b="dial",T="columns",C=80,R=100,S=[12,1,2,3,4,5,6,7,8,9,10,11],o={selectTime:"SELECT TIME",hour:"Hour",minute:"Minute",period:"Period",cancel:"CANCEL",ok:"OK"},P={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},O={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-gray-300 dark:bear-border-zinc-600",filled:"bear-bg-gray-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-gray-400 dark:bear-border-zinc-500"},n="Bear-TimePicker bear-relative",c="Bear-TimePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5",i="Bear-TimePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",A=360,M=11e3,s="data-bear-timepicker-dropdown",K="Bear-TimePicker__dropdown bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64",L="Bear-TimePicker__column-header bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mb-1 bear-text-center",d="Bear-TimePicker__column bear-h-32 bear-overflow-y-auto bear-space-y-1",N="Bear-TimePicker__option bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",l="bear-bg-primary-500 bear-text-white",x="bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",m="Bear-TimePicker__footer bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700",g="Bear-TimePicker__clear bear-flex-1 bear-py-1.5 bear-text-sm bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-white bear-rounded bear-border bear-border-gray-300 dark:bear-border-zinc-600",k="Bear-TimePicker__confirm bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-primary-500 bear-text-white bear-rounded hover:bear-bg-primary-600",D="Bear-TimePicker__error bear-mt-1 bear-text-xs bear-text-red-500",y="Bear-TimePicker__helper bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",U="bear-w-5 bear-h-5 bear-text-gray-400 dark:bear-text-zinc-400";exports.CLOCK_CENTER=R;exports.CLOCK_HOURS_12=S;exports.CLOCK_RADIUS=C;exports.TIMEPICKER_BUTTON_CLASSES=i;exports.TIMEPICKER_CLEAR_BUTTON_CLASSES=g;exports.TIMEPICKER_CLOCK_ICON_CLASS=U;exports.TIMEPICKER_COLUMN_CLASSES=d;exports.TIMEPICKER_COLUMN_HEADER_CLASSES=L;exports.TIMEPICKER_CONFIRM_BUTTON_CLASSES=k;exports.TIMEPICKER_DEFAULT_BREAKPOINT=a;exports.TIMEPICKER_DEFAULT_TRANSLATIONS=o;exports.TIMEPICKER_DROPDOWN_ATTR=s;exports.TIMEPICKER_DROPDOWN_CLASSES=K;exports.TIMEPICKER_DROPDOWN_HEIGHT_PX=A;exports.TIMEPICKER_DROPDOWN_Z_INDEX=M;exports.TIMEPICKER_ERROR_CLASSES=D;exports.TIMEPICKER_FOOTER_CLASSES=m;exports.TIMEPICKER_FORMAT_12H=_;exports.TIMEPICKER_FORMAT_24H=I;exports.TIMEPICKER_HELPER_CLASSES=y;exports.TIMEPICKER_HOURS_12H=e;exports.TIMEPICKER_HOURS_24H=r;exports.TIMEPICKER_LABEL_CLASSES=c;exports.TIMEPICKER_MINUTES_DIVISOR=E;exports.TIMEPICKER_OPTION_ACTIVE_CLASSES=l;exports.TIMEPICKER_OPTION_CLASSES=N;exports.TIMEPICKER_OPTION_INACTIVE_CLASSES=x;exports.TIMEPICKER_ROOT_CLASSES=n;exports.TIMEPICKER_VARIANT_AUTO=t;exports.TIMEPICKER_VARIANT_COLUMNS=T;exports.TIMEPICKER_VARIANT_DIAL=b;exports.sizeClasses=P;exports.variantClasses=O;

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

@@ -27,7 +27,10 @@ export declare const variantClasses: Record<'default' | 'filled' | 'outline', st
 export declare const TIMEPICKER_ROOT_CLASSES = "Bear-TimePicker bear-relative";
 export declare const TIMEPICKER_LABEL_CLASSES = "Bear-TimePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5";
 export declare const TIMEPICKER_BUTTON_CLASSES = "Bear-TimePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors";
-export declare const TIMEPICKER_DROPDOWN_CLASSES = "Bear-TimePicker__dropdown bear-absolute bear-z-[9999] bear-mt-1 bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64";
+export declare const TIMEPICKER_DROPDOWN_HEIGHT_PX = 360;
+export declare const TIMEPICKER_DROPDOWN_Z_INDEX = 11000;
+export declare const TIMEPICKER_DROPDOWN_ATTR = "data-bear-timepicker-dropdown";
+export declare const TIMEPICKER_DROPDOWN_CLASSES = "Bear-TimePicker__dropdown bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64";
 export declare const TIMEPICKER_COLUMN_HEADER_CLASSES = "Bear-TimePicker__column-header bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mb-1 bear-text-center";
 export declare const TIMEPICKER_COLUMN_CLASSES = "Bear-TimePicker__column bear-h-32 bear-overflow-y-auto bear-space-y-1";
 export declare const TIMEPICKER_OPTION_CLASSES = "Bear-TimePicker__option bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors";
@@ -38,3 +41,4 @@ export declare const TIMEPICKER_CLEAR_BUTTON_CLASSES = "Bear-TimePicker__clear b
 export declare const TIMEPICKER_CONFIRM_BUTTON_CLASSES = "Bear-TimePicker__confirm bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-primary-500 bear-text-white bear-rounded hover:bear-bg-primary-600";
 export declare const TIMEPICKER_ERROR_CLASSES = "Bear-TimePicker__error bear-mt-1 bear-text-xs bear-text-red-500";
 export declare const TIMEPICKER_HELPER_CLASSES = "Bear-TimePicker__helper bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500";
+export declare const TIMEPICKER_CLOCK_ICON_CLASS = "bear-w-5 bear-h-5 bear-text-gray-400 dark:bear-text-zinc-400";

package/dist/components/TimePicker/TimePicker.constants.js

@@ -1,47 +1,51 @@
-const e = 12, r = 24, a = 60, b = 768, t = "12h", o = "24h", E = "auto", _ = "dial", n = "columns", c = 80, i = 100, I = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11], T = {
+const e = 12, r = 24, a = 60, b = 768, t = "12h", E = "24h", o = "auto", _ = "dial", n = "columns", I = 80, c = 100, T = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11], i = {
   selectTime: "SELECT TIME",
   hour: "Hour",
   minute: "Minute",
   period: "Period",
   cancel: "CANCEL",
   ok: "OK"
-}, s = {
+}, C = {
   sm: "bear-py-1.5 bear-px-3 bear-text-sm",
   md: "bear-py-2 bear-px-4",
   lg: "bear-py-2.5 bear-px-5 bear-text-lg"
-}, C = {
+}, s = {
   default: "bear-bg-white dark:bear-bg-zinc-800 bear-border-gray-300 dark:bear-border-zinc-600",
   filled: "bear-bg-gray-100 dark:bear-bg-zinc-700 bear-border-transparent",
   outline: "bear-bg-transparent bear-border-gray-400 dark:bear-border-zinc-500"
-}, d = "Bear-TimePicker bear-relative", S = "Bear-TimePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5", R = "Bear-TimePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors", P = "Bear-TimePicker__dropdown bear-absolute bear-z-[9999] bear-mt-1 bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64", x = "Bear-TimePicker__column-header bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mb-1 bear-text-center", l = "Bear-TimePicker__column bear-h-32 bear-overflow-y-auto bear-space-y-1", m = "Bear-TimePicker__option bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors", A = "bear-bg-primary-500 bear-text-white", M = "bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700", O = "Bear-TimePicker__footer bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700", g = "Bear-TimePicker__clear bear-flex-1 bear-py-1.5 bear-text-sm bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-white bear-rounded bear-border bear-border-gray-300 dark:bear-border-zinc-600", L = "Bear-TimePicker__confirm bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-primary-500 bear-text-white bear-rounded hover:bear-bg-primary-600", k = "Bear-TimePicker__error bear-mt-1 bear-text-xs bear-text-red-500", K = "Bear-TimePicker__helper bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500";
+}, d = "Bear-TimePicker bear-relative", R = "Bear-TimePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5", S = "Bear-TimePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors", P = 360, O = 11e3, x = "data-bear-timepicker-dropdown", A = "Bear-TimePicker__dropdown bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64", M = "Bear-TimePicker__column-header bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mb-1 bear-text-center", m = "Bear-TimePicker__column bear-h-32 bear-overflow-y-auto bear-space-y-1", l = "Bear-TimePicker__option bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors", K = "bear-bg-primary-500 bear-text-white", g = "bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700", L = "Bear-TimePicker__footer bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700", k = "Bear-TimePicker__clear bear-flex-1 bear-py-1.5 bear-text-sm bear-text-gray-500 dark:bear-text-zinc-400 hover:bear-text-gray-700 dark:hover:bear-text-white bear-rounded bear-border bear-border-gray-300 dark:bear-border-zinc-600", y = "Bear-TimePicker__confirm bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-primary-500 bear-text-white bear-rounded hover:bear-bg-primary-600", N = "Bear-TimePicker__error bear-mt-1 bear-text-xs bear-text-red-500", p = "Bear-TimePicker__helper bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500", u = "bear-w-5 bear-h-5 bear-text-gray-400 dark:bear-text-zinc-400";
 export {
-  i as CLOCK_CENTER,
-  I as CLOCK_HOURS_12,
-  c as CLOCK_RADIUS,
-  R as TIMEPICKER_BUTTON_CLASSES,
-  g as TIMEPICKER_CLEAR_BUTTON_CLASSES,
-  l as TIMEPICKER_COLUMN_CLASSES,
-  x as TIMEPICKER_COLUMN_HEADER_CLASSES,
-  L as TIMEPICKER_CONFIRM_BUTTON_CLASSES,
+  c as CLOCK_CENTER,
+  T as CLOCK_HOURS_12,
+  I as CLOCK_RADIUS,
+  S as TIMEPICKER_BUTTON_CLASSES,
+  k as TIMEPICKER_CLEAR_BUTTON_CLASSES,
+  u as TIMEPICKER_CLOCK_ICON_CLASS,
+  m as TIMEPICKER_COLUMN_CLASSES,
+  M as TIMEPICKER_COLUMN_HEADER_CLASSES,
+  y as TIMEPICKER_CONFIRM_BUTTON_CLASSES,
   b as TIMEPICKER_DEFAULT_BREAKPOINT,
-  T as TIMEPICKER_DEFAULT_TRANSLATIONS,
-  P as TIMEPICKER_DROPDOWN_CLASSES,
-  k as TIMEPICKER_ERROR_CLASSES,
-  O as TIMEPICKER_FOOTER_CLASSES,
+  i as TIMEPICKER_DEFAULT_TRANSLATIONS,
+  x as TIMEPICKER_DROPDOWN_ATTR,
+  A as TIMEPICKER_DROPDOWN_CLASSES,
+  P as TIMEPICKER_DROPDOWN_HEIGHT_PX,
+  O as TIMEPICKER_DROPDOWN_Z_INDEX,
+  N as TIMEPICKER_ERROR_CLASSES,
+  L as TIMEPICKER_FOOTER_CLASSES,
   t as TIMEPICKER_FORMAT_12H,
-  o as TIMEPICKER_FORMAT_24H,
-  K as TIMEPICKER_HELPER_CLASSES,
+  E as TIMEPICKER_FORMAT_24H,
+  p as TIMEPICKER_HELPER_CLASSES,
   e as TIMEPICKER_HOURS_12H,
   r as TIMEPICKER_HOURS_24H,
-  S as TIMEPICKER_LABEL_CLASSES,
+  R as TIMEPICKER_LABEL_CLASSES,
   a as TIMEPICKER_MINUTES_DIVISOR,
-  A as TIMEPICKER_OPTION_ACTIVE_CLASSES,
-  m as TIMEPICKER_OPTION_CLASSES,
-  M as TIMEPICKER_OPTION_INACTIVE_CLASSES,
+  K as TIMEPICKER_OPTION_ACTIVE_CLASSES,
+  l as TIMEPICKER_OPTION_CLASSES,
+  g as TIMEPICKER_OPTION_INACTIVE_CLASSES,
   d as TIMEPICKER_ROOT_CLASSES,
-  E as TIMEPICKER_VARIANT_AUTO,
+  o as TIMEPICKER_VARIANT_AUTO,
   n as TIMEPICKER_VARIANT_COLUMNS,
   _ as TIMEPICKER_VARIANT_DIAL,
-  s as sizeClasses,
-  C as variantClasses
+  C as sizeClasses,
+  s as variantClasses
 };