@forgedevstack/bear 1.0.0

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,113 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useCallback as u, useEffect as w } from "react";
+import { createPortal as g } from "react-dom";
+import { cn as y } from "../../utils/cn.js";
+import { XIcon as p } from "../Icon/index.js";
+const x = {
+  left: {
+    sm: "bear-w-64",
+    md: "bear-w-80",
+    lg: "bear-w-96",
+    xl: "bear-w-[32rem]"
+  },
+  right: {
+    sm: "bear-w-64",
+    md: "bear-w-80",
+    lg: "bear-w-96",
+    xl: "bear-w-[32rem]"
+  },
+  top: {
+    sm: "bear-h-32",
+    md: "bear-h-48",
+    lg: "bear-h-64",
+    xl: "bear-h-96"
+  },
+  bottom: {
+    sm: "bear-h-32",
+    md: "bear-h-48",
+    lg: "bear-h-64",
+    xl: "bear-h-96"
+  }
+}, v = {
+  left: "bear-left-0 bear-top-0 bear-h-full",
+  right: "bear-right-0 bear-top-0 bear-h-full",
+  top: "bear-top-0 bear-left-0 bear-w-full",
+  bottom: "bear-bottom-0 bear-left-0 bear-w-full"
+}, z = ({
+  isOpen: t,
+  onClose: a,
+  title: b,
+  children: m,
+  side: e = "right",
+  size: s = "md",
+  showCloseButton: d = !0,
+  closeOnBackdrop: n = !0,
+  closeOnEscape: i = !0,
+  className: c
+}) => {
+  const o = u(
+    (h) => {
+      i && h.key === "Escape" && a();
+    },
+    [i, a]
+  );
+  if (w(() => (t && (document.addEventListener("keydown", o), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", o), document.body.style.overflow = "";
+  }), [t, o]), !t) return null;
+  const f = /* @__PURE__ */ l("div", { className: "bear-fixed bear-inset-0 bear-z-50", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm",
+        onClick: n ? a : void 0,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ l(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": b ? "drawer-title" : void 0,
+        className: y(
+          "bear-absolute bear-bg-gray-900 bear-shadow-2xl",
+          "bear-border-gray-700 bear-overflow-hidden",
+          "bear-transform bear-transition-transform bear-duration-300",
+          e === "left" && "bear-border-r",
+          e === "right" && "bear-border-l",
+          e === "top" && "bear-border-b",
+          e === "bottom" && "bear-border-t",
+          v[e],
+          x[e][s],
+          c
+        ),
+        children: [
+          (b || d) && /* @__PURE__ */ l("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-gray-700", children: [
+            b && /* @__PURE__ */ r(
+              "h2",
+              {
+                id: "drawer-title",
+                className: "bear-text-lg bear-font-semibold bear-text-white",
+                children: b
+              }
+            ),
+            d && /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: a,
+                className: "bear-p-1 bear-rounded-lg bear-text-gray-400 hover:bear-text-white hover:bear-bg-gray-700 bear-transition-colors",
+                "aria-label": "Close drawer",
+                children: /* @__PURE__ */ r(p, { className: "bear-w-5 bear-h-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { className: "bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-gray-300", children: m })
+        ]
+      }
+    )
+  ] });
+  return g(f, document.body);
+};
+export {
+  z as Drawer
+};

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface DrawerProps {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback when drawer should close */
+    onClose: () => void;
+    /** Drawer title */
+    title?: string;
+    /** Drawer content */
+    children: ReactNode;
+    /** Side from which drawer appears */
+    side?: 'left' | 'right' | 'top' | 'bottom';
+    /** Drawer size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Whether to show close button */
+    showCloseButton?: boolean;
+    /** Whether clicking backdrop closes drawer */
+    closeOnBackdrop?: boolean;
+    /** Whether pressing Escape closes drawer */
+    closeOnEscape?: boolean;
+    /** Additional class names */
+    className?: string;
+}

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

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

package/dist/components/Dropdown/Dropdown.cjs

@@ -0,0 +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;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { DropdownProps } from './Dropdown.types';
+/**
+ * Dropdown - Contextual menu that appears on trigger click
+ *
+ * @example
+ * ```tsx
+ * <Dropdown
+ *   trigger={<Button>Options</Button>}
+ *   items={[
+ *     { key: 'edit', label: 'Edit', icon: <EditIcon />, onClick: handleEdit },
+ *     { key: 'divider-1', divider: true },
+ *     { key: 'delete', label: 'Delete', danger: true, onClick: handleDelete },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const Dropdown: FC<DropdownProps>;
+export default Dropdown;

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,171 @@
+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 { 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"
+}, 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"
+}, $ = ({
+  trigger: u,
+  items: d,
+  open: v,
+  defaultOpen: A = !1,
+  placement: C = "bottom-start",
+  offset: J = 4,
+  matchWidth: R = !1,
+  minWidth: j = 150,
+  maxHeight: W = 300,
+  size: z = "md",
+  closeOnSelect: w = !0,
+  closeOnClickOutside: E = !0,
+  disabled: N = !1,
+  onOpenChange: c,
+  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());
+  }, [w, o]);
+  h(() => {
+    if (!E || !b) return;
+    const e = (t) => {
+      p.current && !p.current.contains(t.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) => {
+      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;
+          });
+          break;
+        case "ArrowUp":
+          r.preventDefault(), l((a) => {
+            const m = a - 1;
+            return m < 0 ? e.length - 1 : m;
+          });
+          break;
+        case "Enter":
+        case " ":
+          r.preventDefault(), s >= 0 && s < e.length && g(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) => {
+    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",
+          role: "separator"
+        },
+        e.key
+      );
+    if (e.header)
+      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",
+          children: e.label
+        },
+        e.key
+      );
+    const r = d.slice(0, t).filter((m) => !m.disabled && !m.divider && !m.header).length, a = s === r;
+    return /* @__PURE__ */ L(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        disabled: e.disabled,
+        onClick: () => g(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",
+          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"
+        ),
+        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.key
+    );
+  }, V = Z(u) ? q(u, {
+    onClick: T,
+    ref: I,
+    "aria-expanded": b,
+    "aria-haspopup": !0
+  }) : u;
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      ref: p,
+      className: k("ember-relative ember-inline-block", F),
+      "data-testid": M,
+      ..._,
+      children: [
+        V,
+        b && /* @__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",
+              H[C]
+            ),
+            style: {
+              minWidth: R ? (D = I.current) == null ? void 0 : D.offsetWidth : j,
+              maxHeight: W
+            },
+            children: d.map((e, t) => U(e, t))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as Dropdown
+};

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

@@ -0,0 +1,56 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BearSize } from '../../types';
+export interface DropdownItem {
+    /** Unique key */
+    key: string;
+    /** Display label */
+    label: ReactNode;
+    /** Item icon */
+    icon?: ReactNode;
+    /** Trailing content */
+    trailing?: ReactNode;
+    /** Whether item is disabled */
+    disabled?: boolean;
+    /** Whether this is a divider */
+    divider?: boolean;
+    /** Whether this is a header */
+    header?: boolean;
+    /** Danger/destructive action */
+    danger?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Nested items for submenu */
+    items?: DropdownItem[];
+}
+export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Dropdown trigger element */
+    trigger: ReactNode;
+    /** Dropdown items */
+    items: DropdownItem[];
+    /** Whether dropdown is open (controlled) */
+    open?: boolean;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Placement relative to trigger */
+    placement?: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top' | 'left' | 'right';
+    /** Offset from trigger */
+    offset?: number;
+    /** Whether dropdown should match trigger width */
+    matchWidth?: boolean;
+    /** Min width of dropdown */
+    minWidth?: number;
+    /** Max height before scroll */
+    maxHeight?: number;
+    /** Size variant */
+    size?: BearSize;
+    /** Close on item click */
+    closeOnSelect?: boolean;
+    /** Close on outside click */
+    closeOnClickOutside?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Handler for open/close */
+    onOpenChange?: (open: boolean) => void;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownItem } from './Dropdown.types';

package/dist/components/EmptyState/EmptyState.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),x=({className:b})=>e.jsx("svg",{className:b,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})}),o=({icon:b,title:c,description:s,action:l,secondaryAction:n,className:d,size:a="md",variant:i="default"})=>{const r={sm:{icon:"bear-w-12 bear-h-12",title:"bear-text-lg",desc:"bear-text-sm",padding:"bear-py-6 bear-px-4"},md:{icon:"bear-w-16 bear-h-16",title:"bear-text-xl",desc:"bear-text-base",padding:"bear-py-10 bear-px-6"},lg:{icon:"bear-w-20 bear-h-20",title:"bear-text-2xl",desc:"bear-text-lg",padding:"bear-py-14 bear-px-8"}};return e.jsxs("div",{className:t.cn("bear-flex bear-flex-col bear-items-center bear-text-center",r[a].padding,i==="card"&&"bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",d),children:[e.jsx("div",{className:t.cn("bear-text-zinc-600 bear-mb-4",r[a].icon),children:b||e.jsx(x,{className:"bear-w-full bear-h-full"})}),e.jsx("h3",{className:t.cn("bear-font-semibold bear-text-white bear-mb-2",r[a].title),children:c}),s&&e.jsx("p",{className:t.cn("bear-text-zinc-400 bear-max-w-md bear-mb-6",r[a].desc),children:s}),(l||n)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3",children:[l,n]})]})};exports.EmptyState=o;

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { EmptyStateProps } from './EmptyState.types';
+export declare const EmptyState: FC<EmptyStateProps>;

package/dist/components/EmptyState/EmptyState.js

@@ -0,0 +1,35 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }), h = ({
+  icon: b,
+  title: s,
+  description: l,
+  action: d,
+  secondaryAction: n,
+  className: i,
+  size: a = "md",
+  variant: o = "default"
+}) => {
+  const r = {
+    sm: { icon: "bear-w-12 bear-h-12", title: "bear-text-lg", desc: "bear-text-sm", padding: "bear-py-6 bear-px-4" },
+    md: { icon: "bear-w-16 bear-h-16", title: "bear-text-xl", desc: "bear-text-base", padding: "bear-py-10 bear-px-6" },
+    lg: { icon: "bear-w-20 bear-h-20", title: "bear-text-2xl", desc: "bear-text-lg", padding: "bear-py-14 bear-px-8" }
+  };
+  return /* @__PURE__ */ c("div", { className: t(
+    "bear-flex bear-flex-col bear-items-center bear-text-center",
+    r[a].padding,
+    o === "card" && "bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",
+    i
+  ), children: [
+    /* @__PURE__ */ e("div", { className: t("bear-text-zinc-600 bear-mb-4", r[a].icon), children: b || /* @__PURE__ */ e(m, { className: "bear-w-full bear-h-full" }) }),
+    /* @__PURE__ */ e("h3", { className: t("bear-font-semibold bear-text-white bear-mb-2", r[a].title), children: s }),
+    l && /* @__PURE__ */ e("p", { className: t("bear-text-zinc-400 bear-max-w-md bear-mb-6", r[a].desc), children: l }),
+    (d || n) && /* @__PURE__ */ c("div", { className: "bear-flex bear-items-center bear-gap-3", children: [
+      d,
+      n
+    ] })
+  ] });
+};
+export {
+  h as EmptyState
+};

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    secondaryAction?: ReactNode;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'card';
+}

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

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

package/dist/components/Fab/Fab.cjs

@@ -0,0 +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;

package/dist/components/Fab/Fab.d.ts

@@ -0,0 +1,17 @@
+import { FabProps } from './Fab.types';
+/**
+ * Floating Action Button (FAB) for primary actions
+ *
+ * @example
+ * ```tsx
+ * <Fab position="bottom-right" onClick={handleAdd}>
+ *   <PlusIcon />
+ * </Fab>
+ *
+ * <Fab extended variant="success">
+ *   <CheckIcon /> Save
+ * </Fab>
+ * ```
+ */
+export declare const Fab: import('react').ForwardRefExoticComponent<FabProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Fab;

package/dist/components/Fab/Fab.js

@@ -0,0 +1,70 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as c } 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"
+}, 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",
+  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",
+  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(
+  "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],
+      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
+    ),
+    style: {
+      ...h,
+      ...e && { backgroundColor: e }
+    },
+    "data-testid": s,
+    ...l,
+    children: b
+  }
+));
+v.displayName = "Fab";
+export {
+  v as Fab
+};

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

@@ -0,0 +1,24 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { BearVariant } from '../../types';
+export interface FabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Icon or content */
+    children: ReactNode;
+    /** Size of the FAB */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: BearVariant;
+    /** Custom color override */
+    color?: string;
+    /** Extended FAB with label */
+    extended?: boolean;
+    /** Position on screen */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-center' | 'relative';
+    /** Whether FAB is disabled */
+    disabled?: boolean;
+    /** Show shadow */
+    shadow?: boolean;
+    /** Animation on hover */
+    animated?: boolean;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Fab, default } from './Fab';
+export type { FabProps } from './Fab.types';

package/dist/components/FileUpload/FileUpload.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FileUploadProps } from './FileUpload.types';
+export declare const FileUpload: FC<FileUploadProps>;