@forgedevstack/bear 1.0.0 → 1.0.2

package/dist/components/Spinner/Spinner.js

@@ -1,45 +1,45 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { cn as l } from "../../utils/cn.js";
-const t = {
-  xs: "ember-w-3 ember-h-3",
-  sm: "ember-w-4 ember-h-4",
-  md: "ember-w-6 ember-h-6",
-  lg: "ember-w-8 ember-h-8",
-  xl: "ember-w-10 ember-h-10"
-}, c = ({
-  size: m = "md",
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+const o = {
+  xs: "bear-w-3 bear-h-3",
+  sm: "bear-w-4 bear-h-4",
+  md: "bear-w-6 bear-h-6",
+  lg: "bear-w-8 bear-h-8",
+  xl: "bear-w-10 bear-h-10"
+}, n = ({
+  size: r = "md",
   className: s,
-  color: e = "currentColor",
-  label: a = "Loading"
-}) => /* @__PURE__ */ i(
+  color: a = "currentColor",
+  label: i = "Loading"
+}) => /* @__PURE__ */ l(
   "svg",
   {
-    className: l(
-      "ember-animate-spin",
-      t[m],
+    className: t(
+      "bear-animate-spin",
+      o[r],
       s
     ),
     viewBox: "0 0 24 24",
     fill: "none",
-    "aria-label": a,
+    "aria-label": i,
     role: "status",
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ e(
         "circle",
         {
-          className: "ember-opacity-25",
+          className: "bear-opacity-25",
           cx: "12",
           cy: "12",
           r: "10",
-          stroke: e,
+          stroke: a,
           strokeWidth: "4"
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ e(
         "path",
         {
-          className: "ember-opacity-75",
-          fill: e,
+          className: "bear-opacity-75",
+          fill: a,
           d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
         }
       )
@@ -47,5 +47,5 @@ const t = {
   }
 );
 export {
-  c as Spinner
+  n as Spinner
 };

package/dist/components/TimePicker/TimePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("../../utils/cn.cjs"),q=({value:s,onChange:b,disabled:o=!1,placeholder:w="Select time",label:u,error:c,helperText:f,format:d="12h",minuteStep:p=5,clearable:S=!0,className:M,size:P="md",variant:A="default"})=>{const[h,i]=a.useState(!1),[j,z]=a.useState(12),[v,N]=a.useState(0),[y,g]=a.useState("AM"),x=a.useRef(null);a.useEffect(()=>{if(s){const[e,t]=s.split(" "),[l,m]=e.split(":").map(Number);z(l),N(m),t&&g(t)}},[s]),a.useEffect(()=>{const e=t=>{x.current&&!x.current.contains(t.target)&&i(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const $=(e,t,l)=>{const m=e.toString().padStart(2,"0"),k=t.toString().padStart(2,"0");return d==="12h"?`${m}:${k} ${l}`:`${e<12&&l==="PM"?e+12:e}:${k}`},C=()=>{b==null||b($(j,v,y)),i(!1)},E=d==="12h"?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),L=Array.from({length:60/p},(e,t)=>t*p),O={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"},R={default:"bear-bg-zinc-800 bear-border-zinc-600",filled:"bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-500"};return r.jsxs("div",{ref:x,className:n.cn("bear-relative",M),children:[u&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:u}),r.jsxs("button",{type:"button",onClick:()=>!o&&i(!h),disabled:o,className:n.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",O[P],R[A],c?"bear-border-red-500":"focus:bear-border-pink-500",o&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{children:s||w}),r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})]}),c&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:c}),f&&!c&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:f}),h&&r.jsxs("div",{className:"bear-absolute bear-z-50 bear-mt-1 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64",children:[r.jsxs("div",{className:"bear-flex bear-gap-2 bear-mb-3",children:[r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Hour"}),r.jsx("div",{className:"bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin",children:E.map(e=>r.jsx("button",{onClick:()=>z(e),className:n.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",j===e?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:e.toString().padStart(2,"0")},e))})]}),r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Minute"}),r.jsx("div",{className:"bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin",children:L.map(e=>r.jsx("button",{onClick:()=>N(e),className:n.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",v===e?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:e.toString().padStart(2,"0")},e))})]}),d==="12h"&&r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Period"}),r.jsx("div",{className:"bear-space-y-1",children:["AM","PM"].map(e=>r.jsx("button",{onClick:()=>g(e),className:n.cn("bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",y===e?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:e},e))})]})]}),r.jsxs("div",{className:"bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-zinc-700",children:[S&&s&&r.jsx("button",{onClick:()=>{b==null||b(""),i(!1)},className:"bear-flex-1 bear-py-1.5 bear-text-sm bear-text-zinc-400 hover:bear-text-white bear-rounded bear-border bear-border-zinc-600",children:"Clear"}),r.jsx("button",{onClick:C,className:"bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-pink-500 bear-text-white bear-rounded hover:bear-bg-pink-600",children:"Confirm"})]})]})]})};exports.TimePicker=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),q=require("../DateTimePicker/DateTimePicker.cjs"),c=require("../../utils/cn.cjs"),A=require("./TimePicker.utils.cjs"),n=require("./TimePicker.constants.cjs"),D=({mode:_="time",value:x,onChange:a,disabled:l=!1,placeholder:p="Select time",label:m,error:i,helperText:u,format:o="12h",minuteStep:f=5,clearable:j=!0,className:v,size:k="md",variant:N="default",...g})=>{if(_==="datetime")return e.jsx(q.DateTimePicker,{value:x instanceof Date?x:null,onChange:r=>a==null?void 0:a(r),disabled:l,placeholder:p,label:m,error:i,helperText:u,timeFormat:o,minuteStep:f,clearable:j,className:v,size:k,variant:N,...g});const s=x,[w,d]=b.useState(!1),[z,y]=b.useState(12),[S,P]=b.useState(0),[M,E]=b.useState("AM"),h=b.useRef(null);b.useEffect(()=>{if(s&&typeof s=="string"){const[r,t]=s.split(" "),[H,O]=r.split(":").map(Number);y(H),P(O),t&&E(t)}},[s]),b.useEffect(()=>{const r=t=>{h.current&&!h.current.contains(t.target)&&d(!1)};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[]);const I=()=>{a==null||a(A.formatTime(z,S,M,o)),d(!1)},R=o==="12h"?Array.from({length:n.TIMEPICKER_HOURS_12H},(r,t)=>t+1):Array.from({length:n.TIMEPICKER_HOURS_24H},(r,t)=>t),T=Array.from({length:n.TIMEPICKER_MINUTES_DIVISOR/f},(r,t)=>t*f);return e.jsxs("div",{ref:h,className:c.cn("bear-relative",v),children:[m&&e.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:m}),e.jsxs("button",{type:"button",onClick:()=>!l&&d(!w),disabled:l,className:c.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",n.sizeClasses[k],n.variantClasses[N],i?"bear-border-red-500":"focus:bear-border-pink-500",l&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-white":"bear-text-zinc-500"),children:[e.jsx("span",{children:s||p}),e.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})]}),i&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:i}),u&&!i&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:u}),w&&e.jsxs("div",{className:"bear-absolute bear-z-50 bear-mt-1 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64",children:[e.jsxs("div",{className:"bear-flex bear-gap-2 bear-mb-3",children:[e.jsxs("div",{className:"bear-flex-1",children:[e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Hour"}),e.jsx("div",{className:"bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin",children:R.map(r=>e.jsx("button",{onClick:()=>y(r),className:c.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",z===r?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:r.toString().padStart(2,"0")},r))})]}),e.jsxs("div",{className:"bear-flex-1",children:[e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Minute"}),e.jsx("div",{className:"bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin",children:T.map(r=>e.jsx("button",{onClick:()=>P(r),className:c.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",S===r?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:r.toString().padStart(2,"0")},r))})]}),o==="12h"&&e.jsxs("div",{className:"bear-flex-1",children:[e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Period"}),e.jsx("div",{className:"bear-space-y-1",children:["AM","PM"].map(r=>e.jsx("button",{onClick:()=>E(r),className:c.cn("bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",M===r?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700"),children:r},r))})]})]}),e.jsxs("div",{className:"bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-zinc-700",children:[j&&s&&e.jsx("button",{onClick:()=>{a==null||a(""),d(!1)},className:"bear-flex-1 bear-py-1.5 bear-text-sm bear-text-zinc-400 hover:bear-text-white bear-rounded bear-border bear-border-zinc-600",children:"Clear"}),e.jsx("button",{onClick:I,className:"bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-pink-500 bear-text-white bear-rounded hover:bear-bg-pink-600",children:"Confirm"})]})]})]})};exports.TimePicker=D;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=12,r=24,a=60,s={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"},t={default:"bear-bg-zinc-800 bear-border-zinc-600",filled:"bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-500"};exports.TIMEPICKER_HOURS_12H=e;exports.TIMEPICKER_HOURS_24H=r;exports.TIMEPICKER_MINUTES_DIVISOR=a;exports.sizeClasses=s;exports.variantClasses=t;

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

@@ -0,0 +1,5 @@
+export declare const TIMEPICKER_HOURS_12H = 12;
+export declare const TIMEPICKER_HOURS_24H = 24;
+export declare const TIMEPICKER_MINUTES_DIVISOR = 60;
+export declare const sizeClasses: Record<'sm' | 'md' | 'lg', string>;
+export declare const variantClasses: Record<'default' | 'filled' | 'outline', string>;

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

@@ -0,0 +1,16 @@
+const e = 12, r = 24, a = 60, b = {
+  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"
+}, t = {
+  default: "bear-bg-zinc-800 bear-border-zinc-600",
+  filled: "bear-bg-zinc-700 bear-border-transparent",
+  outline: "bear-bg-transparent bear-border-zinc-500"
+};
+export {
+  e as TIMEPICKER_HOURS_12H,
+  r as TIMEPICKER_HOURS_24H,
+  a as TIMEPICKER_MINUTES_DIVISOR,
+  b as sizeClasses,
+  t as variantClasses
+};

package/dist/components/TimePicker/TimePicker.js

@@ -1,108 +1,129 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useState as l, useRef as B, useEffect as M } from "react";
-import { cn as s } from "../../utils/cn.js";
-const q = ({
-  value: b,
-  onChange: n,
-  disabled: d = !1,
-  placeholder: A = "Select time",
-  label: p,
-  error: i,
-  helperText: f,
-  format: m = "12h",
-  minuteStep: h = 5,
-  clearable: P = !0,
-  className: $,
-  size: j = "md",
-  variant: C = "default"
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { useState as d, useRef as L, useEffect as g } from "react";
+import { DateTimePicker as C } from "../DateTimePicker/DateTimePicker.js";
+import { cn as c } from "../../utils/cn.js";
+import { formatTime as D } from "./TimePicker.utils.js";
+import { TIMEPICKER_HOURS_12H as K, TIMEPICKER_HOURS_24H as U, TIMEPICKER_MINUTES_DIVISOR as V, variantClasses as B, sizeClasses as F } from "./TimePicker.constants.js";
+const Y = ({
+  mode: P = "time",
+  value: m,
+  onChange: a,
+  disabled: n = !1,
+  placeholder: h = "Select time",
+  label: u,
+  error: s,
+  helperText: x,
+  format: l = "12h",
+  minuteStep: f = 5,
+  clearable: v = !0,
+  className: N,
+  size: k = "md",
+  variant: w = "default",
+  ...R
 }) => {
-  const [z, c] = l(!1), [N, v] = l(12), [w, k] = l(0), [y, g] = l("AM"), x = B(null);
-  M(() => {
-    if (b) {
-      const [e, a] = b.split(" "), [o, u] = e.split(":").map(Number);
-      v(o), k(u), a && g(a);
+  if (P === "datetime")
+    return /* @__PURE__ */ r(
+      C,
+      {
+        value: m instanceof Date ? m : null,
+        onChange: (e) => a == null ? void 0 : a(e),
+        disabled: n,
+        placeholder: h,
+        label: u,
+        error: s,
+        helperText: x,
+        timeFormat: l,
+        minuteStep: f,
+        clearable: v,
+        className: N,
+        size: k,
+        variant: w,
+        ...R
+      }
+    );
+  const i = m, [z, o] = d(!1), [y, M] = d(12), [E, I] = d(0), [S, _] = d("AM"), p = L(null);
+  g(() => {
+    if (i && typeof i == "string") {
+      const [e, t] = i.split(" "), [T, j] = e.split(":").map(Number);
+      M(T), I(j), t && _(t);
     }
-  }, [b]), M(() => {
-    const e = (a) => {
-      x.current && !x.current.contains(a.target) && c(!1);
+  }, [i]), g(() => {
+    const e = (t) => {
+      p.current && !p.current.contains(t.target) && o(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
-  const L = (e, a, o) => {
-    const u = e.toString().padStart(2, "0"), S = a.toString().padStart(2, "0");
-    return m === "12h" ? `${u}:${S} ${o}` : `${e < 12 && o === "PM" ? e + 12 : e}:${S}`;
-  }, E = () => {
-    n == null || n(L(N, w, y)), c(!1);
-  }, H = m === "12h" ? Array.from({ length: 12 }, (e, a) => a + 1) : Array.from({ length: 24 }, (e, a) => a), O = Array.from({ length: 60 / h }, (e, a) => a * h), _ = { 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" }, R = {
-    default: "bear-bg-zinc-800 bear-border-zinc-600",
-    filled: "bear-bg-zinc-700 bear-border-transparent",
-    outline: "bear-bg-transparent bear-border-zinc-500"
-  };
-  return /* @__PURE__ */ t("div", { ref: x, className: s("bear-relative", $), children: [
-    p && /* @__PURE__ */ r("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: p }),
-    /* @__PURE__ */ t(
+  const H = () => {
+    a == null || a(D(y, E, S, l)), o(!1);
+  }, O = l === "12h" ? Array.from({ length: K }, (e, t) => t + 1) : Array.from({ length: U }, (e, t) => t), A = Array.from(
+    { length: V / f },
+    (e, t) => t * f
+  );
+  return /* @__PURE__ */ b("div", { ref: p, className: c("bear-relative", N), children: [
+    u && /* @__PURE__ */ r("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: u }),
+    /* @__PURE__ */ b(
       "button",
       {
         type: "button",
-        onClick: () => !d && c(!z),
-        disabled: d,
-        className: s(
+        onClick: () => !n && o(!z),
+        disabled: n,
+        className: c(
           "bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",
-          _[j],
-          R[C],
-          i ? "bear-border-red-500" : "focus:bear-border-pink-500",
-          d && "bear-opacity-50 bear-cursor-not-allowed",
-          b ? "bear-text-white" : "bear-text-zinc-500"
+          F[k],
+          B[w],
+          s ? "bear-border-red-500" : "focus:bear-border-pink-500",
+          n && "bear-opacity-50 bear-cursor-not-allowed",
+          i ? "bear-text-white" : "bear-text-zinc-500"
         ),
         children: [
-          /* @__PURE__ */ r("span", { children: b || A }),
+          /* @__PURE__ */ r("span", { children: i || h }),
           /* @__PURE__ */ r("svg", { className: "bear-w-5 bear-h-5 bear-text-zinc-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) })
         ]
       }
     ),
-    i && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: i }),
-    f && !i && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: f }),
-    z && /* @__PURE__ */ t("div", { className: "bear-absolute bear-z-50 bear-mt-1 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64", children: [
-      /* @__PURE__ */ t("div", { className: "bear-flex bear-gap-2 bear-mb-3", children: [
-        /* @__PURE__ */ t("div", { className: "bear-flex-1", children: [
+    s && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: s }),
+    x && !s && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: x }),
+    z && /* @__PURE__ */ b("div", { className: "bear-absolute bear-z-50 bear-mt-1 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-64", children: [
+      /* @__PURE__ */ b("div", { className: "bear-flex bear-gap-2 bear-mb-3", children: [
+        /* @__PURE__ */ b("div", { className: "bear-flex-1", children: [
           /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Hour" }),
-          /* @__PURE__ */ r("div", { className: "bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin", children: H.map((e) => /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: "bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin", children: O.map((e) => /* @__PURE__ */ r(
             "button",
             {
-              onClick: () => v(e),
-              className: s(
+              onClick: () => M(e),
+              className: c(
                 "bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",
-                N === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
+                y === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
               ),
               children: e.toString().padStart(2, "0")
             },
             e
           )) })
         ] }),
-        /* @__PURE__ */ t("div", { className: "bear-flex-1", children: [
+        /* @__PURE__ */ b("div", { className: "bear-flex-1", children: [
           /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Minute" }),
-          /* @__PURE__ */ r("div", { className: "bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin", children: O.map((e) => /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: "bear-h-32 bear-overflow-y-auto bear-space-y-1 bear-scrollbar-thin", children: A.map((e) => /* @__PURE__ */ r(
             "button",
             {
-              onClick: () => k(e),
-              className: s(
+              onClick: () => I(e),
+              className: c(
                 "bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",
-                w === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
+                E === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
               ),
               children: e.toString().padStart(2, "0")
             },
             e
           )) })
         ] }),
-        m === "12h" && /* @__PURE__ */ t("div", { className: "bear-flex-1", children: [
+        l === "12h" && /* @__PURE__ */ b("div", { className: "bear-flex-1", children: [
           /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Period" }),
           /* @__PURE__ */ r("div", { className: "bear-space-y-1", children: ["AM", "PM"].map((e) => /* @__PURE__ */ r(
             "button",
             {
-              onClick: () => g(e),
-              className: s(
+              onClick: () => _(e),
+              className: c(
                 "bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",
-                y === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
+                S === e ? "bear-bg-pink-500 bear-text-white" : "bear-text-zinc-300 hover:bear-bg-zinc-700"
               ),
               children: e
             },
@@ -110,15 +131,15 @@ const q = ({
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { className: "bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-zinc-700", children: [
-        P && b && /* @__PURE__ */ r("button", { onClick: () => {
-          n == null || n(""), c(!1);
+      /* @__PURE__ */ b("div", { className: "bear-flex bear-gap-2 bear-pt-2 bear-border-t bear-border-zinc-700", children: [
+        v && i && /* @__PURE__ */ r("button", { onClick: () => {
+          a == null || a(""), o(!1);
         }, className: "bear-flex-1 bear-py-1.5 bear-text-sm bear-text-zinc-400 hover:bear-text-white bear-rounded bear-border bear-border-zinc-600", children: "Clear" }),
-        /* @__PURE__ */ r("button", { onClick: E, className: "bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-pink-500 bear-text-white bear-rounded hover:bear-bg-pink-600", children: "Confirm" })
+        /* @__PURE__ */ r("button", { onClick: H, className: "bear-flex-1 bear-py-1.5 bear-text-sm bear-bg-pink-500 bear-text-white bear-rounded hover:bear-bg-pink-600", children: "Confirm" })
       ] })
     ] })
   ] });
 };
 export {
-  q as TimePicker
+  Y as TimePicker
 };

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

@@ -1,6 +1,9 @@
 export interface TimePickerProps {
-    value?: string;
-    onChange?: (time: string) => void;
+    /** Time-only (string) or date+time (Date). When 'datetime', uses Calendar + time. */
+    mode?: 'time' | 'datetime';
+    /** Time string (e.g. "02:30 PM") when mode='time'; Date when mode='datetime' */
+    value?: string | Date | null;
+    onChange?: (time: string | Date | null) => void;
     disabled?: boolean;
     placeholder?: string;
     label?: string;

package/dist/components/TimePicker/TimePicker.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(t,o,n,e){const r=o.toString().padStart(2,"0");return e==="12h"?`${t.toString().padStart(2,"0")}:${r} ${n}`:`${t.toString().padStart(2,"0")}:${r}`}exports.formatTime=i;

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

@@ -0,0 +1 @@
+export declare function formatTime(h: number, m: number, p: 'AM' | 'PM', format: '12h' | '24h'): string;

package/dist/components/TimePicker/TimePicker.utils.js

@@ -0,0 +1,7 @@
+function i(t, n, o, S) {
+  const r = n.toString().padStart(2, "0");
+  return S === "12h" ? `${t.toString().padStart(2, "0")}:${r} ${o}` : `${t.toString().padStart(2, "0")}:${r}`;
+}
+export {
+  i as formatTime
+};

package/dist/components/TransferList/TransferList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),v=require("../../utils/cn.cjs"),h=require("../Button/Button.cjs"),F=require("../Input/Input.cjs"),M=require("../Checkbox/Checkbox.cjs"),I=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"9 18 15 12 9 6"})}),ee=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),re=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"6 18 12 12 6 6"}),e.jsx("polyline",{points:"12 18 18 12 12 6"})]}),se=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"18 18 12 12 18 6"}),e.jsx("polyline",{points:"12 18 6 12 12 6"})]}),te=({leftItems:c,rightItems:i,leftTitle:N="Available",rightTitle:S="Selected",searchable:g=!0,leftSearchPlaceholder:C="Search...",rightSearchPlaceholder:z="Search...",showCount:B=!0,showCheckboxes:L=!0,maxHeight:T=300,onChange:t,onMoveRight:d,onMoveLeft:m,disabled:o=!1,className:q,testId:R,...W})=>{const[x,y]=n.useState(new Set),[u,j]=n.useState(new Set),[k,A]=n.useState(""),[p,D]=n.useState(""),P=n.useMemo(()=>c.filter(r=>r.label.toLowerCase().includes(k.toLowerCase())),[c,k]),O=n.useMemo(()=>i.filter(r=>r.label.toLowerCase().includes(p.toLowerCase())),[i,p]),E=n.useCallback(r=>{y(a=>{const s=new Set(a);return s.has(r)?s.delete(r):s.add(r),s})},[]),G=n.useCallback(r=>{j(a=>{const s=new Set(a);return s.has(r)?s.delete(r):s.add(r),s})},[]),H=n.useCallback(()=>{const r=c.filter(b=>x.has(b.id)&&!b.disabled),a=c.filter(b=>!x.has(b.id)),s=[...i,...r];y(new Set),t==null||t(a,s),d==null||d(r)},[c,i,x,t,d]),J=n.useCallback(()=>{const r=c.filter(s=>!s.disabled),a=[...i,...r];y(new Set),t==null||t([],a),d==null||d(r)},[c,i,t,d]),K=n.useCallback(()=>{const r=i.filter(b=>u.has(b.id)&&!b.disabled),a=i.filter(b=>!u.has(b.id)),s=[...c,...r];j(new Set),t==null||t(s,a),m==null||m(r)},[c,i,u,t,m]),Q=n.useCallback(()=>{const r=i.filter(s=>!s.disabled),a=[...c,...r];j(new Set),t==null||t(a,[]),m==null||m(r)},[c,i,t,m]),w=(r,a,s,b,Z,f,_,$)=>e.jsxs("div",{className:"ember-flex-1 ember-min-w-0 ember-border ember-border-gray-200 dark:ember-border-gray-700 ember-rounded-lg ember-overflow-hidden",children:[e.jsxs("div",{className:"ember-px-4 ember-py-3 ember-bg-gray-50 dark:ember-bg-gray-800/50 ember-border-b ember-border-gray-200 dark:ember-border-gray-700",children:[e.jsxs("div",{className:"ember-flex ember-items-center ember-justify-between",children:[e.jsx("span",{className:"ember-font-medium ember-text-gray-900 dark:ember-text-gray-100",children:Z}),B&&e.jsxs("span",{className:"ember-text-sm ember-text-gray-500 dark:ember-text-gray-400",children:[s.size,"/",r.length]})]}),g&&e.jsx(F.Input,{value:f,onChange:l=>_(l.target.value),placeholder:$,size:"sm",className:"ember-mt-2",disabled:o})]}),e.jsx("div",{className:"ember-overflow-y-auto",style:{maxHeight:T},children:a.length===0?e.jsx("div",{className:"ember-px-4 ember-py-8 ember-text-center ember-text-gray-500 dark:ember-text-gray-400 ember-text-sm",children:f?"No items match your search":"No items"}):e.jsx("ul",{className:"ember-list-none ember-m-0 ember-p-0",children:a.map(l=>e.jsxs("li",{className:v.cn("ember-flex ember-items-center ember-gap-3 ember-px-4 ember-py-2","ember-border-b ember-border-gray-100 dark:ember-border-gray-800 last:ember-border-b-0",!l.disabled&&!o&&"hover:ember-bg-gray-50 dark:hover:ember-bg-gray-800/30 ember-cursor-pointer",l.disabled&&"ember-opacity-50 ember-cursor-not-allowed"),onClick:()=>!l.disabled&&!o&&b(l.id),children:[L&&e.jsx(M.Checkbox,{checked:s.has(l.id),onChange:()=>b(l.id),disabled:l.disabled||o,size:"sm"}),l.icon&&e.jsx("span",{className:"ember-flex-shrink-0 ember-text-gray-500",children:l.icon}),e.jsxs("div",{className:"ember-flex-1 ember-min-w-0",children:[e.jsx("div",{className:"ember-text-sm ember-text-gray-900 dark:ember-text-gray-100 ember-truncate",children:l.label}),l.secondary&&e.jsx("div",{className:"ember-text-xs ember-text-gray-500 dark:ember-text-gray-400 ember-truncate",children:l.secondary})]})]},l.id))})})]}),U=x.size>0,V=u.size>0,X=c.some(r=>!r.disabled),Y=i.some(r=>!r.disabled);return e.jsxs("div",{className:v.cn("ember-flex ember-items-stretch ember-gap-4",o&&"ember-opacity-60 ember-pointer-events-none",q),"data-testid":R,...W,children:[w(c,P,x,E,N,k,A,C),e.jsxs("div",{className:"ember-flex ember-flex-col ember-justify-center ember-gap-2",children:[e.jsx(h.Button,{variant:"outline",size:"sm",onClick:J,disabled:o||!X,"aria-label":"Move all to right",className:"ember-px-2",children:e.jsx(re,{})}),e.jsx(h.Button,{variant:"outline",size:"sm",onClick:H,disabled:o||!U,"aria-label":"Move selected to right",className:"ember-px-2",children:e.jsx(I,{})}),e.jsx(h.Button,{variant:"outline",size:"sm",onClick:K,disabled:o||!V,"aria-label":"Move selected to left",className:"ember-px-2",children:e.jsx(ee,{})}),e.jsx(h.Button,{variant:"outline",size:"sm",onClick:Q,disabled:o||!Y,"aria-label":"Move all to left",className:"ember-px-2",children:e.jsx(se,{})})]}),w(i,O,u,G,S,p,D,z)]})};exports.TransferList=te;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),N=require("../../utils/cn.cjs"),y=require("../Button/Button.cjs"),F=require("../Input/Input.cjs"),M=require("../Checkbox/Checkbox.cjs"),I=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"9 18 15 12 9 6"})}),ee=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),re=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"6 18 12 12 6 6"}),e.jsx("polyline",{points:"12 18 18 12 12 6"})]}),ae=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("polyline",{points:"18 18 12 12 18 6"}),e.jsx("polyline",{points:"12 18 6 12 12 6"})]}),se=({leftItems:c,rightItems:i,leftTitle:S="Available",rightTitle:m="Selected",searchable:g=!0,leftSearchPlaceholder:C="Search...",rightSearchPlaceholder:z="Search...",showCount:B=!0,showCheckboxes:L=!0,maxHeight:T=300,onChange:s,onMoveRight:d,onMoveLeft:x,disabled:o=!1,className:q,testId:R,...W})=>{const[u,j]=n.useState(new Set),[h,k]=n.useState(new Set),[p,A]=n.useState(""),[w,D]=n.useState(""),P=n.useMemo(()=>c.filter(r=>r.label.toLowerCase().includes(p.toLowerCase())),[c,p]),O=n.useMemo(()=>i.filter(r=>r.label.toLowerCase().includes(w.toLowerCase())),[i,w]),E=n.useCallback(r=>{j(l=>{const a=new Set(l);return a.has(r)?a.delete(r):a.add(r),a})},[]),G=n.useCallback(r=>{k(l=>{const a=new Set(l);return a.has(r)?a.delete(r):a.add(r),a})},[]),H=n.useCallback(()=>{const r=c.filter(b=>u.has(b.id)&&!b.disabled),l=c.filter(b=>!u.has(b.id)),a=[...i,...r];j(new Set),s==null||s(l,a),d==null||d(r)},[c,i,u,s,d]),J=n.useCallback(()=>{const r=c.filter(a=>!a.disabled),l=[...i,...r];j(new Set),s==null||s([],l),d==null||d(r)},[c,i,s,d]),K=n.useCallback(()=>{const r=i.filter(b=>h.has(b.id)&&!b.disabled),l=i.filter(b=>!h.has(b.id)),a=[...c,...r];k(new Set),s==null||s(a,l),x==null||x(r)},[c,i,h,s,x]),Q=n.useCallback(()=>{const r=i.filter(a=>!a.disabled),l=[...c,...r];k(new Set),s==null||s(l,[]),x==null||x(r)},[c,i,s,x]),f=(r,l,a,b,Z,v,_,$)=>e.jsxs("div",{className:"bear-flex-1 bear-min-w-0 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden",children:[e.jsxs("div",{className:"bear-px-4 bear-py-3 bear-bg-gray-50 dark:bear-bg-gray-800/50 bear-border-b bear-border-gray-200 dark:bear-border-gray-700",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between",children:[e.jsx("span",{className:"bear-font-medium bear-text-gray-900 dark:bear-text-gray-100",children:Z}),B&&e.jsxs("span",{className:"bear-text-sm bear-text-gray-500 dark:bear-text-gray-400",children:[a.size,"/",r.length]})]}),g&&e.jsx(F.Input,{value:v,onChange:t=>_(t.target.value),placeholder:$,size:"sm",className:"bear-mt-2",disabled:o})]}),e.jsx("div",{className:"bear-overflow-y-auto",style:{maxHeight:T},children:l.length===0?e.jsx("div",{className:"bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm",children:v?"No items match your search":"No items"}):e.jsx("ul",{className:"bear-list-none bear-m-0 bear-p-0",children:l.map(t=>e.jsxs("li",{className:N.cn("bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2","bear-border-b bear-border-gray-100 dark:bear-border-gray-800 last:bear-border-b-0",!t.disabled&&!o&&"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/30 bear-cursor-pointer",t.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),onClick:()=>!t.disabled&&!o&&b(t.id),children:[L&&e.jsx(M.Checkbox,{checked:a.has(t.id),onChange:()=>b(t.id),disabled:t.disabled||o,size:"sm"}),t.icon&&e.jsx("span",{className:"bear-flex-shrink-0 bear-text-gray-500",children:t.icon}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[e.jsx("div",{className:"bear-text-sm bear-text-gray-900 dark:bear-text-gray-100 bear-truncate",children:t.label}),t.secondary&&e.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",children:t.secondary})]})]},t.id))})})]}),U=u.size>0,V=h.size>0,X=c.some(r=>!r.disabled),Y=i.some(r=>!r.disabled);return e.jsxs("div",{className:N.cn("bear-flex bear-items-stretch bear-gap-4",o&&"bear-opacity-60 bear-pointer-events-none",q),"data-testid":R,...W,children:[f(c,P,u,E,S,p,A,C),e.jsxs("div",{className:"bear-flex bear-flex-col bear-justify-center bear-gap-2",children:[e.jsx(y.Button,{variant:"outline",size:"sm",onClick:J,disabled:o||!X,"aria-label":"Move all to right",className:"bear-px-2",children:e.jsx(re,{})}),e.jsx(y.Button,{variant:"outline",size:"sm",onClick:H,disabled:o||!U,"aria-label":"Move selected to right",className:"bear-px-2",children:e.jsx(I,{})}),e.jsx(y.Button,{variant:"outline",size:"sm",onClick:K,disabled:o||!V,"aria-label":"Move selected to left",className:"bear-px-2",children:e.jsx(ee,{})}),e.jsx(y.Button,{variant:"outline",size:"sm",onClick:Q,disabled:o||!Y,"aria-label":"Move all to left",className:"bear-px-2",children:e.jsx(ae,{})})]}),f(i,O,h,G,m,w,D,z)]})};exports.TransferList=se;