@forgedevstack/bear 1.0.1 → 1.0.3

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 { cn as p } from "../../utils/cn.js";
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as m } 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 dark:bear-bg-gray-900 bear-border-2 bear-border-pink-500 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-pink-500",
+  error: "bear-bg-red-500 hover:bear-bg-red-600 bear-text-white"
+}, v = p(({
+  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,
+  ...d
+}, f) => /* @__PURE__ */ c(
   "button",
   {
     ref: f,
     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],
+    className: m(
+      "bear-inline-flex bear-items-center bear-justify-center bear-rounded-full",
+      "bear-border-none bear-cursor-pointer bear-transition-all bear-duration-200",
+      "focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-pink-500",
+      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,
+    ...d,
+    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;

package/dist/components/FileUpload/FileUpload.utils.js

@@ -0,0 +1,9 @@
+const B = ["Bytes", "KB", "MB", "GB"];
+function e(t) {
+  if (t === 0) return "0 Bytes";
+  const o = Math.floor(Math.log(t) / Math.log(1024));
+  return `${parseFloat((t / Math.pow(1024, o)).toFixed(2))} ${B[o]}`;
+}
+export {
+  e as formatSize
+};

package/dist/components/Flex/Flex.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),u=require("react"),d=require("../../utils/cn.cjs"),g={row:"ember-flex-row","row-reverse":"ember-flex-row-reverse",column:"ember-flex-col","column-reverse":"ember-flex-col-reverse"},w={nowrap:"ember-flex-nowrap",wrap:"ember-flex-wrap","wrap-reverse":"ember-flex-wrap-reverse"},x={start:"ember-items-start",center:"ember-items-center",end:"ember-items-end",stretch:"ember-items-stretch",baseline:"ember-items-baseline"},y={start:"ember-justify-start",center:"ember-justify-center",end:"ember-justify-end",between:"ember-justify-between",around:"ember-justify-around",evenly:"ember-justify-evenly"},j={0:"ember-gap-0",1:"ember-gap-1",2:"ember-gap-2",3:"ember-gap-3",4:"ember-gap-4",5:"ember-gap-5",6:"ember-gap-6",8:"ember-gap-8",10:"ember-gap-10",12:"ember-gap-12",16:"ember-gap-16"},r=(e,s)=>{if(e===void 0)return"";if(typeof e=="object"){const t=[];return e.base!==void 0&&t.push(s[e.base]),t.join(" ")}return s[e]||""},n=u.forwardRef(({direction:e="row",wrap:s="nowrap",align:t="stretch",justify:a="start",gap:m=0,inline:b=!1,className:o,children:i,testId:l,...c},p)=>f.jsx("div",{ref:p,className:d.cn(b?"ember-inline-flex":"ember-flex",r(e,g),r(s,w),r(t,x),r(a,y),r(m,j),o),"data-testid":l,...c,children:i}));n.displayName="Flex";exports.Flex=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),d=require("react"),g=require("../../utils/cn.cjs"),w={row:"bear-flex-row","row-reverse":"bear-flex-row-reverse",column:"bear-flex-col","column-reverse":"bear-flex-col-reverse"},x={nowrap:"bear-flex-nowrap",wrap:"bear-flex-wrap","wrap-reverse":"bear-flex-wrap-reverse"},y={start:"bear-items-start",center:"bear-items-center",end:"bear-items-end",stretch:"bear-items-stretch",baseline:"bear-items-baseline"},j={start:"bear-justify-start",center:"bear-justify-center",end:"bear-justify-end",between:"bear-justify-between",around:"bear-justify-around",evenly:"bear-justify-evenly"},m={0:"bear-gap-0",1:"bear-gap-1",2:"bear-gap-2",3:"bear-gap-3",4:"bear-gap-4",5:"bear-gap-5",6:"bear-gap-6",8:"bear-gap-8",10:"bear-gap-10",12:"bear-gap-12",16:"bear-gap-16"},r=(e,a)=>{if(e===void 0)return"";if(typeof e=="object"){const s=[];return e.base!==void 0&&s.push(a[e.base]),s.join(" ")}return a[e]||""},t=d.forwardRef(({direction:e="row",wrap:a="nowrap",align:s="stretch",justify:n="start",gap:b=0,inline:o=!1,className:i,children:l,testId:c,...p},f)=>u.jsx("div",{ref:f,className:g.cn(o?"bear-inline-flex":"bear-flex",r(e,w),r(a,x),r(s,y),r(n,j),r(b,m),i),"data-testid":c,...p,children:l}));t.displayName="Flex";exports.Flex=t;

package/dist/components/Flex/Flex.js

@@ -1,75 +1,75 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { cn as w } from "../../utils/cn.js";
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import { cn as m } from "../../utils/cn.js";
 const d = {
-  row: "ember-flex-row",
-  "row-reverse": "ember-flex-row-reverse",
-  column: "ember-flex-col",
-  "column-reverse": "ember-flex-col-reverse"
+  row: "bear-flex-row",
+  "row-reverse": "bear-flex-row-reverse",
+  column: "bear-flex-col",
+  "column-reverse": "bear-flex-col-reverse"
 }, g = {
-  nowrap: "ember-flex-nowrap",
-  wrap: "ember-flex-wrap",
-  "wrap-reverse": "ember-flex-wrap-reverse"
+  nowrap: "bear-flex-nowrap",
+  wrap: "bear-flex-wrap",
+  "wrap-reverse": "bear-flex-wrap-reverse"
 }, u = {
-  start: "ember-items-start",
-  center: "ember-items-center",
-  end: "ember-items-end",
-  stretch: "ember-items-stretch",
-  baseline: "ember-items-baseline"
+  start: "bear-items-start",
+  center: "bear-items-center",
+  end: "bear-items-end",
+  stretch: "bear-items-stretch",
+  baseline: "bear-items-baseline"
 }, x = {
-  start: "ember-justify-start",
-  center: "ember-justify-center",
-  end: "ember-justify-end",
-  between: "ember-justify-between",
-  around: "ember-justify-around",
-  evenly: "ember-justify-evenly"
+  start: "bear-justify-start",
+  center: "bear-justify-center",
+  end: "bear-justify-end",
+  between: "bear-justify-between",
+  around: "bear-justify-around",
+  evenly: "bear-justify-evenly"
 }, y = {
-  0: "ember-gap-0",
-  1: "ember-gap-1",
-  2: "ember-gap-2",
-  3: "ember-gap-3",
-  4: "ember-gap-4",
-  5: "ember-gap-5",
-  6: "ember-gap-6",
-  8: "ember-gap-8",
-  10: "ember-gap-10",
-  12: "ember-gap-12",
-  16: "ember-gap-16"
-}, r = (e, s) => {
+  0: "bear-gap-0",
+  1: "bear-gap-1",
+  2: "bear-gap-2",
+  3: "bear-gap-3",
+  4: "bear-gap-4",
+  5: "bear-gap-5",
+  6: "bear-gap-6",
+  8: "bear-gap-8",
+  10: "bear-gap-10",
+  12: "bear-gap-12",
+  16: "bear-gap-16"
+}, r = (e, a) => {
   if (e === void 0) return "";
   if (typeof e == "object") {
-    const t = [];
-    return e.base !== void 0 && t.push(s[e.base]), t.join(" ");
+    const s = [];
+    return e.base !== void 0 && s.push(a[e.base]), s.join(" ");
   }
-  return s[e] || "";
-}, j = c(
+  return a[e] || "";
+}, j = w(
   ({
     direction: e = "row",
-    wrap: s = "nowrap",
-    align: t = "stretch",
-    justify: m = "start",
-    gap: a = 0,
-    inline: n = !1,
-    className: b,
-    children: o,
-    testId: i,
-    ...p
-  }, f) => /* @__PURE__ */ l(
+    wrap: a = "nowrap",
+    align: s = "stretch",
+    justify: t = "start",
+    gap: n = 0,
+    inline: b = !1,
+    className: o,
+    children: i,
+    testId: p,
+    ...f
+  }, l) => /* @__PURE__ */ c(
     "div",
     {
-      ref: f,
-      className: w(
-        n ? "ember-inline-flex" : "ember-flex",
+      ref: l,
+      className: m(
+        b ? "bear-inline-flex" : "bear-flex",
         r(e, d),
-        r(s, g),
-        r(t, u),
-        r(m, x),
-        r(a, y),
-        b
+        r(a, g),
+        r(s, u),
+        r(t, x),
+        r(n, y),
+        o
       ),
-      "data-testid": i,
-      ...p,
-      children: o
+      "data-testid": p,
+      ...f,
+      children: i
     }
   )
 );

package/dist/components/Grid/Grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),G=require("react"),V=require("../../utils/cn.cjs"),j={none:"ember-grid-cols-none",1:"ember-grid-cols-1",2:"ember-grid-cols-2",3:"ember-grid-cols-3",4:"ember-grid-cols-4",5:"ember-grid-cols-5",6:"ember-grid-cols-6",7:"ember-grid-cols-7",8:"ember-grid-cols-8",9:"ember-grid-cols-9",10:"ember-grid-cols-10",11:"ember-grid-cols-11",12:"ember-grid-cols-12"},v={0:"ember-gap-0",1:"ember-gap-1",2:"ember-gap-2",3:"ember-gap-3",4:"ember-gap-4",5:"ember-gap-5",6:"ember-gap-6",8:"ember-gap-8",10:"ember-gap-10",12:"ember-gap-12",16:"ember-gap-16"},y={row:"ember-grid-flow-row",column:"ember-grid-flow-col",dense:"ember-grid-flow-dense","row-dense":"ember-grid-flow-row-dense","column-dense":"ember-grid-flow-col-dense"},r=e=>{if(e!==void 0)return typeof e=="object"?e.base:e},l=G.forwardRef(({cols:e=1,gap:m=0,rowGap:b,colGap:g,flow:s,className:n,children:a,testId:i,...o},d)=>{const c=r(e),p=r(m),u=r(b),f=r(g);return w.jsx("div",{ref:d,className:V.cn("ember-grid",c!==void 0&&j[c],p!==void 0&&v[p],u!==void 0&&`ember-gap-y-${u}`,f!==void 0&&`ember-gap-x-${f}`,s&&y[s],n),"data-testid":i,...o,children:a})});l.displayName="Grid";const t=G.forwardRef(({colSpan:e,rowSpan:m,colStart:b,colEnd:g,className:s,children:n,...a},i)=>{const o=r(e),d=r(m),c=o==="full"?"ember-col-span-full":o?`ember-col-span-${o}`:"";return w.jsx("div",{ref:i,className:V.cn(c,d&&`ember-row-span-${d}`,s),...a,children:n})});t.displayName="GridItem";const C=Object.assign(l,{Item:t});exports.Grid=l;exports.GridCompound=C;exports.GridItem=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),G=require("react"),V=require("../../utils/cn.cjs"),j={none:"bear-grid-cols-none",1:"bear-grid-cols-1",2:"bear-grid-cols-2",3:"bear-grid-cols-3",4:"bear-grid-cols-4",5:"bear-grid-cols-5",6:"bear-grid-cols-6",7:"bear-grid-cols-7",8:"bear-grid-cols-8",9:"bear-grid-cols-9",10:"bear-grid-cols-10",11:"bear-grid-cols-11",12:"bear-grid-cols-12"},v={0:"bear-gap-0",1:"bear-gap-1",2:"bear-gap-2",3:"bear-gap-3",4:"bear-gap-4",5:"bear-gap-5",6:"bear-gap-6",8:"bear-gap-8",10:"bear-gap-10",12:"bear-gap-12",16:"bear-gap-16"},y={row:"bear-grid-flow-row",column:"bear-grid-flow-col",dense:"bear-grid-flow-dense","row-dense":"bear-grid-flow-row-dense","column-dense":"bear-grid-flow-col-dense"},e=r=>{if(r!==void 0)return typeof r=="object"?r.base:r},t=G.forwardRef(({cols:r=1,gap:c=0,rowGap:g,colGap:p,flow:o,className:n,children:i,testId:l,...a},s)=>{const d=e(r),u=e(c),f=e(g),m=e(p);return w.jsx("div",{ref:s,className:V.cn("bear-grid",d!==void 0&&j[d],u!==void 0&&v[u],f!==void 0&&`bear-gap-y-${f}`,m!==void 0&&`bear-gap-x-${m}`,o&&y[o],n),"data-testid":l,...a,children:i})});t.displayName="Grid";const b=G.forwardRef(({colSpan:r,rowSpan:c,colStart:g,colEnd:p,className:o,children:n,...i},l)=>{const a=e(r),s=e(c),d=a==="full"?"bear-col-span-full":a?`bear-col-span-${a}`:"";return w.jsx("div",{ref:l,className:V.cn(d,s&&`bear-row-span-${s}`,o),...i,children:n})});b.displayName="GridItem";const C=Object.assign(t,{Item:b});exports.Grid=t;exports.GridCompound=C;exports.GridItem=b;