@forgedevstack/bear 1.0.0

package/dist/components/Autocomplete/Autocomplete.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),f=require("../../utils/cn.cjs"),z=(g,b)=>{const t=b.toLowerCase();return g.filter(l=>{var i;return l.label.toLowerCase().includes(t)||l.value.toLowerCase().includes(t)||((i=l.description)==null?void 0:i.toLowerCase().includes(t))})},I=({options:g,value:b="",onChange:t,onSelect:l,placeholder:i="Start typing...",label:w,helperText:k,error:d,disabled:u=!1,freeSolo:p=!1,loading:v=!1,filterOptions:D=z,className:E,testId:L})=>{const[x,n]=s.useState(!1),[o,m]=s.useState(-1),y=s.useRef(null),j=s.useRef(null),h=s.useRef(null),c=D(g,b);s.useEffect(()=>{const e=a=>{y.current&&!y.current.contains(a.target)&&n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),s.useEffect(()=>{m(-1)},[b]),s.useEffect(()=>{if(o>=0&&h.current){const e=h.current.children[o];e&&e.scrollIntoView({block:"nearest"})}},[o]);const R=e=>{const a=e.target.value;t==null||t(a),n(!0)},N=e=>{var a;t==null||t(e.label),l==null||l(e),n(!1),(a=j.current)==null||a.blur()},A=e=>{if(!x){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(n(!0),e.preventDefault());return}switch(e.key){case"ArrowDown":e.preventDefault(),m(a=>a<c.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),m(a=>a>0?a-1:c.length-1);break;case"Enter":e.preventDefault(),o>=0&&c[o]?N(c[o]):p&&b&&n(!1);break;case"Escape":n(!1);break}};return r.jsxs("div",{className:f.cn("bear-w-full bear-relative",E),ref:y,"data-testid":L,children:[w&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5",children:w}),r.jsxs("div",{className:"bear-relative",children:[r.jsx("input",{ref:j,type:"text",value:b,onChange:R,onFocus:()=>n(!0),onKeyDown:A,placeholder:i,disabled:u,className:f.cn("bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border","bear-bg-white dark:bear-bg-gray-900","bear-text-sm bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400","bear-transition-colors bear-outline-none",d?"bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20":"bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",u&&"bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800")}),r.jsx("div",{className:"bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2",children:v?r.jsxs("svg",{className:"bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",children:[r.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"bear-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):r.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})})]}),x&&!u&&c.length>0&&r.jsx("div",{ref:h,className:"bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-1 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-max-h-60 bear-overflow-auto",children:c.map((e,a)=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>N(e),className:f.cn("bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors","bear-text-gray-900 dark:bear-text-white",a===o?"bear-bg-amber-50 dark:bear-bg-amber-900/20":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsx("div",{className:"bear-font-medium",children:e.label}),e.description&&r.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5",children:e.description})]},e.value))}),x&&!u&&c.length===0&&b&&!v&&r.jsx("div",{className:"bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500",children:p?"Press Enter to use this value":"No results found"}),(k||d)&&r.jsx("p",{className:f.cn("bear-mt-1.5 bear-text-xs",d?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:d||k})]})};exports.Autocomplete=I;

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { AutocompleteProps } from './Autocomplete.types';
+/**
+ * Autocomplete - Text input with suggestions
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete
+ *   label="Country"
+ *   options={countries}
+ *   value={country}
+ *   onChange={setCountry}
+ *   onSelect={(opt) => console.log('Selected:', opt)}
+ * />
+ * ```
+ */
+export declare const Autocomplete: FC<AutocompleteProps>;

package/dist/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,137 @@
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { useState as E, useRef as x, useEffect as p } from "react";
+import { cn as f } from "../../utils/cn.js";
+const C = (g, b) => {
+  const t = b.toLowerCase();
+  return g.filter(
+    (s) => {
+      var i;
+      return s.label.toLowerCase().includes(t) || s.value.toLowerCase().includes(t) || ((i = s.description) == null ? void 0 : i.toLowerCase().includes(t));
+    }
+  );
+}, H = ({
+  options: g,
+  value: b = "",
+  onChange: t,
+  onSelect: s,
+  placeholder: i = "Start typing...",
+  label: k,
+  helperText: v,
+  error: c,
+  disabled: d = !1,
+  freeSolo: N = !1,
+  loading: D = !1,
+  filterOptions: z = C,
+  className: I,
+  testId: O
+}) => {
+  const [m, l] = E(!1), [o, y] = E(-1), h = x(null), L = x(null), w = x(null), n = z(g, b);
+  p(() => {
+    const e = (r) => {
+      h.current && !h.current.contains(r.target) && l(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []), p(() => {
+    y(-1);
+  }, [b]), p(() => {
+    if (o >= 0 && w.current) {
+      const e = w.current.children[o];
+      e && e.scrollIntoView({ block: "nearest" });
+    }
+  }, [o]);
+  const R = (e) => {
+    const r = e.target.value;
+    t == null || t(r), l(!0);
+  }, A = (e) => {
+    var r;
+    t == null || t(e.label), s == null || s(e), l(!1), (r = L.current) == null || r.blur();
+  }, j = (e) => {
+    if (!m) {
+      (e.key === "ArrowDown" || e.key === "ArrowUp") && (l(!0), e.preventDefault());
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), y(
+          (r) => r < n.length - 1 ? r + 1 : 0
+        );
+        break;
+      case "ArrowUp":
+        e.preventDefault(), y(
+          (r) => r > 0 ? r - 1 : n.length - 1
+        );
+        break;
+      case "Enter":
+        e.preventDefault(), o >= 0 && n[o] ? A(n[o]) : N && b && l(!1);
+        break;
+      case "Escape":
+        l(!1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ u("div", { className: f("bear-w-full bear-relative", I), ref: h, "data-testid": O, children: [
+    k && /* @__PURE__ */ a("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5", children: k }),
+    /* @__PURE__ */ u("div", { className: "bear-relative", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          ref: L,
+          type: "text",
+          value: b,
+          onChange: R,
+          onFocus: () => l(!0),
+          onKeyDown: j,
+          placeholder: i,
+          disabled: d,
+          className: f(
+            "bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border",
+            "bear-bg-white dark:bear-bg-gray-900",
+            "bear-text-sm bear-text-gray-900 dark:bear-text-white",
+            "placeholder:bear-text-gray-400",
+            "bear-transition-colors bear-outline-none",
+            c ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",
+            d && "bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800"
+          )
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2", children: D ? /* @__PURE__ */ u("svg", { className: "bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", children: [
+        /* @__PURE__ */ a("circle", { className: "bear-opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+        /* @__PURE__ */ a("path", { className: "bear-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+      ] }) : /* @__PURE__ */ a("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })
+    ] }),
+    m && !d && n.length > 0 && /* @__PURE__ */ a(
+      "div",
+      {
+        ref: w,
+        className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-1 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-max-h-60 bear-overflow-auto",
+        children: n.map((e, r) => /* @__PURE__ */ u(
+          "button",
+          {
+            type: "button",
+            disabled: e.disabled,
+            onClick: () => A(e),
+            className: f(
+              "bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors",
+              "bear-text-gray-900 dark:bear-text-white",
+              r === o ? "bear-bg-amber-50 dark:bear-bg-amber-900/20" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",
+              e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
+            ),
+            children: [
+              /* @__PURE__ */ a("div", { className: "bear-font-medium", children: e.label }),
+              e.description && /* @__PURE__ */ a("div", { className: "bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5", children: e.description })
+            ]
+          },
+          e.value
+        ))
+      }
+    ),
+    m && !d && n.length === 0 && b && !D && /* @__PURE__ */ a("div", { className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500", children: N ? "Press Enter to use this value" : "No results found" }),
+    (v || c) && /* @__PURE__ */ a("p", { className: f(
+      "bear-mt-1.5 bear-text-xs",
+      c ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
+    ), children: c || v })
+  ] });
+};
+export {
+  H as Autocomplete
+};

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

@@ -0,0 +1,36 @@
+export interface AutocompleteOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+}
+export interface AutocompleteProps {
+    /** Available options */
+    options: AutocompleteOption[];
+    /** Current value */
+    value?: string;
+    /** Called when value changes */
+    onChange?: (value: string) => void;
+    /** Called when an option is selected */
+    onSelect?: (option: AutocompleteOption) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Helper text below the input */
+    helperText?: string;
+    /** Error message */
+    error?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Allow free-form input (not just from options) */
+    freeSolo?: boolean;
+    /** Show loading state */
+    loading?: boolean;
+    /** Custom filter function */
+    filterOptions?: (options: AutocompleteOption[], inputValue: string) => AutocompleteOption[];
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteOption } from './Autocomplete.types';

package/dist/components/Avatar/Avatar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),i=require("../../utils/cn.cjs"),g={xs:"bear-w-6 bear-h-6 bear-text-xs",sm:"bear-w-8 bear-h-8 bear-text-sm",md:"bear-w-10 bear-h-10 bear-text-base",lg:"bear-w-12 bear-h-12 bear-text-lg",xl:"bear-w-16 bear-h-16 bear-text-xl","2xl":"bear-w-20 bear-h-20 bear-text-2xl"},y={circle:"bear-rounded-full",rounded:"bear-rounded-lg",square:"bear-rounded-none"},v={online:"bear-bg-green-500",offline:"bear-bg-gray-400",away:"bear-bg-yellow-500",busy:"bear-bg-red-500"},f=({src:t,alt:r="Avatar",initials:s,size:c="md",variant:a="circle",status:b,bordered:n=!1,className:o,testId:l,...u})=>{const[x,h]=d.useState(!1),m=!t||x;return e.jsxs("div",{className:i.cn("bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700","bear-overflow-hidden",g[c],y[a],n&&"bear-ring-2 bear-ring-white dark:bear-ring-gray-900",o),"data-testid":l,children:[m?s?e.jsx("span",{className:"bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase",children:s.slice(0,2)}):e.jsx("svg",{className:"bear-w-3/5 bear-h-3/5 bear-text-gray-400",fill:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})}):e.jsx("img",{src:t,alt:r,onError:()=>h(!0),className:"bear-w-full bear-h-full bear-object-cover",...u}),b&&e.jsx("span",{className:i.cn("bear-absolute bear-bottom-0 bear-right-0","bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]","bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",v[b])})]})},w=({children:t,max:r,size:s="md",className:c})=>{const a=d.Children.toArray(t),b=r?a.slice(0,r):a,n=r?a.length-r:0;return e.jsxs("div",{className:i.cn("bear-flex bear--space-x-2",c),children:[b.map((o,l)=>e.jsx("div",{className:"bear-relative",style:{zIndex:b.length-l},children:o},l)),n>0&&e.jsxs("div",{className:i.cn("bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full","bear-ring-2 bear-ring-white dark:bear-ring-gray-900","bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",g[s]),style:{zIndex:0},children:["+",n]})]})};exports.Avatar=f;exports.AvatarGroup=w;

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { AvatarProps, AvatarGroupProps } from './Avatar.types';
+/**
+ * Avatar - User profile image with fallback
+ *
+ * @example
+ * ```tsx
+ * <Avatar src="/user.jpg" alt="John Doe" size="md" status="online" />
+ * <Avatar initials="JD" size="lg" variant="rounded" />
+ * ```
+ */
+export declare const Avatar: FC<AvatarProps>;
+/**
+ * AvatarGroup - Stack of overlapping avatars
+ */
+export declare const AvatarGroup: FC<AvatarGroupProps>;

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,102 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import f, { useState as y } from "react";
+import { cn as i } from "../../utils/cn.js";
+const g = {
+  xs: "bear-w-6 bear-h-6 bear-text-xs",
+  sm: "bear-w-8 bear-h-8 bear-text-sm",
+  md: "bear-w-10 bear-h-10 bear-text-base",
+  lg: "bear-w-12 bear-h-12 bear-text-lg",
+  xl: "bear-w-16 bear-h-16 bear-text-xl",
+  "2xl": "bear-w-20 bear-h-20 bear-text-2xl"
+}, v = {
+  circle: "bear-rounded-full",
+  rounded: "bear-rounded-lg",
+  square: "bear-rounded-none"
+}, w = {
+  online: "bear-bg-green-500",
+  offline: "bear-bg-gray-400",
+  away: "bear-bg-yellow-500",
+  busy: "bear-bg-red-500"
+}, j = ({
+  src: t,
+  alt: e = "Avatar",
+  initials: s,
+  size: o = "md",
+  variant: a = "circle",
+  status: b,
+  bordered: l = !1,
+  className: c,
+  testId: n,
+  ...m
+}) => {
+  const [h, u] = y(!1), x = !t || h;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: i(
+        "bear-relative bear-inline-flex bear-items-center bear-justify-center",
+        "bear-bg-gray-200 dark:bear-bg-gray-700",
+        "bear-overflow-hidden",
+        g[o],
+        v[a],
+        l && "bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
+        c
+      ),
+      "data-testid": n,
+      children: [
+        x ? s ? /* @__PURE__ */ r("span", { className: "bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase", children: s.slice(0, 2) }) : /* @__PURE__ */ r("svg", { className: "bear-w-3/5 bear-h-3/5 bear-text-gray-400", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) : /* @__PURE__ */ r(
+          "img",
+          {
+            src: t,
+            alt: e,
+            onError: () => u(!0),
+            className: "bear-w-full bear-h-full bear-object-cover",
+            ...m
+          }
+        ),
+        b && /* @__PURE__ */ r(
+          "span",
+          {
+            className: i(
+              "bear-absolute bear-bottom-0 bear-right-0",
+              "bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]",
+              "bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
+              w[b]
+            )
+          }
+        )
+      ]
+    }
+  );
+}, z = ({
+  children: t,
+  max: e,
+  size: s = "md",
+  className: o
+}) => {
+  const a = f.Children.toArray(t), b = e ? a.slice(0, e) : a, l = e ? a.length - e : 0;
+  return /* @__PURE__ */ d("div", { className: i("bear-flex bear--space-x-2", o), children: [
+    b.map((c, n) => /* @__PURE__ */ r("div", { className: "bear-relative", style: { zIndex: b.length - n }, children: c }, n)),
+    l > 0 && /* @__PURE__ */ d(
+      "div",
+      {
+        className: i(
+          "bear-relative bear-inline-flex bear-items-center bear-justify-center",
+          "bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full",
+          "bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
+          "bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",
+          g[s]
+        ),
+        style: { zIndex: 0 },
+        children: [
+          "+",
+          l
+        ]
+      }
+    )
+  ] });
+};
+export {
+  j as Avatar,
+  z as AvatarGroup
+};

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

@@ -0,0 +1,31 @@
+import { ImgHTMLAttributes, ReactNode } from 'react';
+export interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'size'> {
+    /** Image source URL */
+    src?: string;
+    /** Alt text */
+    alt?: string;
+    /** Fallback initials when no image */
+    initials?: string;
+    /** Avatar size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Shape variant */
+    variant?: 'circle' | 'rounded' | 'square';
+    /** Status indicator */
+    status?: 'online' | 'offline' | 'away' | 'busy';
+    /** Border color (for groups) */
+    bordered?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+export interface AvatarGroupProps {
+    /** Avatar components */
+    children: ReactNode;
+    /** Max avatars to show */
+    max?: number;
+    /** Size of avatars */
+    size?: AvatarProps['size'];
+    /** Custom class name */
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Avatar, AvatarGroup } from './Avatar';
+export type { AvatarProps, AvatarGroupProps } from './Avatar.types';

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("../../utils/cn.cjs"),o={xs:"ember-px-1.5 ember-py-0.5 ember-text-[10px]",sm:"ember-px-2 ember-py-0.5 ember-text-xs",md:"ember-px-2.5 ember-py-1 ember-text-xs",lg:"ember-px-3 ember-py-1.5 ember-text-sm"},l={primary:"ember-bg-ember-100 ember-text-ember-700 dark:ember-bg-ember-900/30 dark:ember-text-ember-400",secondary:"ember-bg-forge-100 ember-text-forge-700 dark:ember-bg-forge-900/30 dark:ember-text-forge-400",success:"ember-bg-green-100 ember-text-green-700 dark:ember-bg-green-900/30 dark:ember-text-green-400",warning:"ember-bg-yellow-100 ember-text-yellow-700 dark:ember-bg-yellow-900/30 dark:ember-text-yellow-400",danger:"ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",info:"ember-bg-blue-100 ember-text-blue-700 dark:ember-bg-blue-900/30 dark:ember-text-blue-400",ghost:"ember-bg-gray-100 ember-text-gray-700 dark:ember-bg-gray-800 dark:ember-text-gray-300",outline:"ember-bg-transparent ember-text-gray-700 ember-border ember-border-gray-300 dark:ember-text-gray-300 dark:ember-border-gray-600",error:"ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",neutral:"ember-bg-gray-100 ember-text-gray-600 dark:ember-bg-gray-800 dark:ember-text-gray-400"},x={primary:"ember-bg-ember-500",secondary:"ember-bg-forge-500",success:"ember-bg-green-500",warning:"ember-bg-yellow-500",danger:"ember-bg-red-500",info:"ember-bg-blue-500",ghost:"ember-bg-gray-500",outline:"ember-bg-gray-500",error:"ember-bg-red-500",neutral:"ember-bg-gray-500"},y=({variant:e="neutral",size:m="sm",pill:t=!1,dot:a=!1,className:g,children:d,testId:s,...n})=>r.jsxs("span",{className:b.cn("ember-inline-flex ember-items-center ember-gap-1.5 ember-font-medium",o[m],l[e],t?"ember-rounded-full":"ember-rounded-md",g),"data-testid":s,...n,children:[a&&r.jsx("span",{className:b.cn("ember-w-1.5 ember-h-1.5 ember-rounded-full",x[e])}),d]});exports.Badge=y;

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { BadgeProps } from './Badge.types';
+/**
+ * Badge component for labels and status indicators
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="success">Active</Badge>
+ * <Badge variant="warning" size="sm" pill>Beta</Badge>
+ * <Badge variant="danger" dot>Error</Badge>
+ * ```
+ */
+export declare const Badge: FC<BadgeProps>;

package/dist/components/Badge/Badge.js

@@ -0,0 +1,67 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { cn as r } from "../../utils/cn.js";
+const x = {
+  xs: "ember-px-1.5 ember-py-0.5 ember-text-[10px]",
+  sm: "ember-px-2 ember-py-0.5 ember-text-xs",
+  md: "ember-px-2.5 ember-py-1 ember-text-xs",
+  lg: "ember-px-3 ember-py-1.5 ember-text-sm"
+}, l = {
+  primary: "ember-bg-ember-100 ember-text-ember-700 dark:ember-bg-ember-900/30 dark:ember-text-ember-400",
+  secondary: "ember-bg-forge-100 ember-text-forge-700 dark:ember-bg-forge-900/30 dark:ember-text-forge-400",
+  success: "ember-bg-green-100 ember-text-green-700 dark:ember-bg-green-900/30 dark:ember-text-green-400",
+  warning: "ember-bg-yellow-100 ember-text-yellow-700 dark:ember-bg-yellow-900/30 dark:ember-text-yellow-400",
+  danger: "ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",
+  info: "ember-bg-blue-100 ember-text-blue-700 dark:ember-bg-blue-900/30 dark:ember-text-blue-400",
+  ghost: "ember-bg-gray-100 ember-text-gray-700 dark:ember-bg-gray-800 dark:ember-text-gray-300",
+  outline: "ember-bg-transparent ember-text-gray-700 ember-border ember-border-gray-300 dark:ember-text-gray-300 dark:ember-border-gray-600",
+  error: "ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",
+  neutral: "ember-bg-gray-100 ember-text-gray-600 dark:ember-bg-gray-800 dark:ember-text-gray-400"
+}, y = {
+  primary: "ember-bg-ember-500",
+  secondary: "ember-bg-forge-500",
+  success: "ember-bg-green-500",
+  warning: "ember-bg-yellow-500",
+  danger: "ember-bg-red-500",
+  info: "ember-bg-blue-500",
+  ghost: "ember-bg-gray-500",
+  outline: "ember-bg-gray-500",
+  error: "ember-bg-red-500",
+  neutral: "ember-bg-gray-500"
+}, i = ({
+  variant: e = "neutral",
+  size: b = "sm",
+  pill: m = !1,
+  dot: t = !1,
+  className: a,
+  children: g,
+  testId: d,
+  ...s
+}) => /* @__PURE__ */ n(
+  "span",
+  {
+    className: r(
+      "ember-inline-flex ember-items-center ember-gap-1.5 ember-font-medium",
+      x[b],
+      l[e],
+      m ? "ember-rounded-full" : "ember-rounded-md",
+      a
+    ),
+    "data-testid": d,
+    ...s,
+    children: [
+      t && /* @__PURE__ */ o(
+        "span",
+        {
+          className: r(
+            "ember-w-1.5 ember-h-1.5 ember-rounded-full",
+            y[e]
+          )
+        }
+      ),
+      g
+    ]
+  }
+);
+export {
+  i as Badge
+};

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+import { EmberSize, EmberVariant } from '../../types';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Badge variant */
+    variant?: EmberVariant | 'neutral';
+    /** Badge size */
+    size?: Exclude<EmberSize, 'xl'>;
+    /** Whether badge is pill shaped */
+    pill?: boolean;
+    /** Whether badge has a dot indicator */
+    dot?: boolean;
+    /** Test ID */
+    testId?: string;
+}

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

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

package/dist/components/BearLoader/BearLoader.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),m=require("../../utils/cn.cjs"),p={sm:60,md:100,lg:150,xl:200},g=({size:r})=>e.jsxs("svg",{width:r,height:r,viewBox:"0 0 100 100",fill:"none",className:"bear-loader-svg",children:[e.jsx("ellipse",{cx:"50",cy:"72",rx:"26",ry:"20",fill:"#db2777",className:"bear-body"}),e.jsx("ellipse",{cx:"50",cy:"73",rx:"16",ry:"12",fill:"#fde68a"}),e.jsx("ellipse",{cx:"32",cy:"88",rx:"12",ry:"9",fill:"#db2777"}),e.jsx("ellipse",{cx:"32",cy:"89",rx:"8",ry:"6",fill:"#fde68a"}),e.jsx("ellipse",{cx:"68",cy:"88",rx:"12",ry:"9",fill:"#db2777"}),e.jsx("ellipse",{cx:"68",cy:"89",rx:"8",ry:"6",fill:"#fde68a"}),e.jsx("ellipse",{cx:"24",cy:"68",rx:"8",ry:"12",fill:"#db2777",transform:"rotate(-15 24 68)",className:"bear-left-arm"}),e.jsx("ellipse",{cx:"76",cy:"68",rx:"8",ry:"12",fill:"#db2777",transform:"rotate(15 76 68)",className:"bear-right-arm"}),e.jsx("ellipse",{cx:"50",cy:"36",rx:"26",ry:"24",fill:"#db2777"}),e.jsx("ellipse",{cx:"28",cy:"16",rx:"10",ry:"10",fill:"#db2777"}),e.jsx("ellipse",{cx:"28",cy:"16",rx:"6",ry:"6",fill:"#fcd34d"}),e.jsx("ellipse",{cx:"72",cy:"16",rx:"10",ry:"10",fill:"#db2777"}),e.jsx("ellipse",{cx:"72",cy:"16",rx:"6",ry:"6",fill:"#fcd34d"}),e.jsx("ellipse",{cx:"50",cy:"44",rx:"14",ry:"10",fill:"#fde68a"}),e.jsx("ellipse",{cx:"50",cy:"40",rx:"6",ry:"4",fill:"#7c3aed"}),e.jsx("path",{d:"M32 24 Q38 21 44 25",stroke:"#581c87",strokeWidth:"3",strokeLinecap:"round",fill:"none",className:"bear-eyebrow-left"}),e.jsx("path",{d:"M68 24 Q62 21 56 25",stroke:"#581c87",strokeWidth:"3",strokeLinecap:"round",fill:"none",className:"bear-eyebrow-right"}),e.jsx("ellipse",{cx:"38",cy:"32",rx:"6",ry:"7",fill:"#ffffff"}),e.jsx("ellipse",{cx:"39",cy:"33",rx:"4",ry:"5",fill:"#78350f",className:"bear-eye-left"}),e.jsx("ellipse",{cx:"40",cy:"33",rx:"2",ry:"2.5",fill:"#1c1917"}),e.jsx("ellipse",{cx:"37",cy:"31",rx:"1.5",ry:"1.5",fill:"#ffffff"}),e.jsx("ellipse",{cx:"62",cy:"32",rx:"6",ry:"7",fill:"#ffffff"}),e.jsx("ellipse",{cx:"61",cy:"33",rx:"4",ry:"5",fill:"#78350f",className:"bear-eye-right"}),e.jsx("ellipse",{cx:"60",cy:"33",rx:"2",ry:"2.5",fill:"#1c1917"}),e.jsx("ellipse",{cx:"63",cy:"31",rx:"1.5",ry:"1.5",fill:"#ffffff"}),e.jsx("path",{d:"M44 48 Q50 52 56 48",stroke:"#9d174d",strokeWidth:"2",strokeLinecap:"round",fill:"none",className:"bear-mouth"}),e.jsx("ellipse",{cx:"30",cy:"42",rx:"4",ry:"3",fill:"#f472b6",opacity:"0.5"}),e.jsx("ellipse",{cx:"70",cy:"42",rx:"4",ry:"3",fill:"#f472b6",opacity:"0.5"})]}),j=({size:r="md",text:l,fullscreen:n=!1,duration:a,onComplete:s,className:x,testId:o})=>{const[b,y]=f.useState(0),d=p[r];f.useEffect(()=>{if(a&&s){const t=setInterval(()=>{y(c=>c>=100?(clearInterval(t),s(),100):c+100/(a/50))},50);return()=>clearInterval(t)}},[a,s]);const i=e.jsxs("div",{className:m.cn("bear-flex bear-flex-col bear-items-center bear-justify-center bear-gap-4",x),"data-testid":o,children:[e.jsx("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;
+        }
+      `}),e.jsx(g,{size:d}),l&&e.jsx("p",{className:"bear-text-gray-600 dark:bear-text-gray-300 bear-text-center bear-font-medium",children:l}),a&&e.jsx("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:e.jsx("div",{className:"bear-h-full bear-bg-bear-500 bear-rounded-full bear-transition-all bear-duration-100",style:{width:`${b}%`}})})]});return n?e.jsx("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:i}):i};exports.BearLoader=j;

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { BearLoaderProps } from './BearLoader.types';
+/**
+ * BearLoader - Animated Lotso bear loading indicator
+ *
+ * @example
+ * ```tsx
+ * <BearLoader />
+ * <BearLoader size="lg" text="Loading..." />
+ * <BearLoader fullscreen duration={3000} onComplete={() => console.log('done')} />
+ * ```
+ */
+export declare const BearLoader: FC<BearLoaderProps>;
+export default BearLoader;