@forgedevstack/bear 1.0.8 → 1.0.9

package/dist/components/Statistic/Statistic.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),v=({title:u,value:t,prefix:i,suffix:l,icon:n,trend:r,description:c,loading:h=!1,precision:d=0,className:x,size:s="md",variant:m="default"})=>{const j=typeof t=="number"?t.toLocaleString(void 0,{minimumFractionDigits:d,maximumFractionDigits:d}):t,b={sm:{value:"bear-text-xl",title:"bear-text-xs",icon:"bear-w-8 bear-h-8"},md:{value:"bear-text-3xl",title:"bear-text-sm",icon:"bear-w-10 bear-h-10"},lg:{value:"bear-text-4xl",title:"bear-text-base",icon:"bear-w-12 bear-h-12"}},o={default:"",card:"bear-bg-zinc-800 bear-rounded-xl bear-p-4 bear-border bear-border-zinc-700",minimal:""};return h?e.jsx("div",{className:a.cn(o[m],x),children:e.jsxs("div",{className:"bear-animate-pulse",children:[e.jsx("div",{className:"bear-h-4 bear-w-20 bear-bg-zinc-700 bear-rounded bear-mb-2"}),e.jsx("div",{className:"bear-h-8 bear-w-32 bear-bg-zinc-700 bear-rounded"})]})}):e.jsxs("div",{className:a.cn("bear-flex bear-items-start bear-gap-3",o[m],x),children:[n&&e.jsx("div",{className:a.cn("bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-bg-pink-500/20 bear-text-pink-400",b[s].icon),children:n}),e.jsxs("div",{children:[e.jsx("div",{className:a.cn("bear-text-zinc-400 bear-mb-1",b[s].title),children:u}),e.jsxs("div",{className:a.cn("bear-font-bold bear-text-white bear-flex bear-items-baseline bear-gap-1",b[s].value),children:[i&&e.jsx("span",{className:"bear-text-zinc-400",children:i}),j,l&&e.jsx("span",{className:"bear-text-zinc-400 bear-text-lg",children:l})]}),r&&e.jsxs("div",{className:a.cn("bear-flex bear-items-center bear-gap-1 bear-mt-1 bear-text-sm",r.isUpward!==!1?"bear-text-green-400":"bear-text-red-400"),children:[e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:r.isUpward!==!1?"M5 10l7-7m0 0l7 7m-7-7v18":"M19 14l-7 7m0 0l-7-7m7 7V3"})}),Math.abs(r.value),"%"]}),c&&e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mt-1",children:c})]})]})};exports.Statistic=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs");require("react");const v=({title:u,value:t,prefix:b,suffix:l,icon:n,trend:r,description:c,loading:h=!1,precision:d=0,className:x,size:s="md",variant:m="default"})=>{const j=typeof t=="number"?t.toLocaleString(void 0,{minimumFractionDigits:d,maximumFractionDigits:d}):t,i={sm:{value:"bear-text-xl",title:"bear-text-xs",icon:"bear-w-8 bear-h-8"},md:{value:"bear-text-3xl",title:"bear-text-sm",icon:"bear-w-10 bear-h-10"},lg:{value:"bear-text-4xl",title:"bear-text-base",icon:"bear-w-12 bear-h-12"}},o={default:"",card:"bear-bg-zinc-800 bear-rounded-xl bear-p-4 bear-border bear-border-zinc-700",minimal:""};return h?e.jsx("div",{className:a.cn(o[m],x),children:e.jsxs("div",{className:"bear-animate-pulse",children:[e.jsx("div",{className:"bear-h-4 bear-w-20 bear-bg-zinc-700 bear-rounded bear-mb-2"}),e.jsx("div",{className:"bear-h-8 bear-w-32 bear-bg-zinc-700 bear-rounded"})]})}):e.jsxs("div",{className:a.cn("bear-flex bear-items-start bear-gap-3",o[m],x),children:[n&&e.jsx("div",{className:a.cn("bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-bg-pink-500/20 bear-text-pink-400",i[s].icon),children:n}),e.jsxs("div",{children:[e.jsx("div",{className:a.cn("bear-text-zinc-400 bear-mb-1",i[s].title),children:u}),e.jsxs("div",{className:a.cn("bear-font-bold bear-text-white bear-flex bear-items-baseline bear-gap-1",i[s].value),children:[b&&e.jsx("span",{className:"bear-text-zinc-400",children:b}),j,l&&e.jsx("span",{className:"bear-text-zinc-400 bear-text-lg",children:l})]}),r&&e.jsxs("div",{className:a.cn("bear-flex bear-items-center bear-gap-1 bear-mt-1 bear-text-sm",r.isUpward!==!1?"bear-text-green-400":"bear-text-red-400"),children:[e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:r.isUpward!==!1?"M5 10l7-7m0 0l7 7m-7-7v18":"M19 14l-7 7m0 0l-7-7m7 7V3"})}),Math.abs(r.value),"%"]}),c&&e.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mt-1",children:c})]})]})};exports.Statistic=v;

package/dist/components/Statistic/Statistic.js

@@ -1,20 +1,21 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { cn as a } from "../../utils/cn.js";
-const N = ({
+import "react";
+const w = ({
   title: u,
   value: b,
   prefix: l,
   suffix: n,
   icon: c,
   trend: t,
-  description: d,
+  description: m,
   loading: v = !1,
-  precision: m = 0,
+  precision: d = 0,
   className: o,
   size: i = "md",
   variant: x = "default"
 }) => {
-  const g = typeof b == "number" ? b.toLocaleString(void 0, { minimumFractionDigits: m, maximumFractionDigits: m }) : b, s = {
+  const g = typeof b == "number" ? b.toLocaleString(void 0, { minimumFractionDigits: d, maximumFractionDigits: d }) : b, s = {
     sm: { value: "bear-text-xl", title: "bear-text-xs", icon: "bear-w-8 bear-h-8" },
     md: { value: "bear-text-3xl", title: "bear-text-sm", icon: "bear-w-10 bear-h-10" },
     lg: { value: "bear-text-4xl", title: "bear-text-base", icon: "bear-w-12 bear-h-12" }
@@ -46,10 +47,10 @@ const N = ({
         Math.abs(t.value),
         "%"
       ] }),
-      d && /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-zinc-500 bear-mt-1", children: d })
+      m && /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-zinc-500 bear-mt-1", children: m })
     ] })
   ] });
 };
 export {
-  N as Statistic
+  w as Statistic
 };

package/dist/components/Switch/Switch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../../utils/cn.cjs"),g="Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer",h="bear-opacity-50 bear-cursor-not-allowed",C="Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-pink-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900",p="bear-bg-pink-500",E="bear-bg-gray-300 dark:bear-bg-gray-600",A="Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center",y="Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300",l="Bear-Switch__icon bear-flex bear-items-center bear-justify-center",j={sm:{track:"bear-w-8 bear-h-4",thumb:"bear-w-3 bear-h-3",translate:"bear-translate-x-4",iconSize:8},md:{track:"bear-w-11 bear-h-6",thumb:"bear-w-5 bear-h-5",translate:"bear-translate-x-5",iconSize:12},lg:{track:"bear-w-14 bear-h-7",thumb:"bear-w-6 bear-h-6",translate:"bear-translate-x-7",iconSize:16}},T=({label:o,checked:r=!1,onCheckedChange:t,size:u="md",disabled:s=!1,uncheckedIcon:n,checkedIcon:b,showIconsInThumb:S=!1,className:f,testId:x,id:_,...m})=>{const w=()=>{s||t==null||t(!r)},i=j[u],c=n||b;return a.jsxs("label",{id:_,"data-testid":x,className:e.cn(g,s&&h,f),children:[a.jsx("input",{type:"checkbox",checked:r,onChange:w,disabled:s,className:"bear-sr-only",...m}),a.jsxs("span",{className:e.cn(C,r?p:E,i.track),children:[c&&!S&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:e.cn(l,"bear-absolute bear-left-1",r?"bear-text-white":"bear-text-transparent","bear-transition-colors bear-duration-200"),children:b}),a.jsx("span",{className:e.cn(l,"bear-absolute bear-right-1",r?"bear-text-transparent":"bear-text-gray-600 dark:bear-text-gray-400","bear-transition-colors bear-duration-200"),children:n})]}),a.jsx("span",{className:e.cn(A,r&&i.translate,i.thumb),children:c&&S&&a.jsx("span",{className:e.cn(l,r?"bear-text-pink-500":"bear-text-gray-400"),children:r?b:n})})]}),o&&a.jsx("span",{className:y,children:o})]})};exports.Switch=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../utils/cn.cjs");require("react");const g="Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer",h="bear-opacity-50 bear-cursor-not-allowed",C="Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-pink-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900",p="bear-bg-pink-500",E="bear-bg-gray-300 dark:bear-bg-gray-600",A="Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center",y="Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300",l="Bear-Switch__icon bear-flex bear-items-center bear-justify-center",j={sm:{track:"bear-w-8 bear-h-4",thumb:"bear-w-3 bear-h-3",translate:"bear-translate-x-4",iconSize:8},md:{track:"bear-w-11 bear-h-6",thumb:"bear-w-5 bear-h-5",translate:"bear-translate-x-5",iconSize:12},lg:{track:"bear-w-14 bear-h-7",thumb:"bear-w-6 bear-h-6",translate:"bear-translate-x-7",iconSize:16}},T=({label:o,checked:a=!1,onCheckedChange:t,size:u="md",disabled:s=!1,uncheckedIcon:n,checkedIcon:b,showIconsInThumb:S=!1,className:f,testId:x,id:_,...m})=>{const w=()=>{s||t==null||t(!a)},i=j[u],c=n||b;return r.jsxs("label",{id:_,"data-testid":x,className:e.cn(g,s&&h,f),children:[r.jsx("input",{type:"checkbox",checked:a,onChange:w,disabled:s,className:"bear-sr-only",...m}),r.jsxs("span",{className:e.cn(C,a?p:E,i.track),children:[c&&!S&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:e.cn(l,"bear-absolute bear-left-1",a?"bear-text-white":"bear-text-transparent","bear-transition-colors bear-duration-200"),children:b}),r.jsx("span",{className:e.cn(l,"bear-absolute bear-right-1",a?"bear-text-transparent":"bear-text-gray-600 dark:bear-text-gray-400","bear-transition-colors bear-duration-200"),children:n})]}),r.jsx("span",{className:e.cn(A,a&&i.translate,i.thumb),children:c&&S&&r.jsx("span",{className:e.cn(l,a?"bear-text-pink-500":"bear-text-gray-400"),children:a?b:n})})]}),o&&r.jsx("span",{className:y,children:o})]})};exports.Switch=T;

package/dist/components/Switch/Switch.js

@@ -1,5 +1,6 @@
-import { jsxs as o, jsx as r, Fragment as p } from "react/jsx-runtime";
+import { jsxs as o, jsx as r, Fragment as h } from "react/jsx-runtime";
 import { cn as e } from "../../utils/cn.js";
+import "react";
 const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer", g = "bear-opacity-50 bear-cursor-not-allowed", E = "Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-pink-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900", A = "bear-bg-pink-500", y = "bear-bg-gray-300 dark:bear-bg-gray-600", T = "Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center", H = "Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300", l = "Bear-Switch__icon bear-flex bear-items-center bear-justify-center", L = {
   sm: {
     track: "bear-w-8 bear-h-4",
@@ -19,7 +20,7 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
     translate: "bear-translate-x-7",
     iconSize: 16
   }
-}, d = ({
+}, W = ({
   label: S,
   checked: a = !1,
   onCheckedChange: t,
@@ -30,16 +31,16 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
   showIconsInThumb: c = !1,
   className: m,
   testId: u,
-  id: w,
-  ...x
+  id: p,
+  ...w
 }) => {
-  const h = () => {
+  const x = () => {
     s || t == null || t(!a);
   }, i = L[_], f = b || n;
   return /* @__PURE__ */ o(
     "label",
     {
-      id: w,
+      id: p,
       "data-testid": u,
       className: e(
         C,
@@ -52,10 +53,10 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
           {
             type: "checkbox",
             checked: a,
-            onChange: h,
+            onChange: x,
             disabled: s,
             className: "bear-sr-only",
-            ...x
+            ...w
           }
         ),
         /* @__PURE__ */ o(
@@ -67,7 +68,7 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
               i.track
             ),
             children: [
-              f && !c && /* @__PURE__ */ o(p, { children: [
+              f && !c && /* @__PURE__ */ o(h, { children: [
                 /* @__PURE__ */ r("span", { className: e(
                   l,
                   "bear-absolute bear-left-1",
@@ -104,5 +105,5 @@ const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor
   );
 };
 export {
-  d as Switch
+  W as Switch
 };

package/dist/components/TimePicker/components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("../../../../utils/cn.cjs"),e=require("../../TimePicker.constants.cjs"),O=({selectedHour:I,setSelectedHour:_,selectedMinute:r,setSelectedMinute:a,period:l,setPeriod:C,format:T,hours:n,minutes:N,timeValue:P,clearable:d,onChange:S,onConfirm:t,onClose:m,translations:A})=>{const c={...e.TIMEPICKER_DEFAULT_TRANSLATIONS,...A};return s.jsxs("div",{className:e.TIMEPICKER_DROPDOWN_CLASSES,children:[s.jsxs("div",{className:"Bear-TimePicker__columns bear-flex bear-gap-2 bear-mb-3",children:[s.jsxs("div",{className:"Bear-TimePicker__column bear-flex-1",children:[s.jsx("div",{className:e.TIMEPICKER_COLUMN_HEADER_CLASSES,children:c.hour}),s.jsx("div",{className:e.TIMEPICKER_COLUMN_CLASSES,children:n.map(E=>s.jsx("button",{onClick:()=>_(E),className:i.cn(e.TIMEPICKER_OPTION_CLASSES,I===E?e.TIMEPICKER_OPTION_ACTIVE_CLASSES:e.TIMEPICKER_OPTION_INACTIVE_CLASSES),children:E.toString().padStart(2,"0")},E))})]}),s.jsxs("div",{className:"Bear-TimePicker__column bear-flex-1",children:[s.jsx("div",{className:e.TIMEPICKER_COLUMN_HEADER_CLASSES,children:c.minute}),s.jsx("div",{className:e.TIMEPICKER_COLUMN_CLASSES,children:N.map(E=>s.jsx("button",{onClick:()=>a(E),className:i.cn(e.TIMEPICKER_OPTION_CLASSES,r===E?e.TIMEPICKER_OPTION_ACTIVE_CLASSES:e.TIMEPICKER_OPTION_INACTIVE_CLASSES),children:E.toString().padStart(2,"0")},E))})]}),T==="12h"&&s.jsxs("div",{className:"Bear-TimePicker__column bear-flex-1",children:[s.jsx("div",{className:e.TIMEPICKER_COLUMN_HEADER_CLASSES,children:c.period}),s.jsx("div",{className:"bear-space-y-1",children:["AM","PM"].map(E=>s.jsx("button",{onClick:()=>C(E),className:i.cn(e.TIMEPICKER_OPTION_CLASSES,"bear-py-2",l===E?e.TIMEPICKER_OPTION_ACTIVE_CLASSES:e.TIMEPICKER_OPTION_INACTIVE_CLASSES),children:E},E))})]})]}),s.jsxs("div",{className:e.TIMEPICKER_FOOTER_CLASSES,children:[d&&P&&s.jsx("button",{onClick:()=>{S==null||S(null),m()},className:e.TIMEPICKER_CLEAR_BUTTON_CLASSES,children:c.cancel}),s.jsx("button",{onClick:t,className:e.TIMEPICKER_CONFIRM_BUTTON_CLASSES,children:c.ok})]})]})};exports.TimePickerColumnsDropdown=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("../../../../utils/cn.cjs");require("react");const e=require("../../TimePicker.constants.cjs"),O=({selectedHour:r,setSelectedHour:I,selectedMinute:_,setSelectedMinute:a,period:l,setPeriod:C,format:T,hours:n,minutes:N,timeValue:P,clearable:d,onChange:S,onConfirm:t,onClose:m,translations:A})=>{const c={...e.TIMEPICKER_DEFAULT_TRANSLATIONS,...A};return s.jsxs("div",{className:e.TIMEPICKER_DROPDOWN_CLASSES,children:[s.jsxs("div",{className:"Bear-TimePicker__columns bear-flex bear-gap-2 bear-mb-3",children:[s.jsxs("div",{className:"Bear-TimePicker__column bear-flex-1",children:[s.jsx("div",{className:e.TIMEPICKER_COLUMN_HEADER_CLASSES,children:c.hour}),s.jsx("div",{className:e.TIMEPICKER_COLUMN_CLASSES,children:n.map(E=>s.jsx("button",{onClick:()=>I(E),className:i.cn(e.TIMEPICKER_OPTION_CLASSES,r===E?e.TIMEPICKER_OPTION_ACTIVE_CLASSES:e.TIMEPICKER_OPTION_INACTIVE_CLASSES),children:E.toString().padStart(2,"0")},E))})]}),s.jsxs("div",{className:"Bear-TimePicker__column bear-flex-1",children:[s.jsx("div",{className:e.TIMEPICKER_COLUMN_HEADER_CLASSES,children:c.minute}),s.jsx("div",{className:e.TIMEPICKER_COLUMN_CLASSES,children:N.map(E=>s.jsx("button",{onClick:()=>a(E),className:i.cn(e.TIMEPICKER_OPTION_CLASSES,_===E?e.TIMEPICKER_OPTION_ACTIVE_CLASSES:e.TIMEPICKER_OPTION_INACTIVE_CLASSES),children:E.toString().padStart(2,"0")},E))})]}),T==="12h"&&s.jsxs("div",{className:"Bear-TimePicker__column bear-flex-1",children:[s.jsx("div",{className:e.TIMEPICKER_COLUMN_HEADER_CLASSES,children:c.period}),s.jsx("div",{className:"bear-space-y-1",children:["AM","PM"].map(E=>s.jsx("button",{onClick:()=>C(E),className:i.cn(e.TIMEPICKER_OPTION_CLASSES,"bear-py-2",l===E?e.TIMEPICKER_OPTION_ACTIVE_CLASSES:e.TIMEPICKER_OPTION_INACTIVE_CLASSES),children:E},E))})]})]}),s.jsxs("div",{className:e.TIMEPICKER_FOOTER_CLASSES,children:[d&&P&&s.jsx("button",{onClick:()=>{S==null||S(null),m()},className:e.TIMEPICKER_CLEAR_BUTTON_CLASSES,children:c.cancel}),s.jsx("button",{onClick:t,className:e.TIMEPICKER_CONFIRM_BUTTON_CLASSES,children:c.ok})]})]})};exports.TimePickerColumnsDropdown=O;

package/dist/components/TimePicker/components/TimePickerColumnsDropdown/TimePickerColumnsDropdown.js

@@ -1,14 +1,15 @@
 import { jsxs as a, jsx as c } from "react/jsx-runtime";
 import { cn as r } from "../../../../utils/cn.js";
-import { TIMEPICKER_DROPDOWN_CLASSES as u, TIMEPICKER_DEFAULT_TRANSLATIONS as L, TIMEPICKER_COLUMN_HEADER_CLASSES as s, TIMEPICKER_COLUMN_CLASSES as d, TIMEPICKER_OPTION_ACTIVE_CLASSES as E, TIMEPICKER_OPTION_INACTIVE_CLASSES as m, TIMEPICKER_OPTION_CLASSES as n, TIMEPICKER_FOOTER_CLASSES as h, TIMEPICKER_CLEAR_BUTTON_CLASSES as v, TIMEPICKER_CONFIRM_BUTTON_CLASSES as k } from "../../TimePicker.constants.js";
-const x = ({
+import "react";
+import { TIMEPICKER_DROPDOWN_CLASSES as u, TIMEPICKER_DEFAULT_TRANSLATIONS as L, TIMEPICKER_COLUMN_HEADER_CLASSES as s, TIMEPICKER_COLUMN_CLASSES as d, TIMEPICKER_OPTION_ACTIVE_CLASSES as m, TIMEPICKER_OPTION_INACTIVE_CLASSES as E, TIMEPICKER_OPTION_CLASSES as n, TIMEPICKER_FOOTER_CLASSES as h, TIMEPICKER_CLEAR_BUTTON_CLASSES as p, TIMEPICKER_CONFIRM_BUTTON_CLASSES as v } from "../../TimePicker.constants.js";
+const B = ({
   selectedHour: S,
   setSelectedHour: _,
   selectedMinute: N,
-  setSelectedMinute: I,
-  period: T,
-  setPeriod: o,
-  format: t,
+  setSelectedMinute: o,
+  period: t,
+  setPeriod: I,
+  format: T,
   hours: C,
   minutes: P,
   timeValue: A,
@@ -29,7 +30,7 @@ const x = ({
             onClick: () => _(e),
             className: r(
               n,
-              S === e ? E : m
+              S === e ? m : E
             ),
             children: e.toString().padStart(2, "0")
           },
@@ -41,26 +42,26 @@ const x = ({
         /* @__PURE__ */ c("div", { className: d, children: P.map((e) => /* @__PURE__ */ c(
           "button",
           {
-            onClick: () => I(e),
+            onClick: () => o(e),
             className: r(
               n,
-              N === e ? E : m
+              N === e ? m : E
             ),
             children: e.toString().padStart(2, "0")
           },
           e
         )) })
       ] }),
-      t === "12h" && /* @__PURE__ */ a("div", { className: "Bear-TimePicker__column bear-flex-1", children: [
+      T === "12h" && /* @__PURE__ */ a("div", { className: "Bear-TimePicker__column bear-flex-1", children: [
         /* @__PURE__ */ c("div", { className: s, children: i.period }),
         /* @__PURE__ */ c("div", { className: "bear-space-y-1", children: ["AM", "PM"].map((e) => /* @__PURE__ */ c(
           "button",
           {
-            onClick: () => o(e),
+            onClick: () => I(e),
             className: r(
               n,
               "bear-py-2",
-              T === e ? E : m
+              t === e ? m : E
             ),
             children: e
           },
@@ -71,11 +72,11 @@ const x = ({
     /* @__PURE__ */ a("div", { className: h, children: [
       O && A && /* @__PURE__ */ c("button", { onClick: () => {
         l == null || l(null), M();
-      }, className: v, children: i.cancel }),
-      /* @__PURE__ */ c("button", { onClick: R, className: k, children: i.ok })
+      }, className: p, children: i.cancel }),
+      /* @__PURE__ */ c("button", { onClick: R, className: v, children: i.ok })
     ] })
   ] });
 };
 export {
-  x as TimePickerColumnsDropdown
+  B as TimePickerColumnsDropdown
 };

package/dist/components/TimePicker/helpers/ClockFaceSvg.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("../../../utils/cn.cjs"),e=require("../TimePicker.constants.cjs"),E=({values:t,isHourMode:n,format:i,selectedHour:a,selectedMinute:l,onSelect:b,className:h})=>{const f=c=>n?(c*30-90)*(Math.PI/180):(c*(360/t.length)-90)*(Math.PI/180),s=(n?(i==="12h"?a===12?0:a%12:a)*30-90:l*6-90)*Math.PI/180;return r.jsxs("svg",{viewBox:"0 0 200 200",className:m.cn("Bear-TimePicker__clock-face bear-w-full bear-h-full",h),children:[r.jsx("circle",{cx:e.CLOCK_CENTER,cy:e.CLOCK_CENTER,r:e.CLOCK_RADIUS,className:"Bear-TimePicker__clock-face-circle bear-fill-none bear-stroke-gray-200 dark:bear-stroke-zinc-700 bear-stroke-2"}),t.map((c,x)=>{const C=f(x),o=e.CLOCK_CENTER+e.CLOCK_RADIUS*.85*Math.cos(C),_=e.CLOCK_CENTER+e.CLOCK_RADIUS*.85*Math.sin(C),k=n?i==="12h"?c===12?a===12:a%12===c:a===c:l===c;return r.jsxs("g",{onClick:()=>b(c),className:"Bear-TimePicker__clock-face-item bear-cursor-pointer",children:[k&&r.jsx("circle",{cx:o,cy:_,r:14,className:"Bear-TimePicker__clock-face-dot bear-fill-blue-500"}),r.jsx("text",{x:o,y:_,textAnchor:"middle",dominantBaseline:"middle",className:m.cn("Bear-TimePicker__clock-face-text bear-text-sm bear-font-medium bear-pointer-events-none",k?"bear-fill-white":"bear-fill-gray-700 dark:bear-fill-zinc-300"),children:typeof c=="number"?c.toString().padStart(2,"0"):c})]},c)}),r.jsx("line",{x1:e.CLOCK_CENTER,y1:e.CLOCK_CENTER,x2:e.CLOCK_CENTER+e.CLOCK_RADIUS*.6*Math.cos(s),y2:e.CLOCK_CENTER+e.CLOCK_RADIUS*.6*Math.sin(s),className:"Bear-TimePicker__clock-face-hand bear-stroke-blue-500 bear-stroke-2",strokeLinecap:"round"})]})};exports.ClockFaceSvg=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../../../utils/cn.cjs");require("react");const e=require("../TimePicker.constants.cjs"),E=({values:t,isHourMode:n,format:i,selectedHour:r,selectedMinute:l,onSelect:b,className:h})=>{const f=c=>n?(c*30-90)*(Math.PI/180):(c*(360/t.length)-90)*(Math.PI/180),s=(n?(i==="12h"?r===12?0:r%12:r)*30-90:l*6-90)*Math.PI/180;return a.jsxs("svg",{viewBox:"0 0 200 200",className:m.cn("Bear-TimePicker__clock-face bear-w-full bear-h-full",h),children:[a.jsx("circle",{cx:e.CLOCK_CENTER,cy:e.CLOCK_CENTER,r:e.CLOCK_RADIUS,className:"Bear-TimePicker__clock-face-circle bear-fill-none bear-stroke-gray-200 dark:bear-stroke-zinc-700 bear-stroke-2"}),t.map((c,x)=>{const C=f(x),o=e.CLOCK_CENTER+e.CLOCK_RADIUS*.85*Math.cos(C),_=e.CLOCK_CENTER+e.CLOCK_RADIUS*.85*Math.sin(C),k=n?i==="12h"?c===12?r===12:r%12===c:r===c:l===c;return a.jsxs("g",{onClick:()=>b(c),className:"Bear-TimePicker__clock-face-item bear-cursor-pointer",children:[k&&a.jsx("circle",{cx:o,cy:_,r:14,className:"Bear-TimePicker__clock-face-dot bear-fill-blue-500"}),a.jsx("text",{x:o,y:_,textAnchor:"middle",dominantBaseline:"middle",className:m.cn("Bear-TimePicker__clock-face-text bear-text-sm bear-font-medium bear-pointer-events-none",k?"bear-fill-white":"bear-fill-gray-700 dark:bear-fill-zinc-300"),children:typeof c=="number"?c.toString().padStart(2,"0"):c})]},c)}),a.jsx("line",{x1:e.CLOCK_CENTER,y1:e.CLOCK_CENTER,x2:e.CLOCK_CENTER+e.CLOCK_RADIUS*.6*Math.cos(s),y2:e.CLOCK_CENTER+e.CLOCK_RADIUS*.6*Math.sin(s),className:"Bear-TimePicker__clock-face-hand bear-stroke-blue-500 bear-stroke-2",strokeLinecap:"round"})]})};exports.ClockFaceSvg=E;

package/dist/components/TimePicker/helpers/ClockFaceSvg.js

@@ -1,28 +1,29 @@
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import { cn as _ } from "../../../utils/cn.js";
-import { CLOCK_RADIUS as c, CLOCK_CENTER as a } from "../TimePicker.constants.js";
-const N = ({
+import "react";
+import { CLOCK_RADIUS as c, CLOCK_CENTER as r } from "../TimePicker.constants.js";
+const T = ({
   values: i,
   isHourMode: t,
   format: l,
-  selectedHour: r,
+  selectedHour: a,
   selectedMinute: o,
   onSelect: g,
   className: x
 }) => {
-  const d = (e) => t ? (e * 30 - 90) * (Math.PI / 180) : (e * (360 / i.length) - 90) * (Math.PI / 180), s = (t ? (l === "12h" ? r === 12 ? 0 : r % 12 : r) * 30 - 90 : o * 6 - 90) * Math.PI / 180;
+  const d = (e) => t ? (e * 30 - 90) * (Math.PI / 180) : (e * (360 / i.length) - 90) * (Math.PI / 180), s = (t ? (l === "12h" ? a === 12 ? 0 : a % 12 : a) * 30 - 90 : o * 6 - 90) * Math.PI / 180;
   return /* @__PURE__ */ f("svg", { viewBox: "0 0 200 200", className: _("Bear-TimePicker__clock-face bear-w-full bear-h-full", x), children: [
     /* @__PURE__ */ n(
       "circle",
       {
-        cx: a,
-        cy: a,
+        cx: r,
+        cy: r,
         r: c,
         className: "Bear-TimePicker__clock-face-circle bear-fill-none bear-stroke-gray-200 dark:bear-stroke-zinc-700 bear-stroke-2"
       }
     ),
     i.map((e, p) => {
-      const m = d(p), k = a + c * 0.85 * Math.cos(m), h = a + c * 0.85 * Math.sin(m), b = t ? l === "12h" ? e === 12 ? r === 12 : r % 12 === e : r === e : o === e;
+      const m = d(p), k = r + c * 0.85 * Math.cos(m), h = r + c * 0.85 * Math.sin(m), b = t ? l === "12h" ? e === 12 ? a === 12 : a % 12 === e : a === e : o === e;
       return /* @__PURE__ */ f(
         "g",
         {
@@ -52,10 +53,10 @@ const N = ({
     /* @__PURE__ */ n(
       "line",
       {
-        x1: a,
-        y1: a,
-        x2: a + c * 0.6 * Math.cos(s),
-        y2: a + c * 0.6 * Math.sin(s),
+        x1: r,
+        y1: r,
+        x2: r + c * 0.6 * Math.cos(s),
+        y2: r + c * 0.6 * Math.sin(s),
         className: "Bear-TimePicker__clock-face-hand bear-stroke-blue-500 bear-stroke-2",
         strokeLinecap: "round"
       }
@@ -63,5 +64,5 @@ const N = ({
   ] });
 };
 export {
-  N as ClockFaceSvg
+  T as ClockFaceSvg
 };

package/dist/components/Transition/Transition.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),x=require("../../utils/cn.cjs"),M=require("./Transition.const.cjs"),P=({show:a,name:y="fade",duration:i=M.DEFAULT_DURATION,delay:n=0,easing:I=M.DEFAULT_EASING,enterFrom:l,enterTo:o,leaveFrom:f,leaveTo:N,unmountOnHide:T=!0,onEnter:m,onEntered:d,onLeave:c,onLeft:S,children:v,className:R,as:A="div"})=>{const[q,F]=s.useState(a),[b,u]=s.useState(a?"idle":"exit-active"),e=s.useRef(null);if(s.useEffect(()=>(e.current&&clearTimeout(e.current),a?(F(!0),u("enter"),m==null||m(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{u("enter-active"),e.current=setTimeout(()=>{u("idle"),d==null||d()},i+n)})})):(u("exit"),c==null||c(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{u("exit-active"),e.current=setTimeout(()=>{T&&F(!1),S==null||S()},i+n)})})),()=>{e.current&&clearTimeout(e.current)}),[a]),!q&&T)return null;const t=M.TRANSITION_PRESETS[y];let r={transition:`all ${i}ms ${I} ${n}ms`};switch(b){case"enter":r={...r,...l??(t==null?void 0:t.enter)};break;case"enter-active":case"idle":r={...r,...o??(t==null?void 0:t.enterActive)};break;case"exit":r={...r,...f??(t==null?void 0:t.exit)};break;case"exit-active":r={...r,...N??(t==null?void 0:t.exitActive)};break}return s.createElement(A,{className:x.cn(R),style:r},v)},$=({children:a,initial:y,animate:i,exit:n,transition:I={},whileHover:l,whileTap:o,inView:f=!0,as:N="div",className:T,testId:m})=>{const[d,c]=s.useState(y??{}),[S,v]=s.useState(!1),[R,A]=s.useState(!1),q=s.useRef(!1),{duration:F=300,delay:b=0,easing:u=M.DEFAULT_EASING}=I;s.useEffect(()=>{q.current?f&&i?c(i):!f&&n&&c(n):(q.current=!0,requestAnimationFrame(()=>{f&&i&&c(i)}))},[f]);let e={...d,transition:`all ${F}ms ${u} ${b}ms`};return R&&o?e={...e,...o}:S&&l&&(e={...e,...l}),s.createElement(N,{className:x.cn(T),style:e,"data-testid":m,onMouseEnter:l?()=>v(!0):void 0,onMouseLeave:l?()=>{v(!1),A(!1)}:void 0,onMouseDown:o?()=>A(!0):void 0,onMouseUp:o?()=>A(!1):void 0},a)};exports.Motion=$;exports.Transition=P;

package/dist/components/Transition/Transition.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=300,e="cubic-bezier(0.4, 0, 0.2, 1)",a={fade:{enter:{opacity:0},enterActive:{opacity:1},exit:{opacity:1},exitActive:{opacity:0}},"slide-up":{enter:{opacity:0,transform:"translateY(16px)"},enterActive:{opacity:1,transform:"translateY(0)"},exit:{opacity:1,transform:"translateY(0)"},exitActive:{opacity:0,transform:"translateY(16px)"}},"slide-down":{enter:{opacity:0,transform:"translateY(-16px)"},enterActive:{opacity:1,transform:"translateY(0)"},exit:{opacity:1,transform:"translateY(0)"},exitActive:{opacity:0,transform:"translateY(-16px)"}},"slide-left":{enter:{opacity:0,transform:"translateX(-16px)"},enterActive:{opacity:1,transform:"translateX(0)"},exit:{opacity:1,transform:"translateX(0)"},exitActive:{opacity:0,transform:"translateX(-16px)"}},"slide-right":{enter:{opacity:0,transform:"translateX(16px)"},enterActive:{opacity:1,transform:"translateX(0)"},exit:{opacity:1,transform:"translateX(0)"},exitActive:{opacity:0,transform:"translateX(16px)"}},scale:{enter:{opacity:0,transform:"scale(0.9)"},enterActive:{opacity:1,transform:"scale(1)"},exit:{opacity:1,transform:"scale(1)"},exitActive:{opacity:0,transform:"scale(0.9)"}},"scale-y":{enter:{opacity:0,transform:"scaleY(0)"},enterActive:{opacity:1,transform:"scaleY(1)"},exit:{opacity:1,transform:"scaleY(1)"},exitActive:{opacity:0,transform:"scaleY(0)"}},"scale-x":{enter:{opacity:0,transform:"scaleX(0)"},enterActive:{opacity:1,transform:"scaleX(1)"},exit:{opacity:1,transform:"scaleX(1)"},exitActive:{opacity:0,transform:"scaleX(0)"}},rotate:{enter:{opacity:0,transform:"rotate(-90deg)"},enterActive:{opacity:1,transform:"rotate(0)"},exit:{opacity:1,transform:"rotate(0)"},exitActive:{opacity:0,transform:"rotate(90deg)"}},flip:{enter:{opacity:0,transform:"perspective(400px) rotateY(-90deg)"},enterActive:{opacity:1,transform:"perspective(400px) rotateY(0)"},exit:{opacity:1,transform:"perspective(400px) rotateY(0)"},exitActive:{opacity:0,transform:"perspective(400px) rotateY(90deg)"}},collapse:{enter:{height:"0px",overflow:"hidden",opacity:0},enterActive:{height:"auto",overflow:"hidden",opacity:1},exit:{height:"auto",overflow:"hidden",opacity:1},exitActive:{height:"0px",overflow:"hidden",opacity:0}}};exports.DEFAULT_DURATION=t;exports.DEFAULT_EASING=e;exports.TRANSITION_PRESETS=a;

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

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { TransitionName } from './Transition.types';
+/** Default transition duration (ms) */
+export declare const DEFAULT_DURATION = 300;
+/** Default easing */
+export declare const DEFAULT_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+interface TransitionStyles {
+    enter: CSSProperties;
+    enterActive: CSSProperties;
+    exit: CSSProperties;
+    exitActive: CSSProperties;
+}
+/** Built-in transition presets */
+export declare const TRANSITION_PRESETS: Record<TransitionName, TransitionStyles>;
+export {};

package/dist/components/Transition/Transition.const.js

@@ -0,0 +1,73 @@
+const t = 300, e = "cubic-bezier(0.4, 0, 0.2, 1)", a = {
+  fade: {
+    enter: { opacity: 0 },
+    enterActive: { opacity: 1 },
+    exit: { opacity: 1 },
+    exitActive: { opacity: 0 }
+  },
+  "slide-up": {
+    enter: { opacity: 0, transform: "translateY(16px)" },
+    enterActive: { opacity: 1, transform: "translateY(0)" },
+    exit: { opacity: 1, transform: "translateY(0)" },
+    exitActive: { opacity: 0, transform: "translateY(16px)" }
+  },
+  "slide-down": {
+    enter: { opacity: 0, transform: "translateY(-16px)" },
+    enterActive: { opacity: 1, transform: "translateY(0)" },
+    exit: { opacity: 1, transform: "translateY(0)" },
+    exitActive: { opacity: 0, transform: "translateY(-16px)" }
+  },
+  "slide-left": {
+    enter: { opacity: 0, transform: "translateX(-16px)" },
+    enterActive: { opacity: 1, transform: "translateX(0)" },
+    exit: { opacity: 1, transform: "translateX(0)" },
+    exitActive: { opacity: 0, transform: "translateX(-16px)" }
+  },
+  "slide-right": {
+    enter: { opacity: 0, transform: "translateX(16px)" },
+    enterActive: { opacity: 1, transform: "translateX(0)" },
+    exit: { opacity: 1, transform: "translateX(0)" },
+    exitActive: { opacity: 0, transform: "translateX(16px)" }
+  },
+  scale: {
+    enter: { opacity: 0, transform: "scale(0.9)" },
+    enterActive: { opacity: 1, transform: "scale(1)" },
+    exit: { opacity: 1, transform: "scale(1)" },
+    exitActive: { opacity: 0, transform: "scale(0.9)" }
+  },
+  "scale-y": {
+    enter: { opacity: 0, transform: "scaleY(0)" },
+    enterActive: { opacity: 1, transform: "scaleY(1)" },
+    exit: { opacity: 1, transform: "scaleY(1)" },
+    exitActive: { opacity: 0, transform: "scaleY(0)" }
+  },
+  "scale-x": {
+    enter: { opacity: 0, transform: "scaleX(0)" },
+    enterActive: { opacity: 1, transform: "scaleX(1)" },
+    exit: { opacity: 1, transform: "scaleX(1)" },
+    exitActive: { opacity: 0, transform: "scaleX(0)" }
+  },
+  rotate: {
+    enter: { opacity: 0, transform: "rotate(-90deg)" },
+    enterActive: { opacity: 1, transform: "rotate(0)" },
+    exit: { opacity: 1, transform: "rotate(0)" },
+    exitActive: { opacity: 0, transform: "rotate(90deg)" }
+  },
+  flip: {
+    enter: { opacity: 0, transform: "perspective(400px) rotateY(-90deg)" },
+    enterActive: { opacity: 1, transform: "perspective(400px) rotateY(0)" },
+    exit: { opacity: 1, transform: "perspective(400px) rotateY(0)" },
+    exitActive: { opacity: 0, transform: "perspective(400px) rotateY(90deg)" }
+  },
+  collapse: {
+    enter: { height: "0px", overflow: "hidden", opacity: 0 },
+    enterActive: { height: "auto", overflow: "hidden", opacity: 1 },
+    exit: { height: "auto", overflow: "hidden", opacity: 1 },
+    exitActive: { height: "0px", overflow: "hidden", opacity: 0 }
+  }
+};
+export {
+  t as DEFAULT_DURATION,
+  e as DEFAULT_EASING,
+  a as TRANSITION_PRESETS
+};

package/dist/components/Transition/Transition.d.ts

@@ -0,0 +1,37 @@
+import { FC } from 'react';
+import { TransitionProps, MotionProps } from './Transition.types';
+/**
+ * Transition - Declarative enter/leave transitions
+ *
+ * @description
+ * Wraps children with CSS transitions for show/hide animations.
+ * Supports built-in presets and custom enter/leave styles.
+ *
+ * @example
+ * ```tsx
+ * <Transition show={isOpen} name="slide-up" duration={300}>
+ *   <div>Content</div>
+ * </Transition>
+ * ```
+ */
+export declare const Transition: FC<TransitionProps>;
+/**
+ * Motion - Framer Motion-inspired declarative animation component
+ *
+ * @description
+ * Animates between initial, animate, and exit states with
+ * optional hover and tap interactions.
+ *
+ * @example
+ * ```tsx
+ * <Motion
+ *   initial={{ opacity: 0, y: 20 }}
+ *   animate={{ opacity: 1, y: 0 }}
+ *   whileHover={{ scale: 1.05 }}
+ *   transition={{ duration: 500 }}
+ * >
+ *   <Card>Content</Card>
+ * </Motion>
+ * ```
+ */
+export declare const Motion: FC<MotionProps>;

package/dist/components/Transition/Transition.js

@@ -0,0 +1,107 @@
+import { useState as v, useRef as y, useEffect as P, createElement as R } from "react";
+import { cn as b } from "../../utils/cn.js";
+import { DEFAULT_EASING as k, DEFAULT_DURATION as D, TRANSITION_PRESETS as U } from "./Transition.const.js";
+const G = ({
+  show: u,
+  name: I = "fade",
+  duration: r = D,
+  delay: a = 0,
+  easing: M = k,
+  enterFrom: n,
+  enterTo: l,
+  leaveFrom: m,
+  leaveTo: N,
+  unmountOnHide: S = !0,
+  onEnter: o,
+  onEntered: f,
+  onLeave: i,
+  onLeft: d,
+  children: T,
+  className: $,
+  as: A = "div"
+}) => {
+  const [x, F] = v(u), [q, c] = v(
+    u ? "idle" : "exit-active"
+  ), e = y(null);
+  if (P(() => (e.current && clearTimeout(e.current), u ? (F(!0), c("enter"), o == null || o(), requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      c("enter-active"), e.current = setTimeout(() => {
+        c("idle"), f == null || f();
+      }, r + a);
+    });
+  })) : (c("exit"), i == null || i(), requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      c("exit-active"), e.current = setTimeout(() => {
+        S && F(!1), d == null || d();
+      }, r + a);
+    });
+  })), () => {
+    e.current && clearTimeout(e.current);
+  }), [u]), !x && S) return null;
+  const t = U[I];
+  let s = {
+    transition: `all ${r}ms ${M} ${a}ms`
+  };
+  switch (q) {
+    case "enter":
+      s = { ...s, ...n ?? (t == null ? void 0 : t.enter) };
+      break;
+    case "enter-active":
+    case "idle":
+      s = { ...s, ...l ?? (t == null ? void 0 : t.enterActive) };
+      break;
+    case "exit":
+      s = { ...s, ...m ?? (t == null ? void 0 : t.exit) };
+      break;
+    case "exit-active":
+      s = { ...s, ...N ?? (t == null ? void 0 : t.exitActive) };
+      break;
+  }
+  return R(
+    A,
+    { className: b($), style: s },
+    T
+  );
+}, O = ({
+  children: u,
+  initial: I,
+  animate: r,
+  exit: a,
+  transition: M = {},
+  whileHover: n,
+  whileTap: l,
+  inView: m = !0,
+  as: N = "div",
+  className: S,
+  testId: o
+}) => {
+  const [f, i] = v(I ?? {}), [d, T] = v(!1), [$, A] = v(!1), x = y(!1), { duration: F = 300, delay: q = 0, easing: c = k } = M;
+  P(() => {
+    x.current ? m && r ? i(r) : !m && a && i(a) : (x.current = !0, requestAnimationFrame(() => {
+      m && r && i(r);
+    }));
+  }, [m]);
+  let e = {
+    ...f,
+    transition: `all ${F}ms ${c} ${q}ms`
+  };
+  return $ && l ? e = { ...e, ...l } : d && n && (e = { ...e, ...n }), R(
+    N,
+    {
+      className: b(S),
+      style: e,
+      "data-testid": o,
+      onMouseEnter: n ? () => T(!0) : void 0,
+      onMouseLeave: n ? () => {
+        T(!1), A(!1);
+      } : void 0,
+      onMouseDown: l ? () => A(!0) : void 0,
+      onMouseUp: l ? () => A(!1) : void 0
+    },
+    u
+  );
+};
+export {
+  O as Motion,
+  G as Transition
+};

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

@@ -0,0 +1,69 @@
+import { ReactNode, CSSProperties } from 'react';
+/**
+ * Built-in transition names
+ */
+export type TransitionName = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'scale-y' | 'scale-x' | 'rotate' | 'flip' | 'collapse';
+export interface TransitionProps {
+    /** Whether the child is visible */
+    show: boolean;
+    /** Transition name or custom styles */
+    name?: TransitionName;
+    /** Duration in ms */
+    duration?: number;
+    /** Delay in ms */
+    delay?: number;
+    /** Easing function */
+    easing?: string;
+    /** Custom enter styles */
+    enterFrom?: CSSProperties;
+    /** Custom enter-to styles */
+    enterTo?: CSSProperties;
+    /** Custom leave styles */
+    leaveFrom?: CSSProperties;
+    /** Custom leave-to styles */
+    leaveTo?: CSSProperties;
+    /** Unmount when hidden */
+    unmountOnHide?: boolean;
+    /** Called when enter transition starts */
+    onEnter?: () => void;
+    /** Called when enter transition ends */
+    onEntered?: () => void;
+    /** Called when leave transition starts */
+    onLeave?: () => void;
+    /** Called when leave transition ends */
+    onLeft?: () => void;
+    /** Children to animate */
+    children: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** As which HTML element */
+    as?: keyof JSX.IntrinsicElements;
+}
+export interface MotionProps {
+    /** Children to render */
+    children: ReactNode;
+    /** Initial styles (on mount) */
+    initial?: CSSProperties;
+    /** Target styles (after mount) */
+    animate?: CSSProperties;
+    /** Exit styles */
+    exit?: CSSProperties;
+    /** Transition configuration */
+    transition?: {
+        duration?: number;
+        delay?: number;
+        easing?: string;
+    };
+    /** Hover styles */
+    whileHover?: CSSProperties;
+    /** Press/active styles */
+    whileTap?: CSSProperties;
+    /** Whether in view (trigger animation) */
+    inView?: boolean;
+    /** As which HTML element */
+    as?: keyof JSX.IntrinsicElements;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Transition, Motion } from './Transition';
+export type { TransitionProps, MotionProps, TransitionName } from './Transition.types';

package/dist/components/Typewriter/Typewriter.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),t=require("react"),R=require("../../utils/cn.cjs"),r=require("./Typewriter.const.cjs"),X=b=>{const{text:f,speed:i=r.DEFAULT_SPEED,startDelay:N=r.DEFAULT_START_DELAY,deleteDelay:x=r.DEFAULT_DELETE_DELAY,deleteSpeed:d=r.DEFAULT_DELETE_SPEED,loop:_=!1,cursor:I=!0,cursorChar:h=r.DEFAULT_CURSOR_CHAR,cursorBlinkSpeed:A=r.DEFAULT_CURSOR_BLINK_SPEED,onComplete:n,onWordComplete:o,as:g="span",className:U,style:j,testId:w}=b,u=Array.isArray(f)?f:[f],[F,m]=t.useState(""),[a,p]=t.useState(r.INITIAL_TEXT_INDEX),[l,S]=t.useState(r.INITIAL_CHAR_INDEX),[E,L]=t.useState(!1),[v,B]=t.useState(!0),e=t.useRef(),D=t.useRef(!1);t.useEffect(()=>{if(!I)return;const T=setInterval(()=>B(s=>!s),A);return()=>clearInterval(T)},[I,A]);const c=t.useCallback(()=>{const T=u[a];if(E)if(l>0)S(s=>s-1),m(T.slice(0,l-1)),e.current=setTimeout(c,d);else{L(!1);const s=a+1;s>=u.length?_?(p(r.INITIAL_TEXT_INDEX),e.current=setTimeout(c,i)):n==null||n():(p(s),e.current=setTimeout(c,i))}else if(l<T.length)m(T.slice(0,l+1)),S(s=>s+1),e.current=setTimeout(c,i);else{if(o==null||o(a),u.length===1&&!_){n==null||n();return}e.current=setTimeout(()=>{L(!0),c()},x)}},[u,a,l,E,i,d,x,_,n,o]);return t.useEffect(()=>{if(!D.current)return D.current=!0,e.current=setTimeout(c,N),()=>{e.current&&clearTimeout(e.current)}},[]),t.useEffect(()=>{if(D.current)return e.current&&clearTimeout(e.current),e.current=setTimeout(c,E?d:i),()=>{e.current&&clearTimeout(e.current)}},[E,a]),y.jsxs(g,{className:R.cn("Bear-Typewriter","bear-inline",U),style:j,"data-testid":w,"aria-label":u.join(", "),children:[y.jsx("span",{className:"Bear-Typewriter__text",children:F}),I&&y.jsx("span",{className:R.cn("Bear-Typewriter__cursor","bear-inline-block bear-ml-0.5","bear-text-[var(--bear-primary-500)]"),style:{opacity:v?1:0},"aria-hidden":"true",children:h})]})};exports.Typewriter=X;

package/dist/components/Typewriter/Typewriter.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=80,_=500,D=1500,T=40,A="|",L=530,I=0,U=0;exports.DEFAULT_CURSOR_BLINK_SPEED=L;exports.DEFAULT_CURSOR_CHAR=A;exports.DEFAULT_DELETE_DELAY=D;exports.DEFAULT_DELETE_SPEED=T;exports.DEFAULT_SPEED=E;exports.DEFAULT_START_DELAY=_;exports.INITIAL_CHAR_INDEX=U;exports.INITIAL_TEXT_INDEX=I;