@forgedevstack/bear 1.0.0

package/dist/components/BearLoader/BearLoader.js

@@ -0,0 +1,183 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useState as m, useEffect as p } from "react";
+import { cn as g } from "../../utils/cn.js";
+const h = {
+  sm: 60,
+  md: 100,
+  lg: 150,
+  xl: 200
+}, u = ({ size: r }) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: r,
+    height: r,
+    viewBox: "0 0 100 100",
+    fill: "none",
+    className: "bear-loader-svg",
+    children: [
+      /* @__PURE__ */ e("ellipse", { cx: "50", cy: "72", rx: "26", ry: "20", fill: "#db2777", className: "bear-body" }),
+      /* @__PURE__ */ e("ellipse", { cx: "50", cy: "73", rx: "16", ry: "12", fill: "#fde68a" }),
+      /* @__PURE__ */ e("ellipse", { cx: "32", cy: "88", rx: "12", ry: "9", fill: "#db2777" }),
+      /* @__PURE__ */ e("ellipse", { cx: "32", cy: "89", rx: "8", ry: "6", fill: "#fde68a" }),
+      /* @__PURE__ */ e("ellipse", { cx: "68", cy: "88", rx: "12", ry: "9", fill: "#db2777" }),
+      /* @__PURE__ */ e("ellipse", { cx: "68", cy: "89", rx: "8", ry: "6", fill: "#fde68a" }),
+      /* @__PURE__ */ e(
+        "ellipse",
+        {
+          cx: "24",
+          cy: "68",
+          rx: "8",
+          ry: "12",
+          fill: "#db2777",
+          transform: "rotate(-15 24 68)",
+          className: "bear-left-arm"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "ellipse",
+        {
+          cx: "76",
+          cy: "68",
+          rx: "8",
+          ry: "12",
+          fill: "#db2777",
+          transform: "rotate(15 76 68)",
+          className: "bear-right-arm"
+        }
+      ),
+      /* @__PURE__ */ e("ellipse", { cx: "50", cy: "36", rx: "26", ry: "24", fill: "#db2777" }),
+      /* @__PURE__ */ e("ellipse", { cx: "28", cy: "16", rx: "10", ry: "10", fill: "#db2777" }),
+      /* @__PURE__ */ e("ellipse", { cx: "28", cy: "16", rx: "6", ry: "6", fill: "#fcd34d" }),
+      /* @__PURE__ */ e("ellipse", { cx: "72", cy: "16", rx: "10", ry: "10", fill: "#db2777" }),
+      /* @__PURE__ */ e("ellipse", { cx: "72", cy: "16", rx: "6", ry: "6", fill: "#fcd34d" }),
+      /* @__PURE__ */ e("ellipse", { cx: "50", cy: "44", rx: "14", ry: "10", fill: "#fde68a" }),
+      /* @__PURE__ */ e("ellipse", { cx: "50", cy: "40", rx: "6", ry: "4", fill: "#7c3aed" }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M32 24 Q38 21 44 25",
+          stroke: "#581c87",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          fill: "none",
+          className: "bear-eyebrow-left"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M68 24 Q62 21 56 25",
+          stroke: "#581c87",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          fill: "none",
+          className: "bear-eyebrow-right"
+        }
+      ),
+      /* @__PURE__ */ e("ellipse", { cx: "38", cy: "32", rx: "6", ry: "7", fill: "#ffffff" }),
+      /* @__PURE__ */ e("ellipse", { cx: "39", cy: "33", rx: "4", ry: "5", fill: "#78350f", className: "bear-eye-left" }),
+      /* @__PURE__ */ e("ellipse", { cx: "40", cy: "33", rx: "2", ry: "2.5", fill: "#1c1917" }),
+      /* @__PURE__ */ e("ellipse", { cx: "37", cy: "31", rx: "1.5", ry: "1.5", fill: "#ffffff" }),
+      /* @__PURE__ */ e("ellipse", { cx: "62", cy: "32", rx: "6", ry: "7", fill: "#ffffff" }),
+      /* @__PURE__ */ e("ellipse", { cx: "61", cy: "33", rx: "4", ry: "5", fill: "#78350f", className: "bear-eye-right" }),
+      /* @__PURE__ */ e("ellipse", { cx: "60", cy: "33", rx: "2", ry: "2.5", fill: "#1c1917" }),
+      /* @__PURE__ */ e("ellipse", { cx: "63", cy: "31", rx: "1.5", ry: "1.5", fill: "#ffffff" }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M44 48 Q50 52 56 48",
+          stroke: "#9d174d",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          fill: "none",
+          className: "bear-mouth"
+        }
+      ),
+      /* @__PURE__ */ e("ellipse", { cx: "30", cy: "42", rx: "4", ry: "3", fill: "#f472b6", opacity: "0.5" }),
+      /* @__PURE__ */ e("ellipse", { cx: "70", cy: "42", rx: "4", ry: "3", fill: "#f472b6", opacity: "0.5" })
+    ]
+  }
+), N = ({
+  size: r = "md",
+  text: i,
+  fullscreen: n = !1,
+  duration: a,
+  onComplete: l,
+  className: o,
+  testId: b
+}) => {
+  const [y, x] = m(0), d = h[r];
+  p(() => {
+    if (a && l) {
+      const s = setInterval(() => {
+        x((f) => f >= 100 ? (clearInterval(s), l(), 100) : f + 100 / (a / 50));
+      }, 50);
+      return () => clearInterval(s);
+    }
+  }, [a, l]);
+  const t = /* @__PURE__ */ c(
+    "div",
+    {
+      className: g(
+        "bear-flex bear-flex-col bear-items-center bear-justify-center bear-gap-4",
+        o
+      ),
+      "data-testid": b,
+      children: [
+        /* @__PURE__ */ e("style", { children: `
+        @keyframes bear-bounce {
+          0%, 100% { transform: translateY(0) scale(1); }
+          50% { transform: translateY(-15px) scale(1.05); }
+        }
+        @keyframes bear-wiggle {
+          0%, 100% { transform: rotate(-3deg); }
+          50% { transform: rotate(3deg); }
+        }
+        @keyframes bear-wave-left {
+          0%, 100% { transform: rotate(-15deg) translateX(0); }
+          50% { transform: rotate(-30deg) translateX(-3px); }
+        }
+        @keyframes bear-wave-right {
+          0%, 100% { transform: rotate(15deg) translateX(0); }
+          50% { transform: rotate(30deg) translateX(3px); }
+        }
+        @keyframes bear-blink {
+          0%, 90%, 100% { transform: scaleY(1); }
+          95% { transform: scaleY(0.1); }
+        }
+        .bear-loader-svg {
+          animation: bear-bounce 1s ease-in-out infinite, bear-wiggle 0.5s ease-in-out infinite;
+        }
+        .bear-left-arm {
+          transform-origin: 24px 68px;
+          animation: bear-wave-left 0.8s ease-in-out infinite;
+        }
+        .bear-right-arm {
+          transform-origin: 76px 68px;
+          animation: bear-wave-right 0.8s ease-in-out infinite 0.1s;
+        }
+        .bear-eye-left, .bear-eye-right {
+          transform-origin: center;
+          animation: bear-blink 3s ease-in-out infinite;
+        }
+        .bear-mouth {
+          animation: bear-bounce 1s ease-in-out infinite;
+        }
+      ` }),
+        /* @__PURE__ */ e(u, { size: d }),
+        i && /* @__PURE__ */ e("p", { className: "bear-text-gray-600 dark:bear-text-gray-300 bear-text-center bear-font-medium", children: i }),
+        a && /* @__PURE__ */ e("div", { className: "bear-w-32 bear-h-1.5 bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "bear-h-full bear-bg-bear-500 bear-rounded-full bear-transition-all bear-duration-100",
+            style: { width: `${y}%` }
+          }
+        ) })
+      ]
+    }
+  );
+  return n ? /* @__PURE__ */ e("div", { className: "bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-center bear-justify-center bear-bg-white/90 dark:bear-bg-gray-900/90 bear-backdrop-blur-sm", children: t }) : t;
+};
+export {
+  N as BearLoader
+};

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

@@ -0,0 +1,16 @@
+export interface BearLoaderProps {
+    /** Size of the loader */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Loading text to display */
+    text?: string;
+    /** Whether to show the loader as fullscreen overlay */
+    fullscreen?: boolean;
+    /** Duration of the loading animation before completing */
+    duration?: number;
+    /** Callback when loading completes */
+    onComplete?: () => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

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

package/dist/components/BearLogo/BearLogo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=({size:r=32,animated:s=!1,className:e,...o})=>l.jsxs("svg",{width:r,height:r,viewBox:"0 0 100 100",fill:"none",className:e,...o,children:[l.jsxs("defs",{children:[l.jsxs("radialGradient",{id:"lotsoFur",cx:"50%",cy:"30%",r:"70%",fx:"50%",fy:"30%",children:[l.jsx("stop",{offset:"0%",stopColor:"#f472b6"}),l.jsx("stop",{offset:"40%",stopColor:"#db2777"}),l.jsx("stop",{offset:"100%",stopColor:"#9d174d"})]}),l.jsxs("radialGradient",{id:"lotsoCream",cx:"50%",cy:"50%",r:"50%",children:[l.jsx("stop",{offset:"0%",stopColor:"#fef3c7"}),l.jsx("stop",{offset:"100%",stopColor:"#fde68a"})]}),l.jsxs("radialGradient",{id:"lotsoEarInner",cx:"50%",cy:"50%",r:"50%",children:[l.jsx("stop",{offset:"0%",stopColor:"#fde68a"}),l.jsx("stop",{offset:"100%",stopColor:"#fcd34d"})]}),l.jsxs("linearGradient",{id:"lotsoNose",x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[l.jsx("stop",{offset:"0%",stopColor:"#7c3aed"}),l.jsx("stop",{offset:"100%",stopColor:"#581c87"})]})]}),l.jsx("ellipse",{cx:"50",cy:"72",rx:"26",ry:"20",fill:"url(#lotsoFur)"}),l.jsx("ellipse",{cx:"50",cy:"73",rx:"16",ry:"12",fill:"url(#lotsoCream)"}),l.jsx("ellipse",{cx:"32",cy:"88",rx:"12",ry:"9",fill:"url(#lotsoFur)"}),l.jsx("ellipse",{cx:"32",cy:"89",rx:"8",ry:"6",fill:"url(#lotsoCream)"}),l.jsx("ellipse",{cx:"68",cy:"88",rx:"12",ry:"9",fill:"url(#lotsoFur)"}),l.jsx("ellipse",{cx:"68",cy:"89",rx:"8",ry:"6",fill:"url(#lotsoCream)"}),l.jsx("ellipse",{cx:"24",cy:"68",rx:"8",ry:"12",fill:"url(#lotsoFur)",transform:"rotate(-15 24 68)"}),l.jsx("ellipse",{cx:"76",cy:"68",rx:"8",ry:"12",fill:"url(#lotsoFur)",transform:"rotate(15 76 68)"}),l.jsx("ellipse",{cx:"50",cy:"36",rx:"26",ry:"24",fill:"url(#lotsoFur)"}),l.jsx("ellipse",{cx:"28",cy:"16",rx:"10",ry:"10",fill:"url(#lotsoFur)"}),l.jsx("ellipse",{cx:"28",cy:"16",rx:"6",ry:"6",fill:"url(#lotsoEarInner)"}),l.jsx("ellipse",{cx:"72",cy:"16",rx:"10",ry:"10",fill:"url(#lotsoFur)"}),l.jsx("ellipse",{cx:"72",cy:"16",rx:"6",ry:"6",fill:"url(#lotsoEarInner)"}),l.jsx("ellipse",{cx:"50",cy:"44",rx:"14",ry:"10",fill:"url(#lotsoCream)"}),l.jsx("ellipse",{cx:"50",cy:"40",rx:"6",ry:"4",fill:"url(#lotsoNose)"}),l.jsx("path",{d:"M32 24 Q38 21 44 25",stroke:"#581c87",strokeWidth:"3",strokeLinecap:"round",fill:"none"}),l.jsx("path",{d:"M68 24 Q62 21 56 25",stroke:"#581c87",strokeWidth:"3",strokeLinecap:"round",fill:"none"}),l.jsx("ellipse",{cx:"38",cy:"32",rx:"6",ry:"7",fill:"#ffffff"}),l.jsx("ellipse",{cx:"39",cy:"33",rx:"4",ry:"5",fill:"#78350f"}),l.jsx("ellipse",{cx:"40",cy:"33",rx:"2",ry:"2.5",fill:"#1c1917"}),l.jsx("ellipse",{cx:"37",cy:"31",rx:"1.5",ry:"1.5",fill:"#ffffff"}),l.jsx("ellipse",{cx:"62",cy:"32",rx:"6",ry:"7",fill:"#ffffff"}),l.jsx("ellipse",{cx:"61",cy:"33",rx:"4",ry:"5",fill:"#78350f"}),l.jsx("ellipse",{cx:"60",cy:"33",rx:"2",ry:"2.5",fill:"#1c1917"}),l.jsx("ellipse",{cx:"63",cy:"31",rx:"1.5",ry:"1.5",fill:"#ffffff"}),l.jsx("path",{d:"M44 48 Q50 46 56 48",stroke:"#9d174d",strokeWidth:"2",strokeLinecap:"round",fill:"none"}),s&&l.jsxs("g",{children:[l.jsxs("circle",{cx:"88",cy:"8",r:"3",fill:"#fbbf24",children:[l.jsx("animate",{attributeName:"opacity",values:"0;1;0",dur:"2s",repeatCount:"indefinite"}),l.jsx("animate",{attributeName:"r",values:"2;4;2",dur:"2s",repeatCount:"indefinite"})]}),l.jsx("path",{d:"M86 8 L90 8 M88 6 L88 10",stroke:"#fbbf24",strokeWidth:"1.5",strokeLinecap:"round",children:l.jsx("animate",{attributeName:"opacity",values:"0;1;0",dur:"2s",repeatCount:"indefinite"})})]})]});exports.BearLogo=t;

package/dist/components/BearLogo/BearLogo.d.ts

@@ -0,0 +1,18 @@
+import { FC, SVGAttributes } from 'react';
+export interface BearLogoProps extends SVGAttributes<SVGElement> {
+    /** Logo size in pixels */
+    size?: number;
+    /** Whether to show animated sparkle */
+    animated?: boolean;
+}
+/**
+ * BearLogo - Lotso-inspired pink teddy bear logo from Toy Story
+ * Full body sitting teddy bear with characteristic angry eyebrows
+ *
+ * @example
+ * ```tsx
+ * <BearLogo size={48} />
+ * <BearLogo size={32} animated />
+ * ```
+ */
+export declare const BearLogo: FC<BearLogoProps>;

package/dist/components/BearLogo/BearLogo.js

@@ -0,0 +1,134 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+const f = ({
+  size: e = 32,
+  animated: o = !1,
+  className: t,
+  ...i
+}) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 100 100",
+    fill: "none",
+    className: t,
+    ...i,
+    children: [
+      /* @__PURE__ */ r("defs", { children: [
+        /* @__PURE__ */ r("radialGradient", { id: "lotsoFur", cx: "50%", cy: "30%", r: "70%", fx: "50%", fy: "30%", children: [
+          /* @__PURE__ */ l("stop", { offset: "0%", stopColor: "#f472b6" }),
+          /* @__PURE__ */ l("stop", { offset: "40%", stopColor: "#db2777" }),
+          /* @__PURE__ */ l("stop", { offset: "100%", stopColor: "#9d174d" })
+        ] }),
+        /* @__PURE__ */ r("radialGradient", { id: "lotsoCream", cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ l("stop", { offset: "0%", stopColor: "#fef3c7" }),
+          /* @__PURE__ */ l("stop", { offset: "100%", stopColor: "#fde68a" })
+        ] }),
+        /* @__PURE__ */ r("radialGradient", { id: "lotsoEarInner", cx: "50%", cy: "50%", r: "50%", children: [
+          /* @__PURE__ */ l("stop", { offset: "0%", stopColor: "#fde68a" }),
+          /* @__PURE__ */ l("stop", { offset: "100%", stopColor: "#fcd34d" })
+        ] }),
+        /* @__PURE__ */ r("linearGradient", { id: "lotsoNose", x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+          /* @__PURE__ */ l("stop", { offset: "0%", stopColor: "#7c3aed" }),
+          /* @__PURE__ */ l("stop", { offset: "100%", stopColor: "#581c87" })
+        ] })
+      ] }),
+      /* @__PURE__ */ l("ellipse", { cx: "50", cy: "72", rx: "26", ry: "20", fill: "url(#lotsoFur)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "50", cy: "73", rx: "16", ry: "12", fill: "url(#lotsoCream)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "32", cy: "88", rx: "12", ry: "9", fill: "url(#lotsoFur)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "32", cy: "89", rx: "8", ry: "6", fill: "url(#lotsoCream)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "68", cy: "88", rx: "12", ry: "9", fill: "url(#lotsoFur)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "68", cy: "89", rx: "8", ry: "6", fill: "url(#lotsoCream)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "24", cy: "68", rx: "8", ry: "12", fill: "url(#lotsoFur)", transform: "rotate(-15 24 68)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "76", cy: "68", rx: "8", ry: "12", fill: "url(#lotsoFur)", transform: "rotate(15 76 68)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "50", cy: "36", rx: "26", ry: "24", fill: "url(#lotsoFur)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "28", cy: "16", rx: "10", ry: "10", fill: "url(#lotsoFur)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "28", cy: "16", rx: "6", ry: "6", fill: "url(#lotsoEarInner)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "72", cy: "16", rx: "10", ry: "10", fill: "url(#lotsoFur)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "72", cy: "16", rx: "6", ry: "6", fill: "url(#lotsoEarInner)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "50", cy: "44", rx: "14", ry: "10", fill: "url(#lotsoCream)" }),
+      /* @__PURE__ */ l("ellipse", { cx: "50", cy: "40", rx: "6", ry: "4", fill: "url(#lotsoNose)" }),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M32 24 Q38 21 44 25",
+          stroke: "#581c87",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M68 24 Q62 21 56 25",
+          stroke: "#581c87",
+          strokeWidth: "3",
+          strokeLinecap: "round",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ l("ellipse", { cx: "38", cy: "32", rx: "6", ry: "7", fill: "#ffffff" }),
+      /* @__PURE__ */ l("ellipse", { cx: "39", cy: "33", rx: "4", ry: "5", fill: "#78350f" }),
+      /* @__PURE__ */ l("ellipse", { cx: "40", cy: "33", rx: "2", ry: "2.5", fill: "#1c1917" }),
+      /* @__PURE__ */ l("ellipse", { cx: "37", cy: "31", rx: "1.5", ry: "1.5", fill: "#ffffff" }),
+      /* @__PURE__ */ l("ellipse", { cx: "62", cy: "32", rx: "6", ry: "7", fill: "#ffffff" }),
+      /* @__PURE__ */ l("ellipse", { cx: "61", cy: "33", rx: "4", ry: "5", fill: "#78350f" }),
+      /* @__PURE__ */ l("ellipse", { cx: "60", cy: "33", rx: "2", ry: "2.5", fill: "#1c1917" }),
+      /* @__PURE__ */ l("ellipse", { cx: "63", cy: "31", rx: "1.5", ry: "1.5", fill: "#ffffff" }),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M44 48 Q50 46 56 48",
+          stroke: "#9d174d",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          fill: "none"
+        }
+      ),
+      o && /* @__PURE__ */ r("g", { children: [
+        /* @__PURE__ */ r("circle", { cx: "88", cy: "8", r: "3", fill: "#fbbf24", children: [
+          /* @__PURE__ */ l(
+            "animate",
+            {
+              attributeName: "opacity",
+              values: "0;1;0",
+              dur: "2s",
+              repeatCount: "indefinite"
+            }
+          ),
+          /* @__PURE__ */ l(
+            "animate",
+            {
+              attributeName: "r",
+              values: "2;4;2",
+              dur: "2s",
+              repeatCount: "indefinite"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l(
+          "path",
+          {
+            d: "M86 8 L90 8 M88 6 L88 10",
+            stroke: "#fbbf24",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            children: /* @__PURE__ */ l(
+              "animate",
+              {
+                attributeName: "opacity",
+                values: "0;1;0",
+                dur: "2s",
+                repeatCount: "indefinite"
+              }
+            )
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  f as BearLogo
+};

package/dist/components/BearLogo/EmberLogo.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export interface EmberLogoProps {
+    /** Logo size in pixels */
+    size?: number;
+    /** Additional class names */
+    className?: string;
+    /** Whether to animate the logo */
+    animated?: boolean;
+}
+/**
+ * Ember Logo Component
+ * A stylized flame representing warmth, energy, and the forge
+ */
+export declare const EmberLogo: FC<EmberLogoProps>;

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

@@ -0,0 +1,2 @@
+export { BearLogo } from './BearLogo';
+export type { BearLogoProps } from './BearLogo';

package/dist/components/BottomNavigation/BottomNavigation.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("../../utils/cn.cjs"),u=({items:s,value:i,onChange:t,showLabels:n="active",variant:l="default",className:c})=>{const d={default:"bear-bg-zinc-900 bear-border-t bear-border-zinc-800",elevated:"bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",transparent:"bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-zinc-800/50"},o=e=>n===!0||n==="always"?!0:n==="active"?e:!1;return r.jsx("nav",{className:b.cn("bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",d[l],c),children:s.map(e=>{const a=i===e.id;return r.jsxs("button",{onClick:()=>!e.disabled&&(t==null?void 0:t(e.id)),disabled:e.disabled,className:b.cn("bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",a?"bear-text-pink-400":"bear-text-zinc-500 hover:bear-text-zinc-300",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsxs("div",{className:"bear-relative",children:[r.jsx("span",{className:b.cn("bear-transition-transform",a&&"bear-scale-110"),children:e.icon}),e.badge!==void 0&&r.jsx("span",{className:"bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-pink-500 bear-text-white bear-rounded-full",children:e.badge})]}),o(a)&&r.jsx("span",{className:b.cn("bear-text-xs bear-mt-1 bear-transition-all",a?"bear-font-medium":""),children:e.label})]},e.id)})})};exports.BottomNavigation=u;

package/dist/components/BottomNavigation/BottomNavigation.d.ts

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

package/dist/components/BottomNavigation/BottomNavigation.js

@@ -0,0 +1,49 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { cn as b } from "../../utils/cn.js";
+const p = ({
+  items: n,
+  value: s,
+  onChange: t,
+  showLabels: i = "active",
+  variant: c = "default",
+  className: d
+}) => {
+  const o = {
+    default: "bear-bg-zinc-900 bear-border-t bear-border-zinc-800",
+    elevated: "bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",
+    transparent: "bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-zinc-800/50"
+  }, u = (e) => i === !0 || i === "always" ? !0 : i === "active" ? e : !1;
+  return /* @__PURE__ */ a("nav", { className: b(
+    "bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",
+    o[c],
+    d
+  ), children: n.map((e) => {
+    const r = s === e.id;
+    return /* @__PURE__ */ l(
+      "button",
+      {
+        onClick: () => !e.disabled && (t == null ? void 0 : t(e.id)),
+        disabled: e.disabled,
+        className: b(
+          "bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",
+          r ? "bear-text-pink-400" : "bear-text-zinc-500 hover:bear-text-zinc-300",
+          e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
+        ),
+        children: [
+          /* @__PURE__ */ l("div", { className: "bear-relative", children: [
+            /* @__PURE__ */ a("span", { className: b("bear-transition-transform", r && "bear-scale-110"), children: e.icon }),
+            e.badge !== void 0 && /* @__PURE__ */ a("span", { className: "bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-pink-500 bear-text-white bear-rounded-full", children: e.badge })
+          ] }),
+          u(r) && /* @__PURE__ */ a("span", { className: b(
+            "bear-text-xs bear-mt-1 bear-transition-all",
+            r ? "bear-font-medium" : ""
+          ), children: e.label })
+        ]
+      },
+      e.id
+    );
+  }) });
+};
+export {
+  p as BottomNavigation
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface BottomNavItem {
+    id: string;
+    label: string;
+    icon: ReactNode;
+    badge?: number | string;
+    disabled?: boolean;
+}
+export interface BottomNavigationProps {
+    items: BottomNavItem[];
+    value?: string;
+    onChange?: (id: string) => void;
+    showLabels?: boolean | 'always' | 'active';
+    variant?: 'default' | 'elevated' | 'transparent';
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { BottomNavigation } from './BottomNavigation';
+export type { BottomNavigationProps, BottomNavItem } from './BottomNavigation.types';

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),i=require("../../utils/cn.cjs"),C=({className:s})=>e.jsx("svg",{className:s,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"})}),w=({className:s})=>e.jsx("svg",{className:s,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),z=({items:s,separator:b,maxItems:o,itemsBeforeCollapse:x=1,itemsAfterCollapse:d=1,className:h,size:t="md",showHomeIcon:u=!1})=>{const[m,p]=g.useState(!1),f={sm:"bear-text-xs",md:"bear-text-sm",lg:"bear-text-base"},l={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},j=()=>b||e.jsx(w,{className:i.cn(l[t],"bear-text-zinc-500 bear-mx-2")}),k=(r,a,N)=>{const n=e.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[a===0&&u&&e.jsx(C,{className:l[t]}),r.icon,r.label]});return N?e.jsx("span",{className:"bear-text-zinc-300 bear-font-medium",children:n}):r.href?e.jsx("a",{href:r.href,className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",children:n}):r.onClick?e.jsx("button",{onClick:r.onClick,className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",children:n}):e.jsx("span",{className:"bear-text-zinc-400",children:n})},v=o&&s.length>o&&!m;let c=s;if(v){const r=s.slice(0,x),a=s.slice(-d);c=[...r,"ellipsis",...a]}return e.jsx("nav",{className:i.cn("bear-flex bear-items-center bear-flex-wrap",f[t],h),"aria-label":"Breadcrumb",children:c.map((r,a)=>e.jsxs("span",{className:"bear-flex bear-items-center",children:[a>0&&j(),r==="ellipsis"?e.jsx("button",{onClick:()=>p(!0),className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors bear-px-1",children:"..."}):k(r,a,a===c.length-1)]},a))})};exports.Breadcrumbs=z;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

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

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,41 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as w } from "react";
+import { cn as b } from "../../utils/cn.js";
+const z = ({ 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: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" }) }), j = ({ 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 5l7 7-7 7" }) }), M = ({
+  items: a,
+  separator: h,
+  maxItems: l,
+  itemsBeforeCollapse: d = 1,
+  itemsAfterCollapse: m = 1,
+  className: p,
+  size: s = "md",
+  showHomeIcon: x = !1
+}) => {
+  const [f, u] = w(!1), k = { sm: "bear-text-xs", md: "bear-text-sm", lg: "bear-text-base" }, c = { sm: "bear-w-3 bear-h-3", md: "bear-w-4 bear-h-4", lg: "bear-w-5 bear-h-5" }, v = () => h || /* @__PURE__ */ e(j, { className: b(c[s], "bear-text-zinc-500 bear-mx-2") }), N = (r, n, g) => {
+    const t = /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center bear-gap-1", children: [
+      n === 0 && x && /* @__PURE__ */ e(z, { className: c[s] }),
+      r.icon,
+      r.label
+    ] });
+    return g ? /* @__PURE__ */ e("span", { className: "bear-text-zinc-300 bear-font-medium", children: t }) : r.href ? /* @__PURE__ */ e("a", { href: r.href, className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors", children: t }) : r.onClick ? /* @__PURE__ */ e("button", { onClick: r.onClick, className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors", children: t }) : /* @__PURE__ */ e("span", { className: "bear-text-zinc-400", children: t });
+  }, C = l && a.length > l && !f;
+  let o = a;
+  if (C) {
+    const r = a.slice(0, d), n = a.slice(-m);
+    o = [...r, "ellipsis", ...n];
+  }
+  return /* @__PURE__ */ e("nav", { className: b("bear-flex bear-items-center bear-flex-wrap", k[s], p), "aria-label": "Breadcrumb", children: o.map((r, n) => /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center", children: [
+    n > 0 && v(),
+    r === "ellipsis" ? /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => u(!0),
+        className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors bear-px-1",
+        children: "..."
+      }
+    ) : N(r, n, n === o.length - 1)
+  ] }, n)) });
+};
+export {
+  M as Breadcrumbs
+};

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    showHomeIcon?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbItem } from './Breadcrumbs.types';

package/dist/components/Button/Button.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),t=require("../../utils/cn.cjs"),p=require("../Spinner/Spinner.cjs"),h={xs:"ember-px-2 ember-py-1 ember-text-xs ember-gap-1",sm:"ember-px-3 ember-py-1.5 ember-text-sm ember-gap-1.5",md:"ember-px-4 ember-py-2 ember-text-sm ember-gap-2",lg:"ember-px-5 ember-py-2.5 ember-text-base ember-gap-2",xl:"ember-px-6 ember-py-3 ember-text-lg ember-gap-2.5"},v={primary:`
+    ember-bg-ember-500 ember-text-white
+    hover:ember-bg-ember-600
+    focus:ember-ring-2 focus:ember-ring-ember-500/50 focus:ember-ring-offset-2
+    active:ember-bg-ember-700
+    disabled:ember-bg-ember-300 disabled:ember-cursor-not-allowed
+  `,secondary:`
+    ember-bg-forge-500 ember-text-white
+    hover:ember-bg-forge-600
+    focus:ember-ring-2 focus:ember-ring-forge-500/50 focus:ember-ring-offset-2
+    active:ember-bg-forge-700
+    disabled:ember-bg-forge-300 disabled:ember-cursor-not-allowed
+  `,success:`
+    ember-bg-green-500 ember-text-white
+    hover:ember-bg-green-600
+    focus:ember-ring-2 focus:ember-ring-green-500/50 focus:ember-ring-offset-2
+    active:ember-bg-green-700
+    disabled:ember-bg-green-300 disabled:ember-cursor-not-allowed
+  `,warning:`
+    ember-bg-yellow-500 ember-text-white
+    hover:ember-bg-yellow-600
+    focus:ember-ring-2 focus:ember-ring-yellow-500/50 focus:ember-ring-offset-2
+    active:ember-bg-yellow-700
+    disabled:ember-bg-yellow-300 disabled:ember-cursor-not-allowed
+  `,danger:`
+    ember-bg-red-500 ember-text-white
+    hover:ember-bg-red-600
+    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
+    active:ember-bg-red-700
+    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
+  `,info:`
+    ember-bg-blue-500 ember-text-white
+    hover:ember-bg-blue-600
+    focus:ember-ring-2 focus:ember-ring-blue-500/50 focus:ember-ring-offset-2
+    active:ember-bg-blue-700
+    disabled:ember-bg-blue-300 disabled:ember-cursor-not-allowed
+  `,ghost:`
+    ember-bg-transparent ember-text-gray-700
+    hover:ember-bg-gray-100
+    focus:ember-ring-2 focus:ember-ring-gray-500/50
+    active:ember-bg-gray-200
+    disabled:ember-text-gray-400 disabled:ember-cursor-not-allowed
+    dark:ember-text-gray-300 dark:hover:ember-bg-gray-800 dark:active:ember-bg-gray-700
+  `,outline:`
+    ember-bg-transparent ember-text-ember-500 ember-border ember-border-ember-500
+    hover:ember-bg-ember-50
+    focus:ember-ring-2 focus:ember-ring-ember-500/50
+    active:ember-bg-ember-100
+    disabled:ember-text-ember-300 disabled:ember-border-ember-300 disabled:ember-cursor-not-allowed
+    dark:hover:ember-bg-ember-950 dark:active:ember-bg-ember-900
+  `,error:`
+    ember-bg-red-500 ember-text-white
+    hover:ember-bg-red-600
+    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
+    active:ember-bg-red-700
+    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
+  `},i=x.forwardRef(({variant:o="primary",size:b="md",loading:r=!1,fullWidth:a=!1,leftIcon:m,rightIcon:s,disabled:n,className:g,children:l,testId:d,...c},u)=>{const f=n||r;return e.jsxs("button",{ref:u,disabled:f,className:t.cn("ember-inline-flex ember-items-center ember-justify-center ember-font-medium ember-rounded-lg ember-transition-all ember-duration-200 ember-outline-none",h[b],v[o],a&&"ember-w-full",r&&"ember-cursor-wait",g),"data-testid":d,...c,children:[r&&e.jsx(p.Spinner,{size:b==="xs"?"xs":"sm",className:"ember-absolute"}),e.jsxs("span",{className:t.cn("ember-inline-flex ember-items-center ember-gap-inherit",r&&"ember-invisible"),children:[m&&e.jsx("span",{className:"ember-inline-flex ember-shrink-0",children:m}),l,s&&e.jsx("span",{className:"ember-inline-flex ember-shrink-0",children:s})]})]})});i.displayName="Button";exports.Button=i;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,20 @@
+import { ButtonProps } from './Button.types';
+/**
+ * Button component with multiple variants, sizes, and states
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="md">
+ *   Click me
+ * </Button>
+ *
+ * <Button variant="outline" loading>
+ *   Loading...
+ * </Button>
+ *
+ * <Button leftIcon={<IconPlus />}>
+ *   Add Item
+ * </Button>
+ * ```
+ */
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;