@forgedevstack/bear 1.0.2 → 1.0.3

package/dist/components/DateTimePicker/DateTimePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),re=require("../Calendar/Calendar.cjs"),d=require("../../utils/cn.cjs"),te=require("../../hooks/useBearStyles.cjs"),D=require("./DateTimePicker.utils.cjs"),ae=({value:n,onChange:b,minDate:M,maxDate:S,disabled:m=!1,placeholder:C="Select date and time",label:j,error:u,helperText:y,dateFormat:H="MM/DD/YYYY",timeFormat:l="12h",minuteStep:g=5,clearable:P=!0,className:T,style:q,bis:A,slots:V,weekdayLabels:O,firstDayOfWeek:B=0,size:E="md",variant:L="default"})=>{const[f,x]=s.useState(!1),[R,N]=s.useState(n??new Date),[o,c]=s.useState(()=>n??new Date),h=s.useRef(null),v=te.useBearStyles(A,q);s.useEffect(()=>{const e=t=>{h.current&&!h.current.contains(t.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),s.useEffect(()=>{c(n?new Date(n):new Date)},[n,f]);const Y=s.useCallback(e=>{c(t=>{const a=new Date(e);return a.setHours(t.getHours(),t.getMinutes(),0,0),a})},[]),_=s.useCallback(()=>{b==null||b(o),x(!1)},[o,b]),$=s.useCallback(()=>{b==null||b(null),x(!1)},[b]),I=s.useCallback(()=>{const e=new Date;c(e),N(e)},[]),W=s.useCallback(e=>N(e),[]),G=l==="12h"?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),p=Array.from({length:60/g},(e,t)=>t*g),w=o.getHours(),k=o.getMinutes(),J=l==="12h"?w%12||12:w,K=p.includes(k)?k:p[0]??0,z=w>=12?"PM":"AM",Q=e=>{const t=l==="12h"?z==="PM"?e===12?12:e+12:e===12?0:e:e;c(a=>{const i=new Date(a);return i.setHours(t,a.getMinutes(),0,0),i})},U=e=>{c(t=>{const a=new Date(t);return a.setMinutes(e,0,0),a})},X=e=>{c(t=>{const a=new Date(t),i=a.getHours();return e==="PM"&&i<12?a.setHours(i+12):e==="AM"&&i>=12&&a.setHours(i-12),a})},Z={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"},F={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"},ee=n?`${D.formatDate(n,H)} ${D.formatTime(n,l)}`:"";return r.jsxs("div",{ref:h,className:d.cn("bear-relative",T),style:Object.keys(v).length?v:void 0,children:[j&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:j}),r.jsxs("button",{type:"button",onClick:()=>!m&&x(!f),disabled:m,className:d.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",Z[E],F[L],u?"bear-border-red-500":"focus:bear-border-pink-500",m&&"bear-opacity-50 bear-cursor-not-allowed",n?"bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{children:ee||C}),r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})]}),u&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:u}),y&&!u&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:y}),f&&r.jsxs("div",{className:"bear-absolute bear-z-50 bear-mt-2 bear-left-0 bear-right-0 bear-bg-white bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 bear-overflow-hidden bear-w-full bear-max-w-sm",children:[r.jsx(re.Calendar,{inline:!0,viewDate:R,onViewChange:W,value:o,onSelect:Y,minDate:M,maxDate:S,slots:V,weekdayLabels:O,firstDayOfWeek:B,clearable:!1,showTodayButton:!1}),r.jsxs("div",{className:"bear-px-4 bear-pb-3 bear-pt-2 bear-border-t bear-border-zinc-200",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-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin",children:G.map(e=>r.jsx("button",{type:"button",onClick:()=>Q(e),className:d.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",J===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),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-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin",children:p.map(e=>r.jsx("button",{type:"button",onClick:()=>U(e),className:d.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",K===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),children:e.toString().padStart(2,"0")},e))})]}),l==="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-0.5",children:["AM","PM"].map(e=>r.jsx("button",{type:"button",onClick:()=>X(e),className:d.cn("bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",z===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),children:e},e))})]})]}),r.jsxs("div",{className:"bear-flex bear-gap-2 bear-justify-between",children:[P&&n?r.jsx("button",{type:"button",onClick:$,className:"bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700",children:"Clear"}):r.jsx("span",{}),r.jsxs("div",{className:"bear-flex bear-gap-2",children:[r.jsx("button",{type:"button",onClick:I,className:"bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium",children:"Today"}),r.jsx("button",{type:"button",onClick:_,className:"bear-text-sm bear-bg-bear-500 bear-text-white bear-px-3 bear-py-1 bear-rounded bear-font-medium hover:bear-bg-bear-600",children:"Confirm"})]})]})]})]})]})};exports.DateTimePicker=ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),re=require("../Calendar/Calendar.cjs"),d=require("../../utils/cn.cjs"),te=require("../../hooks/useBearStyles.cjs"),D=require("./DateTimePicker.utils.cjs"),ae=({value:n,onChange:b,minDate:M,maxDate:S,disabled:m=!1,placeholder:C="Select date and time",label:y,error:u,helperText:j,dateFormat:H="MM/DD/YYYY",timeFormat:l="12h",minuteStep:g=5,clearable:P=!0,className:T,style:q,bis:A,slots:V,weekdayLabels:O,firstDayOfWeek:B=0,size:E="md",variant:L="default"})=>{const[f,x]=s.useState(!1),[R,k]=s.useState(n??new Date),[o,c]=s.useState(()=>n??new Date),h=s.useRef(null),N=te.useBearStyles(A,q);s.useEffect(()=>{const e=t=>{h.current&&!h.current.contains(t.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),s.useEffect(()=>{c(n?new Date(n):new Date)},[n,f]);const Y=s.useCallback(e=>{c(t=>{const a=new Date(e);return a.setHours(t.getHours(),t.getMinutes(),0,0),a})},[]),_=s.useCallback(()=>{b==null||b(o),x(!1)},[o,b]),$=s.useCallback(()=>{b==null||b(null),x(!1)},[b]),I=s.useCallback(()=>{const e=new Date;c(e),k(e)},[]),W=s.useCallback(e=>k(e),[]),G=l==="12h"?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),p=Array.from({length:60/g},(e,t)=>t*g),w=o.getHours(),v=o.getMinutes(),J=l==="12h"?w%12||12:w,K=p.includes(v)?v:p[0]??0,z=w>=12?"PM":"AM",Q=e=>{const t=l==="12h"?z==="PM"?e===12?12:e+12:e===12?0:e:e;c(a=>{const i=new Date(a);return i.setHours(t,a.getMinutes(),0,0),i})},U=e=>{c(t=>{const a=new Date(t);return a.setMinutes(e,0,0),a})},X=e=>{c(t=>{const a=new Date(t),i=a.getHours();return e==="PM"&&i<12?a.setHours(i+12):e==="AM"&&i>=12&&a.setHours(i-12),a})},Z={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"},F={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"},ee=n?`${D.formatDate(n,H)} ${D.formatTime(n,l)}`:"";return r.jsxs("div",{ref:h,className:d.cn("bear-relative",T),style:Object.keys(N).length?N:void 0,children:[y&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:y}),r.jsxs("button",{type:"button",onClick:()=>!m&&x(!f),disabled:m,className:d.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",Z[E],F[L],u?"bear-border-red-500":"focus:bear-border-pink-500",m&&"bear-opacity-50 bear-cursor-not-allowed",n?"bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{children:ee||C}),r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})]}),u&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:u}),j&&!u&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:j}),f&&r.jsxs("div",{className:"bear-absolute bear-z-50 bear-mt-2 bear-left-0 bear-right-0 bear-bg-white dark:bear-bg-gray-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-overflow-hidden bear-w-full bear-max-w-sm",children:[r.jsx(re.Calendar,{inline:!0,viewDate:R,onViewChange:W,value:o,onSelect:Y,minDate:M,maxDate:S,slots:V,weekdayLabels:O,firstDayOfWeek:B,clearable:!1,showTodayButton:!1}),r.jsxs("div",{className:"bear-px-4 bear-pb-3 bear-pt-2 bear-border-t bear-border-zinc-200",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-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin",children:G.map(e=>r.jsx("button",{type:"button",onClick:()=>Q(e),className:d.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",J===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),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-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin",children:p.map(e=>r.jsx("button",{type:"button",onClick:()=>U(e),className:d.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",K===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),children:e.toString().padStart(2,"0")},e))})]}),l==="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-0.5",children:["AM","PM"].map(e=>r.jsx("button",{type:"button",onClick:()=>X(e),className:d.cn("bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",z===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),children:e},e))})]})]}),r.jsxs("div",{className:"bear-flex bear-gap-2 bear-justify-between",children:[P&&n?r.jsx("button",{type:"button",onClick:$,className:"bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700",children:"Clear"}):r.jsx("span",{}),r.jsxs("div",{className:"bear-flex bear-gap-2",children:[r.jsx("button",{type:"button",onClick:I,className:"bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium",children:"Today"}),r.jsx("button",{type:"button",onClick:_,className:"bear-text-sm bear-bg-bear-500 bear-text-white bear-px-3 bear-py-1 bear-rounded bear-font-medium hover:bear-bg-bear-600",children:"Confirm"})]})]})]})]})]})};exports.DateTimePicker=ae;

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -1,22 +1,22 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import { useState as N, useRef as ae, useEffect as S, useCallback as d } from "react";
-import { Calendar as ne } from "../Calendar/Calendar.js";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useState as g, useRef as ae, useEffect as S, useCallback as d } from "react";
+import { Calendar as be } from "../Calendar/Calendar.js";
 import { cn as u } from "../../utils/cn.js";
-import { useBearStyles as be } from "../../hooks/useBearStyles.js";
+import { useBearStyles as ne } from "../../hooks/useBearStyles.js";
 import { formatDate as se, formatTime as oe } from "./DateTimePicker.utils.js";
 const xe = ({
-  value: n,
+  value: b,
   onChange: s,
   minDate: C,
   maxDate: P,
   disabled: f = !1,
   placeholder: j = "Select date and time",
-  label: g,
+  label: N,
   error: m,
-  helperText: v,
+  helperText: z,
   dateFormat: A = "MM/DD/YYYY",
   timeFormat: i = "12h",
-  minuteStep: z = 5,
+  minuteStep: v = 5,
   clearable: V = !0,
   className: L,
   style: O,
@@ -27,15 +27,15 @@ const xe = ({
   size: _ = "md",
   variant: R = "default"
 }) => {
-  const [h, x] = N(!1), [$, k] = N(n ?? /* @__PURE__ */ new Date()), [l, o] = N(() => n ?? /* @__PURE__ */ new Date()), p = ae(null), M = be(T, O);
+  const [h, x] = g(!1), [$, k] = g(b ?? /* @__PURE__ */ new Date()), [l, o] = g(() => b ?? /* @__PURE__ */ new Date()), p = ae(null), M = ne(T, O);
   S(() => {
     const e = (t) => {
       p.current && !p.current.contains(t.target) && x(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []), S(() => {
-    o(n ? new Date(n) : /* @__PURE__ */ new Date());
-  }, [n, h]);
+    o(b ? new Date(b) : /* @__PURE__ */ new Date());
+  }, [b, h]);
   const I = d((e) => {
     o((t) => {
       const a = new Date(e);
@@ -48,7 +48,7 @@ const xe = ({
   }, [s]), G = d(() => {
     const e = /* @__PURE__ */ new Date();
     o(e), k(e);
-  }, []), J = d((e) => k(e), []), K = i === "12h" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t), w = Array.from({ length: 60 / z }, (e, t) => t * z), y = l.getHours(), D = l.getMinutes(), Q = i === "12h" ? y % 12 || 12 : y, U = w.includes(D) ? D : w[0] ?? 0, H = y >= 12 ? "PM" : "AM", X = (e) => {
+  }, []), J = d((e) => k(e), []), K = i === "12h" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t), w = Array.from({ length: 60 / v }, (e, t) => t * v), y = l.getHours(), D = l.getMinutes(), Q = i === "12h" ? y % 12 || 12 : y, U = w.includes(D) ? D : w[0] ?? 0, H = y >= 12 ? "PM" : "AM", X = (e) => {
     const t = i === "12h" ? H === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e : e;
     o((a) => {
       const c = new Date(a);
@@ -68,10 +68,10 @@ const xe = ({
     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"
-  }, te = n ? `${se(n, A)} ${oe(n, i)}` : "";
-  return /* @__PURE__ */ b("div", { ref: p, className: u("bear-relative", L), style: Object.keys(M).length ? M : void 0, children: [
-    g && /* @__PURE__ */ r("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: g }),
-    /* @__PURE__ */ b(
+  }, te = b ? `${se(b, A)} ${oe(b, i)}` : "";
+  return /* @__PURE__ */ n("div", { ref: p, className: u("bear-relative", L), style: Object.keys(M).length ? M : void 0, children: [
+    N && /* @__PURE__ */ r("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: N }),
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
@@ -83,7 +83,7 @@ const xe = ({
           re[R],
           m ? "bear-border-red-500" : "focus:bear-border-pink-500",
           f && "bear-opacity-50 bear-cursor-not-allowed",
-          n ? "bear-text-white" : "bear-text-zinc-500"
+          b ? "bear-text-white" : "bear-text-zinc-500"
         ),
         children: [
           /* @__PURE__ */ r("span", { children: te || j }),
@@ -92,10 +92,10 @@ const xe = ({
       }
     ),
     m && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: m }),
-    v && !m && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: v }),
-    h && /* @__PURE__ */ b("div", { className: "bear-absolute bear-z-50 bear-mt-2 bear-left-0 bear-right-0 bear-bg-white bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 bear-overflow-hidden bear-w-full bear-max-w-sm", children: [
+    z && !m && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: z }),
+    h && /* @__PURE__ */ n("div", { className: "bear-absolute bear-z-50 bear-mt-2 bear-left-0 bear-right-0 bear-bg-white dark:bear-bg-gray-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-overflow-hidden bear-w-full bear-max-w-sm", children: [
       /* @__PURE__ */ r(
-        ne,
+        be,
         {
           inline: !0,
           viewDate: $,
@@ -111,9 +111,9 @@ const xe = ({
           showTodayButton: !1
         }
       ),
-      /* @__PURE__ */ b("div", { className: "bear-px-4 bear-pb-3 bear-pt-2 bear-border-t bear-border-zinc-200", children: [
-        /* @__PURE__ */ b("div", { className: "bear-flex bear-gap-2 bear-mb-3", children: [
-          /* @__PURE__ */ b("div", { className: "bear-flex-1", children: [
+      /* @__PURE__ */ n("div", { className: "bear-px-4 bear-pb-3 bear-pt-2 bear-border-t bear-border-zinc-200", children: [
+        /* @__PURE__ */ n("div", { className: "bear-flex bear-gap-2 bear-mb-3", children: [
+          /* @__PURE__ */ n("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-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin", children: K.map((e) => /* @__PURE__ */ r(
               "button",
@@ -129,7 +129,7 @@ const xe = ({
               e
             )) })
           ] }),
-          /* @__PURE__ */ b("div", { className: "bear-flex-1", children: [
+          /* @__PURE__ */ n("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-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin", children: w.map((e) => /* @__PURE__ */ r(
               "button",
@@ -145,7 +145,7 @@ const xe = ({
               e
             )) })
           ] }),
-          i === "12h" && /* @__PURE__ */ b("div", { className: "bear-flex-1", children: [
+          i === "12h" && /* @__PURE__ */ n("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-0.5", children: ["AM", "PM"].map((e) => /* @__PURE__ */ r(
               "button",
@@ -162,9 +162,9 @@ const xe = ({
             )) })
           ] })
         ] }),
-        /* @__PURE__ */ b("div", { className: "bear-flex bear-gap-2 bear-justify-between", children: [
-          V && n ? /* @__PURE__ */ r("button", { type: "button", onClick: q, className: "bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700", children: "Clear" }) : /* @__PURE__ */ r("span", {}),
-          /* @__PURE__ */ b("div", { className: "bear-flex bear-gap-2", children: [
+        /* @__PURE__ */ n("div", { className: "bear-flex bear-gap-2 bear-justify-between", children: [
+          V && b ? /* @__PURE__ */ r("button", { type: "button", onClick: q, className: "bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700", children: "Clear" }) : /* @__PURE__ */ r("span", {}),
+          /* @__PURE__ */ n("div", { className: "bear-flex bear-gap-2", children: [
             /* @__PURE__ */ r("button", { type: "button", onClick: G, className: "bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium", children: "Today" }),
             /* @__PURE__ */ r("button", { type: "button", onClick: W, className: "bear-text-sm bear-bg-bear-500 bear-text-white bear-px-3 bear-py-1 bear-rounded bear-font-medium hover:bear-bg-bear-600", children: "Confirm" })
           ] })

package/dist/components/Editable/Editable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),v=require("../Button/Button.cjs"),k=require("../Icon/index.cjs"),w=e.createContext(null),d=()=>{const r=e.useContext(w);if(!r)throw new Error("Editable components must be used within Editable.Root");return r},j=e.forwardRef(({children:r,defaultValue:s="",value:a,onChange:i,onEditSubmit:t,onCancel:o,placeholder:b="Click to edit...",isDisabled:c=!1,startWithEditView:x=!1,className:u="",...f},m)=>{const[l,p]=e.useState(x),[B,T]=e.useState(s),[E,P]=e.useState(s),g=a!==void 0?a:B,y=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),q=e.useCallback(()=>{c||(P(g),p(!0))},[c,g]),D=e.useCallback(()=>{p(!1)},[]),K=e.useCallback(()=>{t==null||t(g),p(!1)},[g,t]),S=e.useCallback(()=>{y(E),o==null||o(),p(!1)},[E,y,o]);return n.jsx(w.Provider,{value:{isEditing:l,value:g,startEditing:q,stopEditing:D,setValue:y,submit:K,cancel:S},children:n.jsx("div",{ref:m,className:`bear-editable inline-block ${u}`.trim(),...f,children:r})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:r,className:s="",...a},i)=>{const{isEditing:t,value:o,startEditing:b}=d();return t?null:n.jsx("span",{ref:i,className:`bear-editable-preview cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 px-2 py-1 rounded transition-colors ${s}`.trim(),onClick:b,...a,children:r||o||n.jsx("span",{className:"text-gray-400 italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:r=!1,className:s="",...a},i)=>{const{isEditing:t,value:o,setValue:b,submit:c,cancel:x}=d(),u=e.useRef(null);e.useEffect(()=>{t&&u.current&&(u.current.focus(),u.current.select())},[t]);const f=l=>{l.key==="Enter"&&!r&&(l.preventDefault(),c()),l.key==="Escape"&&x()};if(!t)return null;const m="bear-editable-input w-full px-2 py-1 border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-pink-500";return r?n.jsx("textarea",{ref:i,value:o,onChange:l=>b(l.target.value),onKeyDown:f,onBlur:c,className:`${m} min-h-[80px] resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:u,type:"text",value:o,onChange:l=>b(l.target.value),onKeyDown:f,onBlur:c,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:r,className:s="",...a},i)=>{const{isEditing:t}=d();return t?n.jsx("div",{ref:i,className:`bear-editable-control flex items-center gap-1 mt-1 ${s}`.trim(),...a,children:r}):null});R.displayName="Editable.Control";const $=e.forwardRef(({children:r,className:s="",...a},i)=>{const{submit:t}=d();return n.jsx(v.Button,{ref:i,type:"button",onClick:t,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:r||n.jsx(k.CheckIcon,{size:16})})});$.displayName="Editable.SubmitTrigger";const z=e.forwardRef(({children:r,className:s="",...a},i)=>{const{cancel:t}=d();return n.jsx(v.Button,{ref:i,type:"button",onClick:t,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:r||n.jsx(k.CloseIcon,{size:16})})});z.displayName="Editable.CancelTrigger";const I=e.forwardRef(({children:r,className:s="",...a},i)=>{const{isEditing:t,startEditing:o}=d();return t?null:n.jsx(v.Button,{ref:i,type:"button",onClick:o,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:r||n.jsx(k.EditIcon,{size:16})})});I.displayName="Editable.EditTrigger";const M={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:$,CancelTrigger:z,EditTrigger:I};exports.Editable=M;

package/dist/components/Editable/Editable.d.ts

@@ -0,0 +1,10 @@
+import { EditableRootProps, EditablePreviewProps, EditableInputProps, EditableControlProps, EditableSubmitTriggerProps, EditableCancelTriggerProps, EditableEditTriggerProps } from './Editable.types';
+export declare const Editable: {
+    Root: import('react').ForwardRefExoticComponent<EditableRootProps & import('react').RefAttributes<HTMLDivElement>>;
+    Preview: import('react').ForwardRefExoticComponent<EditablePreviewProps & import('react').RefAttributes<HTMLSpanElement>>;
+    Input: import('react').ForwardRefExoticComponent<EditableInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    Control: import('react').ForwardRefExoticComponent<EditableControlProps & import('react').RefAttributes<HTMLDivElement>>;
+    SubmitTrigger: import('react').ForwardRefExoticComponent<EditableSubmitTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    CancelTrigger: import('react').ForwardRefExoticComponent<EditableCancelTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    EditTrigger: import('react').ForwardRefExoticComponent<EditableEditTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/Editable/Editable.js

@@ -0,0 +1,194 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as F, forwardRef as l, useState as h, useCallback as m, useRef as G, useEffect as H, useContext as J } from "react";
+import { Button as k } from "../Button/Button.js";
+import { CheckIcon as L, CloseIcon as M, EditIcon as O } from "../Icon/index.js";
+const N = F(null), b = () => {
+  const t = J(N);
+  if (!t)
+    throw new Error("Editable components must be used within Editable.Root");
+  return t;
+}, C = l(({
+  children: t,
+  defaultValue: a = "",
+  value: r,
+  onChange: i,
+  onEditSubmit: e,
+  onCancel: s,
+  placeholder: u = "Click to edit...",
+  isDisabled: c = !1,
+  startWithEditView: v = !1,
+  className: d = "",
+  ...p
+}, f) => {
+  const [o, y] = h(v), [B, D] = h(a), [x, K] = h(a), g = r !== void 0 ? r : B, E = m((w) => {
+    r === void 0 && D(w), i == null || i(w);
+  }, [r, i]), j = m(() => {
+    c || (K(g), y(!0));
+  }, [c, g]), V = m(() => {
+    y(!1);
+  }, []), q = m(() => {
+    e == null || e(g), y(!1);
+  }, [g, e]), A = m(() => {
+    E(x), s == null || s(), y(!1);
+  }, [x, E, s]);
+  return /* @__PURE__ */ n(N.Provider, { value: { isEditing: o, value: g, startEditing: j, stopEditing: V, setValue: E, submit: q, cancel: A }, children: /* @__PURE__ */ n(
+    "div",
+    {
+      ref: f,
+      className: `bear-editable inline-block ${d}`.trim(),
+      ...p,
+      children: t
+    }
+  ) });
+});
+C.displayName = "Editable.Root";
+const $ = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e, value: s, startEditing: u } = b();
+  return e ? null : /* @__PURE__ */ n(
+    "span",
+    {
+      ref: i,
+      className: `bear-editable-preview cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 px-2 py-1 rounded transition-colors ${a}`.trim(),
+      onClick: u,
+      ...r,
+      children: t || s || /* @__PURE__ */ n("span", { className: "text-gray-400 italic", children: "Click to edit..." })
+    }
+  );
+});
+$.displayName = "Editable.Preview";
+const z = l(({
+  asTextarea: t = !1,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e, value: s, setValue: u, submit: c, cancel: v } = b(), d = G(null);
+  H(() => {
+    e && d.current && (d.current.focus(), d.current.select());
+  }, [e]);
+  const p = (o) => {
+    o.key === "Enter" && !t && (o.preventDefault(), c()), o.key === "Escape" && v();
+  };
+  if (!e) return null;
+  const f = "bear-editable-input w-full px-2 py-1 border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-pink-500";
+  return t ? /* @__PURE__ */ n(
+    "textarea",
+    {
+      ref: i,
+      value: s,
+      onChange: (o) => u(o.target.value),
+      onKeyDown: p,
+      onBlur: c,
+      className: `${f} min-h-[80px] resize-y ${a}`.trim(),
+      ...r
+    }
+  ) : /* @__PURE__ */ n(
+    "input",
+    {
+      ref: d,
+      type: "text",
+      value: s,
+      onChange: (o) => u(o.target.value),
+      onKeyDown: p,
+      onBlur: c,
+      className: `${f} ${a}`.trim(),
+      ...r
+    }
+  );
+});
+z.displayName = "Editable.Input";
+const I = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e } = b();
+  return e ? /* @__PURE__ */ n(
+    "div",
+    {
+      ref: i,
+      className: `bear-editable-control flex items-center gap-1 mt-1 ${a}`.trim(),
+      ...r,
+      children: t
+    }
+  ) : null;
+});
+I.displayName = "Editable.Control";
+const R = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { submit: e } = b();
+  return /* @__PURE__ */ n(
+    k,
+    {
+      ref: i,
+      type: "button",
+      onClick: e,
+      variant: "ghost",
+      size: "sm",
+      className: `bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${a}`.trim(),
+      ...r,
+      children: t || /* @__PURE__ */ n(L, { size: 16 })
+    }
+  );
+});
+R.displayName = "Editable.SubmitTrigger";
+const T = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { cancel: e } = b();
+  return /* @__PURE__ */ n(
+    k,
+    {
+      ref: i,
+      type: "button",
+      onClick: e,
+      variant: "ghost",
+      size: "sm",
+      className: `bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${a}`.trim(),
+      ...r,
+      children: t || /* @__PURE__ */ n(M, { size: 16 })
+    }
+  );
+});
+T.displayName = "Editable.CancelTrigger";
+const P = l(({
+  children: t,
+  className: a = "",
+  ...r
+}, i) => {
+  const { isEditing: e, startEditing: s } = b();
+  return e ? null : /* @__PURE__ */ n(
+    k,
+    {
+      ref: i,
+      type: "button",
+      onClick: s,
+      variant: "ghost",
+      size: "sm",
+      className: `bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${a}`.trim(),
+      ...r,
+      children: t || /* @__PURE__ */ n(O, { size: 16 })
+    }
+  );
+});
+P.displayName = "Editable.EditTrigger";
+const Y = {
+  Root: C,
+  Preview: $,
+  Input: z,
+  Control: I,
+  SubmitTrigger: R,
+  CancelTrigger: T,
+  EditTrigger: P
+};
+export {
+  Y as Editable
+};

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

@@ -0,0 +1,39 @@
+import { HTMLAttributes, ReactNode, InputHTMLAttributes } from 'react';
+export interface EditableContextValue {
+    isEditing: boolean;
+    value: string;
+    startEditing: () => void;
+    stopEditing: () => void;
+    setValue: (value: string) => void;
+    submit: () => void;
+    cancel: () => void;
+}
+export interface EditableRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit'> {
+    children?: ReactNode;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onEditSubmit?: (value: string) => void;
+    onCancel?: () => void;
+    placeholder?: string;
+    isDisabled?: boolean;
+    startWithEditView?: boolean;
+}
+export interface EditablePreviewProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+}
+export interface EditableInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+    asTextarea?: boolean;
+}
+export interface EditableControlProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface EditableSubmitTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+export interface EditableCancelTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+export interface EditableEditTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { Editable } from './Editable';
+export type { EditableRootProps, EditablePreviewProps, EditableInputProps, EditableControlProps, EditableSubmitTriggerProps, EditableCancelTriggerProps, EditableEditTriggerProps, } from './Editable.types';

package/dist/components/Em/Em.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),o={default:"italic text-inherit",strong:"italic font-semibold text-gray-900 dark:text-white",subtle:"italic text-gray-500 dark:text-gray-400"},t=n.forwardRef(({children:e,variant:a="default",className:r="",...i},s)=>l.jsx("em",{ref:s,className:`bear-em ${o[a]} ${r}`.trim(),...i,children:e}));t.displayName="Em";exports.Em=t;

package/dist/components/Em/Em.d.ts

@@ -0,0 +1,2 @@
+import { EmProps } from './Em.types';
+export declare const Em: import('react').ForwardRefExoticComponent<EmProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Em/Em.js

@@ -0,0 +1,24 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+const o = {
+  default: "italic text-inherit",
+  strong: "italic font-semibold text-gray-900 dark:text-white",
+  subtle: "italic text-gray-500 dark:text-gray-400"
+}, l = s(({
+  children: t,
+  variant: e = "default",
+  className: a = "",
+  ...r
+}, i) => /* @__PURE__ */ m(
+  "em",
+  {
+    ref: i,
+    className: `bear-em ${o[e]} ${a}`.trim(),
+    ...r,
+    children: t
+  }
+));
+l.displayName = "Em";
+export {
+  l as Em
+};

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface EmProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    variant?: 'default' | 'strong' | 'subtle';
+}

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

@@ -0,0 +1,2 @@
+export { Em } from './Em';
+export type { EmProps } from './Em.types';

package/dist/components/Fab/Fab.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),x=require("react"),p=require("../../utils/cn.cjs"),m={sm:"bear-w-10 bear-h-10",md:"bear-w-14 bear-h-14",lg:"bear-w-16 bear-h-16"},w={"bottom-right":"bear-fixed bear-bottom-6 bear-right-6","bottom-left":"bear-fixed bear-bottom-6 bear-left-6","top-right":"bear-fixed bear-top-6 bear-right-6","top-left":"bear-fixed bear-top-6 bear-left-6","bottom-center":"bear-fixed bear-bottom-6 bear-left-1/2 bear--translate-x-1/2",relative:""},v={primary:"bear-bg-pink-500 hover:bear-bg-pink-600 bear-text-white",secondary:"bear-bg-gray-600 hover:bear-bg-gray-700 bear-text-white",success:"bear-bg-green-500 hover:bear-bg-green-600 bear-text-white",danger:"bear-bg-red-500 hover:bear-bg-red-600 bear-text-white",warning:"bear-bg-amber-500 hover:bear-bg-amber-600 bear-text-white",info:"bear-bg-blue-500 hover:bear-bg-blue-600 bear-text-white",ghost:"bear-bg-gray-500 hover:bear-bg-gray-600 bear-text-white",outline:"bear-bg-white bear-border-2 bear-border-pink-500 hover:bear-bg-pink-50 bear-text-pink-500",error:"bear-bg-red-500 hover:bear-bg-red-600 bear-text-white"},a=x.forwardRef(({children:b,size:t="md",variant:o="primary",color:e,extended:i=!1,position:n="relative",disabled:r=!1,shadow:g=!0,animated:s=!0,className:l,testId:h,style:c,...u},d)=>f.jsx("button",{ref:d,type:"button",disabled:r,className:p.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded-full","bear-border-none bear-cursor-pointer bear-transition-all bear-duration-200","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-pink-500",m[t],w[n],v[o],g&&"bear-shadow-lg hover:bear-shadow-xl",s&&"hover:bear-scale-110 active:bear-scale-95",i&&"bear-w-auto bear-px-6 bear-gap-2",r&&"bear-opacity-50 bear-cursor-not-allowed hover:bear-scale-100",l),style:{...c,...e&&{backgroundColor:e}},"data-testid":h,...u,children:b}));a.displayName="Fab";exports.Fab=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("react"),x=require("../../utils/cn.cjs"),m={sm:"bear-w-10 bear-h-10",md:"bear-w-14 bear-h-14",lg:"bear-w-16 bear-h-16"},w={"bottom-right":"bear-fixed bear-bottom-6 bear-right-6","bottom-left":"bear-fixed bear-bottom-6 bear-left-6","top-right":"bear-fixed bear-top-6 bear-right-6","top-left":"bear-fixed bear-top-6 bear-left-6","bottom-center":"bear-fixed bear-bottom-6 bear-left-1/2 bear--translate-x-1/2",relative:""},v={primary:"bear-bg-pink-500 hover:bear-bg-pink-600 bear-text-white",secondary:"bear-bg-gray-600 hover:bear-bg-gray-700 bear-text-white",success:"bear-bg-green-500 hover:bear-bg-green-600 bear-text-white",danger:"bear-bg-red-500 hover:bear-bg-red-600 bear-text-white",warning:"bear-bg-amber-500 hover:bear-bg-amber-600 bear-text-white",info:"bear-bg-blue-500 hover:bear-bg-blue-600 bear-text-white",ghost:"bear-bg-gray-500 hover:bear-bg-gray-600 bear-text-white",outline:"bear-bg-white dark:bear-bg-gray-900 bear-border-2 bear-border-pink-500 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-pink-500",error:"bear-bg-red-500 hover:bear-bg-red-600 bear-text-white"},a=p.forwardRef(({children:b,size:t="md",variant:o="primary",color:e,extended:i=!1,position:n="relative",disabled:r=!1,shadow:g=!0,animated:s=!0,className:l,testId:h,style:c,...d},u)=>f.jsx("button",{ref:u,type:"button",disabled:r,className:x.cn("bear-inline-flex bear-items-center bear-justify-center bear-rounded-full","bear-border-none bear-cursor-pointer bear-transition-all bear-duration-200","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-pink-500",m[t],w[n],v[o],g&&"bear-shadow-lg hover:bear-shadow-xl",s&&"hover:bear-scale-110 active:bear-scale-95",i&&"bear-w-auto bear-px-6 bear-gap-2",r&&"bear-opacity-50 bear-cursor-not-allowed hover:bear-scale-100",l),style:{...c,...e&&{backgroundColor:e}},"data-testid":h,...d,children:b}));a.displayName="Fab";exports.Fab=a;

package/dist/components/Fab/Fab.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { cn as p } from "../../utils/cn.js";
+import { forwardRef as p } from "react";
+import { cn as m } from "../../utils/cn.js";
 const u = {
   sm: "bear-w-10 bear-h-10",
   md: "bear-w-14 bear-h-14",
@@ -20,9 +20,9 @@ const u = {
   warning: "bear-bg-amber-500 hover:bear-bg-amber-600 bear-text-white",
   info: "bear-bg-blue-500 hover:bear-bg-blue-600 bear-text-white",
   ghost: "bear-bg-gray-500 hover:bear-bg-gray-600 bear-text-white",
-  outline: "bear-bg-white bear-border-2 bear-border-pink-500 hover:bear-bg-pink-50 bear-text-pink-500",
+  outline: "bear-bg-white dark:bear-bg-gray-900 bear-border-2 bear-border-pink-500 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-pink-500",
   error: "bear-bg-red-500 hover:bear-bg-red-600 bear-text-white"
-}, v = m(({
+}, v = p(({
   children: a,
   size: b = "md",
   variant: t = "primary",
@@ -35,14 +35,14 @@ const u = {
   className: s,
   testId: h,
   style: l,
-  ...f
-}, d) => /* @__PURE__ */ c(
+  ...d
+}, f) => /* @__PURE__ */ c(
   "button",
   {
-    ref: d,
+    ref: f,
     type: "button",
     disabled: r,
-    className: p(
+    className: m(
       "bear-inline-flex bear-items-center bear-justify-center bear-rounded-full",
       "bear-border-none bear-cursor-pointer bear-transition-all bear-duration-200",
       "focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-pink-500",
@@ -60,7 +60,7 @@ const u = {
       ...e && { backgroundColor: e }
     },
     "data-testid": h,
-    ...f,
+    ...d,
     children: a
   }
 ));

package/dist/components/Highlight/Highlight.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),b={yellow:"bg-yellow-200 dark:bg-yellow-500/30",pink:"bg-pink-200 dark:bg-pink-500/30",blue:"bg-blue-200 dark:bg-blue-500/30",green:"bg-green-200 dark:bg-green-500/30",purple:"bg-purple-200 dark:bg-purple-500/30",orange:"bg-orange-200 dark:bg-orange-500/30"},e=t.forwardRef(({children:r,color:g="yellow",animated:l=!1,className:a="",...i},n)=>o.jsx("span",{ref:n,className:`bear-highlight px-1 rounded ${b[g]} ${l?"animate-pulse":""} ${a}`.trim(),...i,children:r}));e.displayName="Highlight";exports.Highlight=e;

package/dist/components/Highlight/Highlight.d.ts

@@ -0,0 +1,2 @@
+import { HighlightProps } from './Highlight.types';
+export declare const Highlight: import('react').ForwardRefExoticComponent<HighlightProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/Highlight/Highlight.js

@@ -0,0 +1,28 @@
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+const n = {
+  yellow: "bg-yellow-200 dark:bg-yellow-500/30",
+  pink: "bg-pink-200 dark:bg-pink-500/30",
+  blue: "bg-blue-200 dark:bg-blue-500/30",
+  green: "bg-green-200 dark:bg-green-500/30",
+  purple: "bg-purple-200 dark:bg-purple-500/30",
+  orange: "bg-orange-200 dark:bg-orange-500/30"
+}, i = p(({
+  children: e,
+  color: r = "yellow",
+  animated: g = !1,
+  className: l = "",
+  ...a
+}, o) => /* @__PURE__ */ b(
+  "span",
+  {
+    ref: o,
+    className: `bear-highlight px-1 rounded ${n[r]} ${g ? "animate-pulse" : ""} ${l}`.trim(),
+    ...a,
+    children: e
+  }
+));
+i.displayName = "Highlight";
+export {
+  i as Highlight
+};

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface HighlightProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+    color?: 'yellow' | 'pink' | 'blue' | 'green' | 'purple' | 'orange';
+    animated?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Highlight } from './Highlight';
+export type { HighlightProps } from './Highlight.types';

package/dist/components/HoverCard/HoverCard.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),u=require("./HoverCard.utils.cjs"),c=t.forwardRef(({children:l,cardContent:d,side:o="bottom",align:b="center",openDelay:m=200,closeDelay:v=300,arrow:f=!0,className:g="",...p},y)=>{const[h,a]=t.useState(!1),e=t.useRef(),r=t.useRef(),n=()=>{r.current&&clearTimeout(r.current),e.current=setTimeout(()=>{a(!0)},m)},i=()=>{e.current&&clearTimeout(e.current),r.current=setTimeout(()=>{a(!1)},v)};return t.useEffect(()=>()=>{e.current&&clearTimeout(e.current),r.current&&clearTimeout(r.current)},[]),s.jsxs("div",{ref:y,className:`bear-hover-card relative inline-block ${g}`.trim(),onMouseEnter:n,onMouseLeave:i,...p,children:[l,s.jsx("div",{className:`
+          absolute z-50 w-72
+          ${u.getSideClasses(o,b)}
+          transition-all duration-200
+          ${h?"opacity-100 visible scale-100":"opacity-0 invisible scale-95 pointer-events-none"}
+        `,onMouseEnter:n,onMouseLeave:i,children:s.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 p-4",children:[f&&s.jsx("div",{className:`absolute w-3 h-3 bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 ${u.getArrowClasses(o)}`,style:{borderWidth:o==="top"||o==="left"?"0 1px 1px 0":"1px 0 0 1px"}}),d]})})]})});c.displayName="HoverCard";exports.HoverCard=c;

package/dist/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,2 @@
+import { HoverCardProps } from './HoverCard.types';
+export declare const HoverCard: import('react').ForwardRefExoticComponent<HoverCardProps & import('react').RefAttributes<HTMLDivElement>>;