@forgedevstack/bear 1.0.0 → 1.0.2

package/dist/components/Dropdown/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),y=require("../../utils/cn.cjs"),_={xs:"ember-text-xs ember-py-1 ember-px-2",sm:"ember-text-sm ember-py-1.5 ember-px-3",md:"ember-text-sm ember-py-2 ember-px-3",lg:"ember-text-base ember-py-2.5 ember-px-4",xl:"ember-text-lg ember-py-3 ember-px-5"},B={"bottom-start":"ember-top-full ember-left-0 ember-mt-1","bottom-end":"ember-top-full ember-right-0 ember-mt-1",bottom:"ember-top-full ember-left-1/2 -ember-translate-x-1/2 ember-mt-1","top-start":"ember-bottom-full ember-left-0 ember-mb-1","top-end":"ember-bottom-full ember-right-0 ember-mb-1",top:"ember-bottom-full ember-left-1/2 -ember-translate-x-1/2 ember-mb-1",left:"ember-right-full ember-top-0 ember-mr-1",right:"ember-left-full ember-top-0 ember-ml-1"},K=({trigger:f,items:c,open:h,defaultOpen:N=!1,placement:S="bottom-start",offset:U=4,matchWidth:C=!1,minWidth:D=150,maxHeight:I=300,size:R="md",closeOnSelect:k=!0,closeOnClickOutside:v=!0,disabled:w=!1,onOpenChange:i,className:L,testId:A,...q})=>{var j;const[M,W]=r.useState(N),[l,o]=r.useState(-1),x=r.useRef(null),z=r.useRef(null),E=r.useRef(null),p=h!==void 0,n=p?h:M,u=r.useCallback(e=>{p||W(e),i==null||i(e)},[p,i]),F=r.useCallback(()=>{w||u(!n)},[w,n,u]),a=r.useCallback(()=>{u(!1),o(-1)},[u]),g=r.useCallback(e=>{var b;e.disabled||e.divider||e.header||((b=e.onClick)==null||b.call(e),k&&!e.items&&a())},[k,a]);r.useEffect(()=>{if(!v||!n)return;const e=b=>{x.current&&!x.current.contains(b.target)&&a()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[n,v,a]),r.useEffect(()=>{if(!n)return;const e=c.filter(t=>!t.disabled&&!t.divider&&!t.header),b=t=>{switch(t.key){case"Escape":t.preventDefault(),a();break;case"ArrowDown":t.preventDefault(),o(d=>{const m=d+1;return m>=e.length?0:m});break;case"ArrowUp":t.preventDefault(),o(d=>{const m=d-1;return m<0?e.length-1:m});break;case"Enter":case" ":t.preventDefault(),l>=0&&l<e.length&&g(e[l]);break}};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[n,c,l,a,g]),r.useEffect(()=>{n||o(-1)},[n]);const P=(e,b)=>{if(e.divider)return s.jsx("div",{className:"ember-my-1 ember-mx-2 ember-h-px ember-bg-gray-200 dark:ember-bg-gray-700",role:"separator"},e.key);if(e.header)return s.jsx("div",{className:"ember-px-3 ember-py-1.5 ember-text-xs ember-font-semibold ember-uppercase ember-tracking-wider ember-text-gray-500 dark:ember-text-gray-400",children:e.label},e.key);const t=c.slice(0,b).filter(m=>!m.disabled&&!m.divider&&!m.header).length,d=l===t;return s.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>g(e),onMouseEnter:()=>o(t),className:y.cn("ember-w-full ember-flex ember-items-center ember-gap-2 ember-text-left ember-border-none ember-bg-transparent",_[R],"ember-transition-colors ember-cursor-pointer",d&&"ember-bg-gray-100 dark:ember-bg-gray-800",e.danger?"ember-text-red-600 dark:ember-text-red-400 hover:ember-bg-red-50 dark:hover:ember-bg-red-900/20":"ember-text-gray-700 dark:ember-text-gray-200 hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",e.disabled&&"ember-opacity-50 ember-cursor-not-allowed ember-pointer-events-none"),children:[e.icon&&s.jsx("span",{className:"ember-flex-shrink-0 ember-w-5 ember-h-5 ember-flex ember-items-center ember-justify-center",children:e.icon}),s.jsx("span",{className:"ember-flex-1",children:e.label}),e.trailing&&s.jsx("span",{className:"ember-flex-shrink-0 ember-text-gray-400",children:e.trailing}),e.items&&s.jsx("svg",{className:"ember-w-4 ember-h-4 ember-text-gray-400",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:s.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},T=r.isValidElement(f)?r.cloneElement(f,{onClick:F,ref:E,"aria-expanded":n,"aria-haspopup":!0}):f;return s.jsxs("div",{ref:x,className:y.cn("ember-relative ember-inline-block",L),"data-testid":A,...q,children:[T,n&&s.jsx("div",{ref:z,role:"menu",className:y.cn("ember-absolute ember-z-50","ember-bg-white dark:ember-bg-gray-900","ember-border ember-border-gray-200 dark:ember-border-gray-700","ember-rounded-lg ember-shadow-lg","ember-py-1 ember-overflow-y-auto","ember-animate-in ember-fade-in-0 ember-zoom-in-95 ember-duration-100",B[S]),style:{minWidth:C?(j=E.current)==null?void 0:j.offsetWidth:D,maxHeight:I},children:c.map((e,b)=>P(e,b))})]})};exports.Dropdown=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),h=require("../../utils/cn.cjs"),_={xs:"bear-text-xs bear-py-1 bear-px-2",sm:"bear-text-sm bear-py-1.5 bear-px-3",md:"bear-text-sm bear-py-2 bear-px-3",lg:"bear-text-base bear-py-2.5 bear-px-4",xl:"bear-text-lg bear-py-3 bear-px-5"},B={"bottom-start":"bear-top-full bear-left-0 bear-mt-1","bottom-end":"bear-top-full bear-right-0 bear-mt-1",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1","top-start":"bear-bottom-full bear-left-0 bear-mb-1","top-end":"bear-bottom-full bear-right-0 bear-mb-1",top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",left:"bear-right-full bear-top-0 bear-mr-1",right:"bear-left-full bear-top-0 bear-ml-1"},K=({trigger:x,items:i,open:k,defaultOpen:N=!1,placement:S="bottom-start",offset:U=4,matchWidth:C=!1,minWidth:D=150,maxHeight:I=300,size:R="md",closeOnSelect:m=!0,closeOnClickOutside:v=!0,disabled:w=!1,onOpenChange:u,className:L,testId:A,...q})=>{var j;const[M,W]=r.useState(N),[o,d]=r.useState(-1),p=r.useRef(null),z=r.useRef(null),E=r.useRef(null),g=k!==void 0,b=g?k:M,f=r.useCallback(e=>{g||W(e),u==null||u(e)},[g,u]),F=r.useCallback(()=>{w||f(!b)},[w,b,f]),l=r.useCallback(()=>{f(!1),d(-1)},[f]),y=r.useCallback(e=>{var t;e.disabled||e.divider||e.header||((t=e.onClick)==null||t.call(e),m&&!e.items&&l())},[m,l]);r.useEffect(()=>{if(!v||!b)return;const e=t=>{p.current&&!p.current.contains(t.target)&&l()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[b,v,l]),r.useEffect(()=>{if(!b)return;const e=i.filter(a=>!a.disabled&&!a.divider&&!a.header),t=a=>{switch(a.key){case"Escape":a.preventDefault(),l();break;case"ArrowDown":a.preventDefault(),d(c=>{const s=c+1;return s>=e.length?0:s});break;case"ArrowUp":a.preventDefault(),d(c=>{const s=c-1;return s<0?e.length-1:s});break;case"Enter":case" ":a.preventDefault(),o>=0&&o<e.length&&y(e[o]);break}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[b,i,o,l,y]),r.useEffect(()=>{b||d(-1)},[b]);const P=(e,t)=>{if(e.divider)return n.jsx("div",{className:"bear-my-1 bear-mx-2 bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700",role:"separator"},e.key);if(e.header)return n.jsx("div",{className:"bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-500 dark:bear-text-gray-400",children:e.label},e.key);const a=i.slice(0,t).filter(s=>!s.disabled&&!s.divider&&!s.header).length,c=o===a;return n.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>y(e),onMouseEnter:()=>d(a),className:h.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",_[R],"bear-transition-colors bear-cursor-pointer",c&&"bear-bg-gray-100 dark:bear-bg-gray-800",e.danger?"bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20":"bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:[e.icon&&n.jsx("span",{className:"bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),n.jsx("span",{className:"bear-flex-1",children:e.label}),e.trailing&&n.jsx("span",{className:"bear-flex-shrink-0 bear-text-gray-400",children:e.trailing}),e.items&&n.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:n.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},T=r.isValidElement(x)?r.cloneElement(x,{onClick:F,ref:E,"aria-expanded":b,"aria-haspopup":!0}):x;return n.jsxs("div",{ref:p,className:h.cn("bear-relative bear-inline-block",L),"data-testid":A,...q,children:[T,b&&n.jsx("div",{ref:z,role:"menu",className:h.cn("bear-absolute bear-z-50","bear-bg-white dark:bear-bg-gray-900","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-rounded-lg bear-shadow-lg","bear-py-1 bear-overflow-y-auto","bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",B[S]),style:{minWidth:C?(j=E.current)==null?void 0:j.offsetWidth:D,maxHeight:I},children:i.map((e,t)=>P(e,t))})]})};exports.Dropdown=K;

package/dist/components/Dropdown/Dropdown.js

@@ -1,24 +1,24 @@
 import { jsxs as L, jsx as n } from "react/jsx-runtime";
-import { useState as S, useRef as y, useCallback as f, useEffect as h, isValidElement as Z, cloneElement as q } from "react";
+import { useState as S, useRef as y, useCallback as u, useEffect as h, isValidElement as Z, cloneElement as q } from "react";
 import { cn as k } from "../../utils/cn.js";
 const G = {
-  xs: "ember-text-xs ember-py-1 ember-px-2",
-  sm: "ember-text-sm ember-py-1.5 ember-px-3",
-  md: "ember-text-sm ember-py-2 ember-px-3",
-  lg: "ember-text-base ember-py-2.5 ember-px-4",
-  xl: "ember-text-lg ember-py-3 ember-px-5"
+  xs: "bear-text-xs bear-py-1 bear-px-2",
+  sm: "bear-text-sm bear-py-1.5 bear-px-3",
+  md: "bear-text-sm bear-py-2 bear-px-3",
+  lg: "bear-text-base bear-py-2.5 bear-px-4",
+  xl: "bear-text-lg bear-py-3 bear-px-5"
 }, H = {
-  "bottom-start": "ember-top-full ember-left-0 ember-mt-1",
-  "bottom-end": "ember-top-full ember-right-0 ember-mt-1",
-  bottom: "ember-top-full ember-left-1/2 -ember-translate-x-1/2 ember-mt-1",
-  "top-start": "ember-bottom-full ember-left-0 ember-mb-1",
-  "top-end": "ember-bottom-full ember-right-0 ember-mb-1",
-  top: "ember-bottom-full ember-left-1/2 -ember-translate-x-1/2 ember-mb-1",
-  left: "ember-right-full ember-top-0 ember-mr-1",
-  right: "ember-left-full ember-top-0 ember-ml-1"
+  "bottom-start": "bear-top-full bear-left-0 bear-mt-1",
+  "bottom-end": "bear-top-full bear-right-0 bear-mt-1",
+  bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1",
+  "top-start": "bear-bottom-full bear-left-0 bear-mb-1",
+  "top-end": "bear-bottom-full bear-right-0 bear-mb-1",
+  top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",
+  left: "bear-right-full bear-top-0 bear-mr-1",
+  right: "bear-left-full bear-top-0 bear-ml-1"
 }, $ = ({
-  trigger: u,
-  items: d,
+  trigger: p,
+  items: c,
   open: v,
   defaultOpen: A = !1,
   placement: C = "bottom-start",
@@ -30,63 +30,63 @@ const G = {
   closeOnSelect: w = !0,
   closeOnClickOutside: E = !0,
   disabled: N = !1,
-  onOpenChange: c,
+  onOpenChange: i,
   className: F,
   testId: M,
   ..._
 }) => {
   var D;
-  const [B, K] = S(A), [s, l] = S(-1), p = y(null), P = y(null), I = y(null), x = v !== void 0, b = x ? v : B, i = f((e) => {
-    x || K(e), c == null || c(e);
-  }, [x, c]), T = f(() => {
-    N || i(!b);
-  }, [N, b, i]), o = f(() => {
-    i(!1), l(-1);
-  }, [i]), g = f((e) => {
-    var t;
-    e.disabled || e.divider || e.header || ((t = e.onClick) == null || t.call(e), w && !e.items && o());
+  const [B, K] = S(A), [s, l] = S(-1), x = y(null), P = y(null), I = y(null), g = v !== void 0, t = g ? v : B, f = u((e) => {
+    g || K(e), i == null || i(e);
+  }, [g, i]), T = u(() => {
+    N || f(!t);
+  }, [N, t, f]), o = u(() => {
+    f(!1), l(-1);
+  }, [f]), m = u((e) => {
+    var a;
+    e.disabled || e.divider || e.header || ((a = e.onClick) == null || a.call(e), w && !e.items && o());
   }, [w, o]);
   h(() => {
-    if (!E || !b) return;
-    const e = (t) => {
-      p.current && !p.current.contains(t.target) && o();
+    if (!E || !t) return;
+    const e = (a) => {
+      x.current && !x.current.contains(a.target) && o();
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [b, E, o]), h(() => {
-    if (!b) return;
-    const e = d.filter((r) => !r.disabled && !r.divider && !r.header), t = (r) => {
+  }, [t, E, o]), h(() => {
+    if (!t) return;
+    const e = c.filter((r) => !r.disabled && !r.divider && !r.header), a = (r) => {
       switch (r.key) {
         case "Escape":
           r.preventDefault(), o();
           break;
         case "ArrowDown":
-          r.preventDefault(), l((a) => {
-            const m = a + 1;
-            return m >= e.length ? 0 : m;
+          r.preventDefault(), l((d) => {
+            const b = d + 1;
+            return b >= e.length ? 0 : b;
           });
           break;
         case "ArrowUp":
-          r.preventDefault(), l((a) => {
-            const m = a - 1;
-            return m < 0 ? e.length - 1 : m;
+          r.preventDefault(), l((d) => {
+            const b = d - 1;
+            return b < 0 ? e.length - 1 : b;
           });
           break;
         case "Enter":
         case " ":
-          r.preventDefault(), s >= 0 && s < e.length && g(e[s]);
+          r.preventDefault(), s >= 0 && s < e.length && m(e[s]);
           break;
       }
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [b, d, s, o, g]), h(() => {
-    b || l(-1);
-  }, [b]);
-  const U = (e, t) => {
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [t, c, s, o, m]), h(() => {
+    t || l(-1);
+  }, [t]);
+  const U = (e, a) => {
     if (e.divider)
       return /* @__PURE__ */ n(
         "div",
         {
-          className: "ember-my-1 ember-mx-2 ember-h-px ember-bg-gray-200 dark:ember-bg-gray-700",
+          className: "bear-my-1 bear-mx-2 bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700",
           role: "separator"
         },
         e.key
@@ -95,71 +95,71 @@ const G = {
       return /* @__PURE__ */ n(
         "div",
         {
-          className: "ember-px-3 ember-py-1.5 ember-text-xs ember-font-semibold ember-uppercase ember-tracking-wider ember-text-gray-500 dark:ember-text-gray-400",
+          className: "bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-500 dark:bear-text-gray-400",
           children: e.label
         },
         e.key
       );
-    const r = d.slice(0, t).filter((m) => !m.disabled && !m.divider && !m.header).length, a = s === r;
+    const r = c.slice(0, a).filter((b) => !b.disabled && !b.divider && !b.header).length, d = s === r;
     return /* @__PURE__ */ L(
       "button",
       {
         type: "button",
         role: "menuitem",
         disabled: e.disabled,
-        onClick: () => g(e),
+        onClick: () => m(e),
         onMouseEnter: () => l(r),
         className: k(
-          "ember-w-full ember-flex ember-items-center ember-gap-2 ember-text-left ember-border-none ember-bg-transparent",
+          "bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",
           G[z],
-          "ember-transition-colors ember-cursor-pointer",
-          a && "ember-bg-gray-100 dark:ember-bg-gray-800",
-          e.danger ? "ember-text-red-600 dark:ember-text-red-400 hover:ember-bg-red-50 dark:hover:ember-bg-red-900/20" : "ember-text-gray-700 dark:ember-text-gray-200 hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",
-          e.disabled && "ember-opacity-50 ember-cursor-not-allowed ember-pointer-events-none"
+          "bear-transition-colors bear-cursor-pointer",
+          d && "bear-bg-gray-100 dark:bear-bg-gray-800",
+          e.danger ? "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20" : "bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",
+          e.disabled && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"
         ),
         children: [
-          e.icon && /* @__PURE__ */ n("span", { className: "ember-flex-shrink-0 ember-w-5 ember-h-5 ember-flex ember-items-center ember-justify-center", children: e.icon }),
-          /* @__PURE__ */ n("span", { className: "ember-flex-1", children: e.label }),
-          e.trailing && /* @__PURE__ */ n("span", { className: "ember-flex-shrink-0 ember-text-gray-400", children: e.trailing }),
-          e.items && /* @__PURE__ */ n("svg", { className: "ember-w-4 ember-h-4 ember-text-gray-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) })
+          e.icon && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+          /* @__PURE__ */ n("span", { className: "bear-flex-1", children: e.label }),
+          e.trailing && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-text-gray-400", children: e.trailing }),
+          e.items && /* @__PURE__ */ n("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) })
         ]
       },
       e.key
     );
-  }, V = Z(u) ? q(u, {
+  }, V = Z(p) ? q(p, {
     onClick: T,
     ref: I,
-    "aria-expanded": b,
+    "aria-expanded": t,
     "aria-haspopup": !0
-  }) : u;
+  }) : p;
   return /* @__PURE__ */ L(
     "div",
     {
-      ref: p,
-      className: k("ember-relative ember-inline-block", F),
+      ref: x,
+      className: k("bear-relative bear-inline-block", F),
       "data-testid": M,
       ..._,
       children: [
         V,
-        b && /* @__PURE__ */ n(
+        t && /* @__PURE__ */ n(
           "div",
           {
             ref: P,
             role: "menu",
             className: k(
-              "ember-absolute ember-z-50",
-              "ember-bg-white dark:ember-bg-gray-900",
-              "ember-border ember-border-gray-200 dark:ember-border-gray-700",
-              "ember-rounded-lg ember-shadow-lg",
-              "ember-py-1 ember-overflow-y-auto",
-              "ember-animate-in ember-fade-in-0 ember-zoom-in-95 ember-duration-100",
+              "bear-absolute bear-z-50",
+              "bear-bg-white dark:bear-bg-gray-900",
+              "bear-border bear-border-gray-200 dark:bear-border-gray-700",
+              "bear-rounded-lg bear-shadow-lg",
+              "bear-py-1 bear-overflow-y-auto",
+              "bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",
               H[C]
             ),
             style: {
               minWidth: R ? (D = I.current) == null ? void 0 : D.offsetWidth : j,
               maxHeight: W
             },
-            children: d.map((e, t) => U(e, t))
+            children: c.map((e, a) => U(e, a))
           }
         )
       ]

package/dist/components/Fab/Fab.cjs

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

package/dist/components/Fab/Fab.js

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

package/dist/components/FileUpload/FileUpload.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),y=require("../../utils/cn.cjs"),D=({className:a})=>e.jsx("svg",{className:a,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"})}),O=({className:a})=>e.jsx("svg",{className:a,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),q=a=>{if(a===0)return"0 Bytes";const n=1024,i=["Bytes","KB","MB","GB"],o=Math.floor(Math.log(a)/Math.log(n));return parseFloat((a/Math.pow(n,o)).toFixed(2))+" "+i[o]},A=({onFilesSelect:a,onFileRemove:n,accept:i,multiple:o=!1,maxSize:u,maxFiles:p,disabled:s=!1,label:l,helperText:d,error:b,files:c=[],showPreview:f=!0,variant:M="dropzone",icon:k,className:v})=>{const g=m.useRef(null),[N,j]=m.useState(!1),x=m.useCallback(r=>{if(!r)return;let t=Array.from(r);p&&(t=t.slice(0,p-c.length)),u&&(t=t.filter(h=>h.size<=u)),a==null||a(t)},[a,p,u,c.length]),B=m.useCallback(r=>{r.preventDefault(),j(!1),s||x(r.dataTransfer.files)},[s,x]),U=r=>{r.preventDefault(),s||j(!0)},W=()=>j(!1),z=()=>{var r;s||(r=g.current)==null||r.click()},w=r=>{const{file:t,status:h,progress:L,error:C}=r,I=t.type.startsWith("image/");return e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3 bear-p-2 bear-bg-zinc-800 bear-rounded-lg",children:[I?e.jsx("img",{src:URL.createObjectURL(t),alt:t.name,className:"bear-w-10 bear-h-10 bear-object-cover bear-rounded"}):e.jsx(O,{className:"bear-w-10 bear-h-10 bear-text-zinc-500"}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[e.jsx("div",{className:"bear-text-sm bear-text-white bear-truncate",children:t.name}),e.jsx("div",{className:"bear-text-xs bear-text-zinc-500",children:q(t.size)}),h==="uploading"&&L!==void 0&&e.jsx("div",{className:"bear-mt-1 bear-h-1 bear-bg-zinc-700 bear-rounded-full bear-overflow-hidden",children:e.jsx("div",{className:"bear-h-full bear-bg-pink-500 bear-transition-all",style:{width:`${L}%`}})}),C&&e.jsx("div",{className:"bear-text-xs bear-text-red-400 bear-mt-1",children:C})]}),h==="success"&&e.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-green-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),e.jsx("button",{onClick:()=>n==null?void 0:n(r),className:"bear-p-1 bear-rounded hover:bear-bg-zinc-700 bear-text-zinc-400 hover:bear-text-white",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:"M6 18L18 6M6 6l12 12"})})})]},r.id)};return M==="button"?e.jsxs("div",{className:v,children:[l&&e.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:l}),e.jsxs("button",{onClick:z,disabled:s,className:y.cn("bear-px-4 bear-py-2 bear-rounded-lg bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 bear-transition-colors bear-flex bear-items-center bear-gap-2",s&&"bear-opacity-50 bear-cursor-not-allowed"),children:[k||e.jsx(D,{className:"bear-w-5 bear-h-5"}),"Choose Files"]}),e.jsx("input",{ref:g,type:"file",accept:i,multiple:o,onChange:r=>x(r.target.files),className:"bear-hidden"}),d&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:d}),b&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:b}),f&&c.length>0&&e.jsx("div",{className:"bear-mt-3 bear-space-y-2",children:c.map(w)})]}):e.jsxs("div",{className:v,children:[l&&e.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:l}),e.jsxs("div",{onClick:z,onDrop:B,onDragOver:U,onDragLeave:W,className:y.cn("bear-border-2 bear-border-dashed bear-rounded-lg bear-p-8 bear-text-center bear-transition-colors bear-cursor-pointer",N?"bear-border-pink-500 bear-bg-pink-500/10":"bear-border-zinc-600 hover:bear-border-zinc-500",s&&"bear-opacity-50 bear-cursor-not-allowed",b&&"bear-border-red-500"),children:[k||e.jsx(D,{className:"bear-w-12 bear-h-12 bear-mx-auto bear-text-zinc-500 bear-mb-4"}),e.jsx("p",{className:"bear-text-zinc-300 bear-font-medium",children:N?"Drop files here":"Drag & drop files here"}),e.jsx("p",{className:"bear-text-sm bear-text-zinc-500 bear-mt-1",children:"or click to browse"}),i&&e.jsxs("p",{className:"bear-text-xs bear-text-zinc-600 bear-mt-2",children:["Accepted: ",i]})]}),e.jsx("input",{ref:g,type:"file",accept:i,multiple:o,onChange:r=>x(r.target.files),className:"bear-hidden"}),d&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:d}),b&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:b}),f&&c.length>0&&e.jsx("div",{className:"bear-mt-3 bear-space-y-2",children:c.map(w)})]})};exports.FileUpload=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),y=require("../../utils/cn.cjs"),I=require("./FileUpload.utils.cjs"),D=({className:t})=>e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"})}),O=({className:t})=>e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),A=({onFilesSelect:t,onFileRemove:h,accept:b,multiple:g=!1,maxSize:m,maxFiles:u,disabled:s=!1,label:c,helperText:o,error:i,files:n=[],showPreview:f=!0,variant:M="dropzone",icon:k,className:v})=>{const p=x.useRef(null),[N,j]=x.useState(!1),l=x.useCallback(r=>{if(!r)return;let a=Array.from(r);u&&(a=a.slice(0,u-n.length)),m&&(a=a.filter(d=>d.size<=m)),t==null||t(a)},[t,u,m,n.length]),U=x.useCallback(r=>{r.preventDefault(),j(!1),s||l(r.dataTransfer.files)},[s,l]),W=r=>{r.preventDefault(),s||j(!0)},q=()=>j(!1),z=()=>{var r;s||(r=p.current)==null||r.click()},w=r=>{const{file:a,status:d,progress:L,error:C}=r,B=a.type.startsWith("image/");return e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3 bear-p-2 bear-bg-zinc-800 bear-rounded-lg",children:[B?e.jsx("img",{src:URL.createObjectURL(a),alt:a.name,className:"bear-w-10 bear-h-10 bear-object-cover bear-rounded"}):e.jsx(O,{className:"bear-w-10 bear-h-10 bear-text-zinc-500"}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[e.jsx("div",{className:"bear-text-sm bear-text-white bear-truncate",children:a.name}),e.jsx("div",{className:"bear-text-xs bear-text-zinc-500",children:I.formatSize(a.size)}),d==="uploading"&&L!==void 0&&e.jsx("div",{className:"bear-mt-1 bear-h-1 bear-bg-zinc-700 bear-rounded-full bear-overflow-hidden",children:e.jsx("div",{className:"bear-h-full bear-bg-pink-500 bear-transition-all",style:{width:`${L}%`}})}),C&&e.jsx("div",{className:"bear-text-xs bear-text-red-400 bear-mt-1",children:C})]}),d==="success"&&e.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-green-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),e.jsx("button",{onClick:()=>h==null?void 0:h(r),className:"bear-p-1 bear-rounded hover:bear-bg-zinc-700 bear-text-zinc-400 hover:bear-text-white",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:"M6 18L18 6M6 6l12 12"})})})]},r.id)};return M==="button"?e.jsxs("div",{className:v,children:[c&&e.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:c}),e.jsxs("button",{onClick:z,disabled:s,className:y.cn("bear-px-4 bear-py-2 bear-rounded-lg bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 bear-transition-colors bear-flex bear-items-center bear-gap-2",s&&"bear-opacity-50 bear-cursor-not-allowed"),children:[k||e.jsx(D,{className:"bear-w-5 bear-h-5"}),"Choose Files"]}),e.jsx("input",{ref:p,type:"file",accept:b,multiple:g,onChange:r=>l(r.target.files),className:"bear-hidden"}),o&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:o}),i&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:i}),f&&n.length>0&&e.jsx("div",{className:"bear-mt-3 bear-space-y-2",children:n.map(w)})]}):e.jsxs("div",{className:v,children:[c&&e.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:c}),e.jsxs("div",{onClick:z,onDrop:U,onDragOver:W,onDragLeave:q,className:y.cn("bear-border-2 bear-border-dashed bear-rounded-lg bear-p-8 bear-text-center bear-transition-colors bear-cursor-pointer",N?"bear-border-pink-500 bear-bg-pink-500/10":"bear-border-zinc-600 hover:bear-border-zinc-500",s&&"bear-opacity-50 bear-cursor-not-allowed",i&&"bear-border-red-500"),children:[k||e.jsx(D,{className:"bear-w-12 bear-h-12 bear-mx-auto bear-text-zinc-500 bear-mb-4"}),e.jsx("p",{className:"bear-text-zinc-300 bear-font-medium",children:N?"Drop files here":"Drag & drop files here"}),e.jsx("p",{className:"bear-text-sm bear-text-zinc-500 bear-mt-1",children:"or click to browse"}),b&&e.jsxs("p",{className:"bear-text-xs bear-text-zinc-600 bear-mt-2",children:["Accepted: ",b]})]}),e.jsx("input",{ref:p,type:"file",accept:b,multiple:g,onChange:r=>l(r.target.files),className:"bear-hidden"}),o&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:o}),i&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:i}),f&&n.length>0&&e.jsx("div",{className:"bear-mt-3 bear-space-y-2",children:n.map(w)})]})};exports.FileUpload=A;

package/dist/components/FileUpload/FileUpload.js

@@ -1,112 +1,109 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useRef as O, useState as V, useCallback as M } from "react";
-import { cn as y } from "../../utils/cn.js";
-const B = ({ className: a }) => /* @__PURE__ */ e("svg", { className: a, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }), E = ({ className: a }) => /* @__PURE__ */ e("svg", { className: a, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }), G = (a) => {
-  if (a === 0) return "0 Bytes";
-  const o = 1024, i = ["Bytes", "KB", "MB", "GB"], c = Math.floor(Math.log(a) / Math.log(o));
-  return parseFloat((a / Math.pow(o, c)).toFixed(2)) + " " + i[c];
-}, q = ({
-  onFilesSelect: a,
-  onFileRemove: o,
-  accept: i,
-  multiple: c = !1,
-  maxSize: u,
-  maxFiles: f,
+import { useRef as O, useState as V, useCallback as y } from "react";
+import { cn as j } from "../../utils/cn.js";
+import { formatSize as E } from "./FileUpload.utils.js";
+const M = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }), H = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }), K = ({
+  onFilesSelect: t,
+  onFileRemove: m,
+  accept: o,
+  multiple: g = !1,
+  maxSize: p,
+  maxFiles: u,
   disabled: n = !1,
-  label: d,
-  helperText: h,
-  error: l,
+  label: c,
+  helperText: l,
+  error: i,
   files: b = [],
   showPreview: k = !0,
-  variant: j = "dropzone",
+  variant: W = "dropzone",
   icon: v,
   className: N
 }) => {
-  const g = O(null), [z, x] = V(!1), m = M((r) => {
+  const f = O(null), [z, x] = V(!1), d = y((r) => {
     if (!r) return;
-    let t = Array.from(r);
-    f && (t = t.slice(0, f - b.length)), u && (t = t.filter((p) => p.size <= u)), a == null || a(t);
-  }, [a, f, u, b.length]), W = M((r) => {
-    r.preventDefault(), x(!1), n || m(r.dataTransfer.files);
-  }, [n, m]), I = (r) => {
+    let a = Array.from(r);
+    u && (a = a.slice(0, u - b.length)), p && (a = a.filter((h) => h.size <= p)), t == null || t(a);
+  }, [t, u, p, b.length]), B = y((r) => {
+    r.preventDefault(), x(!1), n || d(r.dataTransfer.files);
+  }, [n, d]), I = (r) => {
     r.preventDefault(), n || x(!0);
   }, U = () => x(!1), w = () => {
     var r;
-    n || (r = g.current) == null || r.click();
+    n || (r = f.current) == null || r.click();
   }, L = (r) => {
-    const { file: t, status: p, progress: C, error: D } = r, A = t.type.startsWith("image/");
+    const { file: a, status: h, progress: C, error: D } = r, A = a.type.startsWith("image/");
     return /* @__PURE__ */ s("div", { className: "bear-flex bear-items-center bear-gap-3 bear-p-2 bear-bg-zinc-800 bear-rounded-lg", children: [
-      A ? /* @__PURE__ */ e("img", { src: URL.createObjectURL(t), alt: t.name, className: "bear-w-10 bear-h-10 bear-object-cover bear-rounded" }) : /* @__PURE__ */ e(E, { className: "bear-w-10 bear-h-10 bear-text-zinc-500" }),
+      A ? /* @__PURE__ */ e("img", { src: URL.createObjectURL(a), alt: a.name, className: "bear-w-10 bear-h-10 bear-object-cover bear-rounded" }) : /* @__PURE__ */ e(H, { className: "bear-w-10 bear-h-10 bear-text-zinc-500" }),
       /* @__PURE__ */ s("div", { className: "bear-flex-1 bear-min-w-0", children: [
-        /* @__PURE__ */ e("div", { className: "bear-text-sm bear-text-white bear-truncate", children: t.name }),
-        /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-zinc-500", children: G(t.size) }),
-        p === "uploading" && C !== void 0 && /* @__PURE__ */ e("div", { className: "bear-mt-1 bear-h-1 bear-bg-zinc-700 bear-rounded-full bear-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "bear-h-full bear-bg-pink-500 bear-transition-all", style: { width: `${C}%` } }) }),
+        /* @__PURE__ */ e("div", { className: "bear-text-sm bear-text-white bear-truncate", children: a.name }),
+        /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-zinc-500", children: E(a.size) }),
+        h === "uploading" && C !== void 0 && /* @__PURE__ */ e("div", { className: "bear-mt-1 bear-h-1 bear-bg-zinc-700 bear-rounded-full bear-overflow-hidden", children: /* @__PURE__ */ e("div", { className: "bear-h-full bear-bg-pink-500 bear-transition-all", style: { width: `${C}%` } }) }),
         D && /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-red-400 bear-mt-1", children: D })
       ] }),
-      p === "success" && /* @__PURE__ */ e("svg", { className: "bear-w-5 bear-h-5 bear-text-green-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+      h === "success" && /* @__PURE__ */ e("svg", { className: "bear-w-5 bear-h-5 bear-text-green-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => o == null ? void 0 : o(r),
+          onClick: () => m == null ? void 0 : m(r),
           className: "bear-p-1 bear-rounded hover:bear-bg-zinc-700 bear-text-zinc-400 hover:bear-text-white",
           children: /* @__PURE__ */ e("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
         }
       )
     ] }, r.id);
   };
-  return j === "button" ? /* @__PURE__ */ s("div", { className: N, children: [
-    d && /* @__PURE__ */ e("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: d }),
+  return W === "button" ? /* @__PURE__ */ s("div", { className: N, children: [
+    c && /* @__PURE__ */ e("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: c }),
     /* @__PURE__ */ s(
       "button",
       {
         onClick: w,
         disabled: n,
-        className: y(
+        className: j(
           "bear-px-4 bear-py-2 bear-rounded-lg bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 bear-transition-colors bear-flex bear-items-center bear-gap-2",
           n && "bear-opacity-50 bear-cursor-not-allowed"
         ),
         children: [
-          v || /* @__PURE__ */ e(B, { className: "bear-w-5 bear-h-5" }),
+          v || /* @__PURE__ */ e(M, { className: "bear-w-5 bear-h-5" }),
           "Choose Files"
         ]
       }
     ),
-    /* @__PURE__ */ e("input", { ref: g, type: "file", accept: i, multiple: c, onChange: (r) => m(r.target.files), className: "bear-hidden" }),
-    h && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: h }),
-    l && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: l }),
+    /* @__PURE__ */ e("input", { ref: f, type: "file", accept: o, multiple: g, onChange: (r) => d(r.target.files), className: "bear-hidden" }),
+    l && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: l }),
+    i && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: i }),
     k && b.length > 0 && /* @__PURE__ */ e("div", { className: "bear-mt-3 bear-space-y-2", children: b.map(L) })
   ] }) : /* @__PURE__ */ s("div", { className: N, children: [
-    d && /* @__PURE__ */ e("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: d }),
+    c && /* @__PURE__ */ e("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: c }),
     /* @__PURE__ */ s(
       "div",
       {
         onClick: w,
-        onDrop: W,
+        onDrop: B,
         onDragOver: I,
         onDragLeave: U,
-        className: y(
+        className: j(
           "bear-border-2 bear-border-dashed bear-rounded-lg bear-p-8 bear-text-center bear-transition-colors bear-cursor-pointer",
           z ? "bear-border-pink-500 bear-bg-pink-500/10" : "bear-border-zinc-600 hover:bear-border-zinc-500",
           n && "bear-opacity-50 bear-cursor-not-allowed",
-          l && "bear-border-red-500"
+          i && "bear-border-red-500"
         ),
         children: [
-          v || /* @__PURE__ */ e(B, { className: "bear-w-12 bear-h-12 bear-mx-auto bear-text-zinc-500 bear-mb-4" }),
+          v || /* @__PURE__ */ e(M, { className: "bear-w-12 bear-h-12 bear-mx-auto bear-text-zinc-500 bear-mb-4" }),
           /* @__PURE__ */ e("p", { className: "bear-text-zinc-300 bear-font-medium", children: z ? "Drop files here" : "Drag & drop files here" }),
           /* @__PURE__ */ e("p", { className: "bear-text-sm bear-text-zinc-500 bear-mt-1", children: "or click to browse" }),
-          i && /* @__PURE__ */ s("p", { className: "bear-text-xs bear-text-zinc-600 bear-mt-2", children: [
+          o && /* @__PURE__ */ s("p", { className: "bear-text-xs bear-text-zinc-600 bear-mt-2", children: [
             "Accepted: ",
-            i
+            o
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e("input", { ref: g, type: "file", accept: i, multiple: c, onChange: (r) => m(r.target.files), className: "bear-hidden" }),
-    h && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: h }),
-    l && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: l }),
+    /* @__PURE__ */ e("input", { ref: f, type: "file", accept: o, multiple: g, onChange: (r) => d(r.target.files), className: "bear-hidden" }),
+    l && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: l }),
+    i && /* @__PURE__ */ e("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: i }),
     k && b.length > 0 && /* @__PURE__ */ e("div", { className: "bear-mt-3 bear-space-y-2", children: b.map(L) })
   ] });
 };
 export {
-  q as FileUpload
+  K as FileUpload
 };

package/dist/components/FileUpload/FileUpload.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=1024,a=["Bytes","KB","MB","GB"];function r(t){if(t===0)return"0 Bytes";const o=Math.floor(Math.log(t)/Math.log(e));return`${parseFloat((t/Math.pow(e,o)).toFixed(2))} ${a[o]}`}exports.formatSize=r;

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

@@ -0,0 +1 @@
+export declare function formatSize(bytes: number): string;