@forgedevstack/bear 1.0.2 → 1.0.4-alpha

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

@@ -0,0 +1,44 @@
+import { ReactNode, CSSProperties } from 'react';
+export type SidebarVariant = 'default' | 'bordered' | 'floating';
+export type SidebarPosition = 'left' | 'right';
+export interface SidebarItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    children?: SidebarItem[];
+    badge?: ReactNode;
+    disabled?: boolean;
+}
+export interface SidebarProps {
+    items: SidebarItem[];
+    collapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    width?: number | string;
+    collapsedWidth?: number | string;
+    header?: ReactNode;
+    footer?: ReactNode;
+    activeItemId?: string;
+    onItemClick?: (item: SidebarItem) => void;
+    variant?: SidebarVariant;
+    position?: SidebarPosition;
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+    id?: string;
+}
+export interface SidebarGroupProps {
+    title?: string;
+    children: ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    className?: string;
+}
+export interface SidebarItemComponentProps {
+    item: SidebarItem;
+    isActive?: boolean;
+    collapsed?: boolean;
+    depth?: number;
+    onClick?: (item: SidebarItem) => void;
+}

package/dist/components/Sidebar/components/SidebarGroup/SidebarGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),t=require("../../../../utils/cn.cjs"),d=require("../../../Icon/index.cjs"),o=require("../../Sidebar.const.cjs"),S=n=>{const{title:a,children:c,collapsible:r=!1,defaultCollapsed:i=!1,className:l}=n,[s,u]=b.useState(i);return e.jsxs("div",{className:t.cn("Bear-Sidebar__group bear-mb-4",l),children:[a&&e.jsxs("button",{type:"button",onClick:()=>r&&u(!s),className:t.cn("Bear-Sidebar__group-title",o.SIDEBAR_GROUP_TITLE_CLASSES,r&&"bear-cursor-pointer hover:bear-text-zinc-600 dark:hover:bear-text-zinc-300"),children:[r&&e.jsx(d.ChevronDownIcon,{size:o.SIDEBAR_ICON_SIZE-2,className:t.cn("bear-transition-transform",s&&"-bear-rotate-90")}),a]}),!s&&e.jsx("div",{className:"Bear-Sidebar__group-content bear-space-y-1",children:c})]})};exports.SidebarGroup=S;

package/dist/components/Sidebar/components/SidebarGroup/SidebarGroup.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SidebarGroupProps } from '../../Sidebar.types';
+export declare const SidebarGroup: FC<SidebarGroupProps>;
+export default SidebarGroup;

package/dist/components/Sidebar/components/SidebarGroup/SidebarGroup.js

@@ -0,0 +1,45 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { cn as a } from "../../../../utils/cn.js";
+import { ChevronDownIcon as b } from "../../../Icon/index.js";
+import { SIDEBAR_ICON_SIZE as d, SIDEBAR_GROUP_TITLE_CLASSES as S } from "../../Sidebar.const.js";
+const h = (i) => {
+  const {
+    title: o,
+    children: l,
+    collapsible: e = !1,
+    defaultCollapsed: n = !1,
+    className: c
+  } = i, [r, m] = p(n);
+  return /* @__PURE__ */ t("div", { className: a("Bear-Sidebar__group bear-mb-4", c), children: [
+    o && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        onClick: () => e && m(!r),
+        className: a(
+          "Bear-Sidebar__group-title",
+          S,
+          e && "bear-cursor-pointer hover:bear-text-zinc-600 dark:hover:bear-text-zinc-300"
+        ),
+        children: [
+          e && /* @__PURE__ */ s(
+            b,
+            {
+              size: d - 2,
+              className: a(
+                "bear-transition-transform",
+                r && "-bear-rotate-90"
+              )
+            }
+          ),
+          o
+        ]
+      }
+    ),
+    !r && /* @__PURE__ */ s("div", { className: "Bear-Sidebar__group-content bear-space-y-1", children: l })
+  ] });
+};
+export {
+  h as SidebarGroup
+};

package/dist/components/Sidebar/components/SidebarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { SidebarGroup } from './SidebarGroup';
+export { default } from './SidebarGroup';

package/dist/components/Sidebar/components/SidebarItem/SidebarItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),b=require("../../../../utils/cn.cjs"),u=require("../../../Icon/index.cjs"),r=require("../../Sidebar.const.cjs"),S=_=>{const{item:e,isActive:o,collapsed:i,depth:c=0,onClick:s}=_,[l,m]=d.useState(!1),t=e.children&&e.children.length>0,E=i?r.SIDEBAR_PADDING_BASE:r.SIDEBAR_PADDING_BASE+c*r.SIDEBAR_DEPTH_INDENT,I=d.useCallback(()=>{t&&m(n=>!n),e.onClick&&e.onClick(),s==null||s(e)},[t,e,s]),h=a.jsxs(a.Fragment,{children:[e.icon&&a.jsx("span",{className:"Bear-Sidebar__item-icon bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),!i&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"Bear-Sidebar__item-label bear-flex-1 bear-truncate",children:e.label}),e.badge&&a.jsx("span",{className:"Bear-Sidebar__item-badge bear-ml-auto",children:e.badge}),t&&a.jsx(u.ChevronDownIcon,{size:r.SIDEBAR_ICON_SIZE,className:b.cn("Bear-Sidebar__item-chevron bear-ml-1 bear-transition-transform bear-duration-200",l&&"bear-rotate-180")})]})]}),A=b.cn("Bear-Sidebar__item",r.SIDEBAR_ITEM_BASE_CLASSES,o?`Bear-Sidebar__item--active ${r.SIDEBAR_ITEM_ACTIVE_CLASSES}`:r.SIDEBAR_ITEM_INACTIVE_CLASSES,e.disabled&&`Bear-Sidebar__item--disabled ${r.SIDEBAR_ITEM_DISABLED_CLASSES}`,i&&"Bear-Sidebar__item--collapsed bear-justify-center"),B=e.href?"a":"button";return a.jsxs("div",{className:"Bear-Sidebar__item-wrapper",children:[a.jsx(B,{href:e.href,onClick:I,disabled:e.disabled,className:A,style:{paddingLeft:E},title:i?e.label:void 0,children:h}),t&&l&&!i&&a.jsx("div",{className:"Bear-Sidebar__children bear-mt-1",children:e.children.map(n=>a.jsx(S,{item:n,isActive:!1,collapsed:i,depth:c+1,onClick:s},n.id))})]})};exports.SidebarItem=S;

package/dist/components/Sidebar/components/SidebarItem/SidebarItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SidebarItemComponentProps } from '../../Sidebar.types';
+export declare const SidebarItem: FC<SidebarItemComponentProps>;
+export default SidebarItem;

package/dist/components/Sidebar/components/SidebarItem/SidebarItem.js

@@ -0,0 +1,66 @@
+import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
+import { useState as A, useCallback as f } from "react";
+import { cn as m } from "../../../../utils/cn.js";
+import { ChevronDownIcon as C } from "../../../Icon/index.js";
+import { SIDEBAR_ICON_SIZE as D, SIDEBAR_ITEM_DISABLED_CLASSES as N, SIDEBAR_ITEM_ACTIVE_CLASSES as u, SIDEBAR_ITEM_INACTIVE_CLASSES as v, SIDEBAR_ITEM_BASE_CLASSES as T, SIDEBAR_PADDING_BASE as o, SIDEBAR_DEPTH_INDENT as R } from "../../Sidebar.const.js";
+const g = (b) => {
+  const {
+    item: e,
+    isActive: _,
+    collapsed: r,
+    depth: l = 0,
+    onClick: i
+  } = b, [c, S] = A(!1), t = e.children && e.children.length > 0, h = r ? o : o + l * R, E = f(() => {
+    t && S((n) => !n), e.onClick && e.onClick(), i == null || i(e);
+  }, [t, e, i]), I = /* @__PURE__ */ s(d, { children: [
+    e.icon && /* @__PURE__ */ a("span", { className: "Bear-Sidebar__item-icon bear-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+    !r && /* @__PURE__ */ s(d, { children: [
+      /* @__PURE__ */ a("span", { className: "Bear-Sidebar__item-label bear-flex-1 bear-truncate", children: e.label }),
+      e.badge && /* @__PURE__ */ a("span", { className: "Bear-Sidebar__item-badge bear-ml-auto", children: e.badge }),
+      t && /* @__PURE__ */ a(
+        C,
+        {
+          size: D,
+          className: m(
+            "Bear-Sidebar__item-chevron bear-ml-1 bear-transition-transform bear-duration-200",
+            c && "bear-rotate-180"
+          )
+        }
+      )
+    ] })
+  ] }), B = m(
+    "Bear-Sidebar__item",
+    T,
+    _ ? `Bear-Sidebar__item--active ${u}` : v,
+    e.disabled && `Bear-Sidebar__item--disabled ${N}`,
+    r && "Bear-Sidebar__item--collapsed bear-justify-center"
+  ), p = e.href ? "a" : "button";
+  return /* @__PURE__ */ s("div", { className: "Bear-Sidebar__item-wrapper", children: [
+    /* @__PURE__ */ a(
+      p,
+      {
+        href: e.href,
+        onClick: E,
+        disabled: e.disabled,
+        className: B,
+        style: { paddingLeft: h },
+        title: r ? e.label : void 0,
+        children: I
+      }
+    ),
+    t && c && !r && /* @__PURE__ */ a("div", { className: "Bear-Sidebar__children bear-mt-1", children: e.children.map((n) => /* @__PURE__ */ a(
+      g,
+      {
+        item: n,
+        isActive: !1,
+        collapsed: r,
+        depth: l + 1,
+        onClick: i
+      },
+      n.id
+    )) })
+  ] });
+};
+export {
+  g as SidebarItem
+};

package/dist/components/Sidebar/components/SidebarItem/index.d.ts

@@ -0,0 +1,2 @@
+export { SidebarItem } from './SidebarItem';
+export { default } from './SidebarItem';

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

@@ -0,0 +1,2 @@
+export { SidebarItem } from './SidebarItem';
+export { SidebarGroup } from './SidebarGroup';

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

@@ -0,0 +1,5 @@
+export { Sidebar, default } from './Sidebar';
+export { SidebarGroup } from './components/SidebarGroup';
+export { SidebarItem } from './components/SidebarItem';
+export * from './Sidebar.types';
+export * from './Sidebar.const';

package/dist/components/SignPad/SignPad.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),_=require("../../utils/cn.cjs"),w=require("../Button/Button.cjs"),s=require("./SignPad.const.cjs"),V=y=>{const{onChange:r,width:P=s.SIGN_PAD_DEFAULT_WIDTH,height:A=s.SIGN_PAD_DEFAULT_HEIGHT,strokeColor:B,strokeWidth:b=s.SIGN_PAD_DEFAULT_STROKE_WIDTH,backgroundColor:O,placeholder:U=s.SIGN_PAD_DEFAULT_PLACEHOLDER,disabled:o=!1,readOnly:i=!1,showClear:I=!0,showSave:v=!1,clearText:M="Clear",saveText:j="Save",outputFormat:h=s.SIGN_PAD_DEFAULT_OUTPUT_FORMAT,outputQuality:D=s.SIGN_PAD_DEFAULT_OUTPUT_QUALITY,className:F,testId:H,id:K,...W}=y,l=a.useRef(null),[g,k]=a.useState(!1),[u,L]=a.useState(!1),[f,E]=a.useState(null),[T,q]=a.useState(!1);a.useEffect(()=>{const e=()=>{const n=document.documentElement.classList.contains("dark");q(n)};e();const t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>t.disconnect()},[]);const R=B||(T?s.SIGN_PAD_STROKE_DARK:s.SIGN_PAD_STROKE_LIGHT),S=O||(T?s.SIGN_PAD_BG_DARK:s.SIGN_PAD_BG_LIGHT);a.useEffect(()=>{const e=l.current;if(!e)return;const t=e.getContext("2d");t&&(e.width=P,e.height=A,t.fillStyle=S,t.fillRect(0,0,P,A))},[P,A,S,T]);const C=a.useCallback(e=>{const t=l.current;if(!t)return{x:0,y:0};const n=t.getBoundingClientRect(),d=t.width/n.width,G=t.height/n.height;if("touches"in e){const p=e.touches[0];return{x:(p.clientX-n.left)*d,y:(p.clientY-n.top)*G}}return{x:(e.clientX-n.left)*d,y:(e.clientY-n.top)*G}},[]),x=a.useCallback(e=>{if(o||i)return;const t=C(e);k(!0),E(t)},[o,i,C]),m=a.useCallback(e=>{if(!g||o||i)return;const t=l.current,n=t==null?void 0:t.getContext("2d");if(!t||!n||!f)return;const d=C(e);n.beginPath(),n.moveTo(f.x,f.y),n.lineTo(d.x,d.y),n.strokeStyle=R,n.lineWidth=b,n.lineCap="round",n.lineJoin="round",n.stroke(),E(d),L(!0)},[g,o,i,f,R,b,C]),N=a.useCallback(()=>{if(g&&u){const e=l.current;if(e&&r){const t=e.toDataURL(h,D);r(t)}}k(!1),E(null)},[g,u,r,h,D]),X=a.useCallback(()=>{const e=l.current,t=e==null?void 0:e.getContext("2d");!e||!t||(t.fillStyle=S==="transparent"?"rgba(0,0,0,0)":S,t.clearRect(0,0,e.width,e.height),t.fillRect(0,0,e.width,e.height),L(!1),r==null||r(null))},[S,r]),Y=a.useCallback(()=>{const e=l.current;if(!e||!u)return;const t=e.toDataURL(h,D);r==null||r(t)},[u,r,h,D]);return c.jsxs("div",{id:K,"data-testid":H,className:_.cn("Bear-SignPad",s.SIGN_PAD_ROOT_CLASSES,o&&"Bear-SignPad--disabled bear-opacity-50",i&&"Bear-SignPad--readonly",F),...W,children:[c.jsxs("div",{className:_.cn("Bear-SignPad__canvas-wrapper",s.SIGN_PAD_CANVAS_WRAPPER_CLASSES,!o&&!i&&s.SIGN_PAD_CANVAS_WRAPPER_HOVER,o&&"bear-cursor-not-allowed",!o&&!i&&"bear-cursor-crosshair"),children:[c.jsx("canvas",{ref:l,className:"Bear-SignPad__canvas bear-block bear-rounded-lg",style:{width:P,height:A},onMouseDown:x,onMouseMove:m,onMouseUp:N,onMouseLeave:N,onTouchStart:x,onTouchMove:m,onTouchEnd:N}),!u&&c.jsx("div",{className:_.cn("Bear-SignPad__placeholder",s.SIGN_PAD_PLACEHOLDER_CLASSES),children:U}),c.jsx("div",{className:_.cn("Bear-SignPad__line",s.SIGN_PAD_LINE_CLASSES)}),c.jsx("span",{className:_.cn("Bear-SignPad__x-mark",s.SIGN_PAD_X_MARK_CLASSES),children:"×"})]}),(I||v)&&c.jsxs("div",{className:_.cn("Bear-SignPad__actions",s.SIGN_PAD_ACTIONS_CLASSES),children:[I&&c.jsx(w.Button,{size:"sm",variant:"ghost",onClick:X,disabled:o||!u,children:M}),v&&c.jsx(w.Button,{size:"sm",variant:"primary",onClick:Y,disabled:o||!u,children:j})]})]})};exports.SignPad=V;

package/dist/components/SignPad/SignPad.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=400,e=200,A=2,S="Sign here",r="image/png",D=.92,a="#1f2937",b="#f3f4f6",t="#ffffff",P="#18181b",I="bear-inline-flex bear-flex-col bear-gap-2",E="bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600",o="hover:bear-border-pink-400 dark:hover:bear-border-pink-500",T="bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none",G="bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600",N="bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold",L="bear-flex bear-gap-2 bear-justify-end";exports.SIGN_PAD_ACTIONS_CLASSES=L;exports.SIGN_PAD_BG_DARK=P;exports.SIGN_PAD_BG_LIGHT=t;exports.SIGN_PAD_CANVAS_WRAPPER_CLASSES=E;exports.SIGN_PAD_CANVAS_WRAPPER_HOVER=o;exports.SIGN_PAD_DEFAULT_HEIGHT=e;exports.SIGN_PAD_DEFAULT_OUTPUT_FORMAT=r;exports.SIGN_PAD_DEFAULT_OUTPUT_QUALITY=D;exports.SIGN_PAD_DEFAULT_PLACEHOLDER=S;exports.SIGN_PAD_DEFAULT_STROKE_WIDTH=A;exports.SIGN_PAD_DEFAULT_WIDTH=_;exports.SIGN_PAD_LINE_CLASSES=G;exports.SIGN_PAD_PLACEHOLDER_CLASSES=T;exports.SIGN_PAD_ROOT_CLASSES=I;exports.SIGN_PAD_STROKE_DARK=b;exports.SIGN_PAD_STROKE_LIGHT=a;exports.SIGN_PAD_X_MARK_CLASSES=N;

package/dist/components/SignPad/SignPad.const.d.ts

@@ -0,0 +1,19 @@
+export declare const SIGN_PAD_DEFAULT_WIDTH = 400;
+export declare const SIGN_PAD_DEFAULT_HEIGHT = 200;
+export declare const SIGN_PAD_DEFAULT_STROKE_COLOR = "currentColor";
+export declare const SIGN_PAD_DEFAULT_STROKE_WIDTH = 2;
+export declare const SIGN_PAD_DEFAULT_BACKGROUND = "transparent";
+export declare const SIGN_PAD_DEFAULT_PLACEHOLDER = "Sign here";
+export declare const SIGN_PAD_DEFAULT_OUTPUT_FORMAT = "image/png";
+export declare const SIGN_PAD_DEFAULT_OUTPUT_QUALITY = 0.92;
+export declare const SIGN_PAD_STROKE_LIGHT = "#1f2937";
+export declare const SIGN_PAD_STROKE_DARK = "#f3f4f6";
+export declare const SIGN_PAD_BG_LIGHT = "#ffffff";
+export declare const SIGN_PAD_BG_DARK = "#18181b";
+export declare const SIGN_PAD_ROOT_CLASSES = "bear-inline-flex bear-flex-col bear-gap-2";
+export declare const SIGN_PAD_CANVAS_WRAPPER_CLASSES = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600";
+export declare const SIGN_PAD_CANVAS_WRAPPER_HOVER = "hover:bear-border-pink-400 dark:hover:bear-border-pink-500";
+export declare const SIGN_PAD_PLACEHOLDER_CLASSES = "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none";
+export declare const SIGN_PAD_LINE_CLASSES = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600";
+export declare const SIGN_PAD_X_MARK_CLASSES = "bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold";
+export declare const SIGN_PAD_ACTIONS_CLASSES = "bear-flex bear-gap-2 bear-justify-end";

package/dist/components/SignPad/SignPad.const.js

@@ -0,0 +1,20 @@
+const e = 400, r = 200, _ = 2, a = "Sign here", b = "image/png", t = 0.92, A = "#1f2937", o = "#f3f4f6", S = "#ffffff", n = "#18181b", D = "bear-inline-flex bear-flex-col bear-gap-2", s = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600", I = "hover:bear-border-pink-400 dark:hover:bear-border-pink-500", P = "bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center bear-text-gray-400 dark:bear-text-zinc-500 bear-text-sm bear-pointer-events-none", c = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600", E = "bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold", G = "bear-flex bear-gap-2 bear-justify-end";
+export {
+  G as SIGN_PAD_ACTIONS_CLASSES,
+  n as SIGN_PAD_BG_DARK,
+  S as SIGN_PAD_BG_LIGHT,
+  s as SIGN_PAD_CANVAS_WRAPPER_CLASSES,
+  I as SIGN_PAD_CANVAS_WRAPPER_HOVER,
+  r as SIGN_PAD_DEFAULT_HEIGHT,
+  b as SIGN_PAD_DEFAULT_OUTPUT_FORMAT,
+  t as SIGN_PAD_DEFAULT_OUTPUT_QUALITY,
+  a as SIGN_PAD_DEFAULT_PLACEHOLDER,
+  _ as SIGN_PAD_DEFAULT_STROKE_WIDTH,
+  e as SIGN_PAD_DEFAULT_WIDTH,
+  c as SIGN_PAD_LINE_CLASSES,
+  P as SIGN_PAD_PLACEHOLDER_CLASSES,
+  D as SIGN_PAD_ROOT_CLASSES,
+  o as SIGN_PAD_STROKE_DARK,
+  A as SIGN_PAD_STROKE_LIGHT,
+  E as SIGN_PAD_X_MARK_CLASSES
+};

package/dist/components/SignPad/SignPad.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { SignPadProps } from './SignPad.types';
+/**
+ * SignPad - Digital signature capture component
+ *
+ * @example
+ * ```tsx
+ * const [signature, setSignature] = useState<string | null>(null);
+ *
+ * <SignPad
+ *   onChange={setSignature}
+ *   placeholder="Sign here"
+ * />
+ * ```
+ */
+export declare const SignPad: FC<SignPadProps>;
+export default SignPad;

package/dist/components/SignPad/SignPad.js

@@ -0,0 +1,161 @@
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+import { useRef as J, useState as m, useEffect as y, useCallback as d } from "react";
+import { cn as _ } from "../../utils/cn.js";
+import { Button as O } from "../Button/Button.js";
+import { SIGN_PAD_DEFAULT_WIDTH as q, SIGN_PAD_DEFAULT_HEIGHT as Z, SIGN_PAD_DEFAULT_STROKE_WIDTH as $, SIGN_PAD_DEFAULT_PLACEHOLDER as tt, SIGN_PAD_DEFAULT_OUTPUT_FORMAT as et, SIGN_PAD_DEFAULT_OUTPUT_QUALITY as nt, SIGN_PAD_BG_DARK as rt, SIGN_PAD_BG_LIGHT as ot, SIGN_PAD_STROKE_DARK as at, SIGN_PAD_STROKE_LIGHT as st, SIGN_PAD_PLACEHOLDER_CLASSES as ct, SIGN_PAD_LINE_CLASSES as it, SIGN_PAD_X_MARK_CLASSES as lt, SIGN_PAD_CANVAS_WRAPPER_HOVER as dt, SIGN_PAD_CANVAS_WRAPPER_CLASSES as _t, SIGN_PAD_ACTIONS_CLASSES as ut, SIGN_PAD_ROOT_CLASSES as St } from "./SignPad.const.js";
+const gt = (U) => {
+  const {
+    onChange: r,
+    width: S = q,
+    height: A = Z,
+    strokeColor: B,
+    strokeWidth: p = $,
+    backgroundColor: M,
+    placeholder: F = tt,
+    disabled: o = !1,
+    readOnly: a = !1,
+    showClear: v = !0,
+    showSave: C = !1,
+    clearText: H = "Clear",
+    saveText: K = "Save",
+    outputFormat: h = et,
+    outputQuality: P = nt,
+    className: W,
+    testId: X,
+    id: Y,
+    ...V
+  } = U, s = J(null), [D, L] = m(!1), [c, R] = m(!1), [f, E] = m(null), [N, j] = m(!1);
+  y(() => {
+    const t = () => {
+      const n = document.documentElement.classList.contains("dark");
+      j(n);
+    };
+    t();
+    const e = new MutationObserver(t);
+    return e.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }), () => e.disconnect();
+  }, []);
+  const G = B || (N ? at : st), u = M || (N ? rt : ot);
+  y(() => {
+    const t = s.current;
+    if (!t) return;
+    const e = t.getContext("2d");
+    e && (t.width = S, t.height = A, e.fillStyle = u, e.fillRect(0, 0, S, A));
+  }, [S, A, u, N]);
+  const g = d((t) => {
+    const e = s.current;
+    if (!e) return { x: 0, y: 0 };
+    const n = e.getBoundingClientRect(), i = e.width / n.width, w = e.height / n.height;
+    if ("touches" in t) {
+      const x = t.touches[0];
+      return {
+        x: (x.clientX - n.left) * i,
+        y: (x.clientY - n.top) * w
+      };
+    }
+    return {
+      x: (t.clientX - n.left) * i,
+      y: (t.clientY - n.top) * w
+    };
+  }, []), b = d((t) => {
+    if (o || a) return;
+    const e = g(t);
+    L(!0), E(e);
+  }, [o, a, g]), k = d((t) => {
+    if (!D || o || a) return;
+    const e = s.current, n = e == null ? void 0 : e.getContext("2d");
+    if (!e || !n || !f) return;
+    const i = g(t);
+    n.beginPath(), n.moveTo(f.x, f.y), n.lineTo(i.x, i.y), n.strokeStyle = G, n.lineWidth = p, n.lineCap = "round", n.lineJoin = "round", n.stroke(), E(i), R(!0);
+  }, [D, o, a, f, G, p, g]), T = d(() => {
+    if (D && c) {
+      const t = s.current;
+      if (t && r) {
+        const e = t.toDataURL(h, P);
+        r(e);
+      }
+    }
+    L(!1), E(null);
+  }, [D, c, r, h, P]), z = d(() => {
+    const t = s.current, e = t == null ? void 0 : t.getContext("2d");
+    !t || !e || (e.fillStyle = u === "transparent" ? "rgba(0,0,0,0)" : u, e.clearRect(0, 0, t.width, t.height), e.fillRect(0, 0, t.width, t.height), R(!1), r == null || r(null));
+  }, [u, r]), Q = d(() => {
+    const t = s.current;
+    if (!t || !c) return;
+    const e = t.toDataURL(h, P);
+    r == null || r(e);
+  }, [c, r, h, P]);
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      id: Y,
+      "data-testid": X,
+      className: _(
+        "Bear-SignPad",
+        St,
+        o && "Bear-SignPad--disabled bear-opacity-50",
+        a && "Bear-SignPad--readonly",
+        W
+      ),
+      ...V,
+      children: [
+        /* @__PURE__ */ I(
+          "div",
+          {
+            className: _(
+              "Bear-SignPad__canvas-wrapper",
+              _t,
+              !o && !a && dt,
+              o && "bear-cursor-not-allowed",
+              !o && !a && "bear-cursor-crosshair"
+            ),
+            children: [
+              /* @__PURE__ */ l(
+                "canvas",
+                {
+                  ref: s,
+                  className: "Bear-SignPad__canvas bear-block bear-rounded-lg",
+                  style: { width: S, height: A },
+                  onMouseDown: b,
+                  onMouseMove: k,
+                  onMouseUp: T,
+                  onMouseLeave: T,
+                  onTouchStart: b,
+                  onTouchMove: k,
+                  onTouchEnd: T
+                }
+              ),
+              !c && /* @__PURE__ */ l("div", { className: _("Bear-SignPad__placeholder", ct), children: F }),
+              /* @__PURE__ */ l("div", { className: _("Bear-SignPad__line", it) }),
+              /* @__PURE__ */ l("span", { className: _("Bear-SignPad__x-mark", lt), children: "×" })
+            ]
+          }
+        ),
+        (v || C) && /* @__PURE__ */ I("div", { className: _("Bear-SignPad__actions", ut), children: [
+          v && /* @__PURE__ */ l(
+            O,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: z,
+              disabled: o || !c,
+              children: H
+            }
+          ),
+          C && /* @__PURE__ */ l(
+            O,
+            {
+              size: "sm",
+              variant: "primary",
+              onClick: Q,
+              disabled: o || !c,
+              children: K
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  gt as SignPad
+};

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

@@ -0,0 +1,37 @@
+import { HTMLAttributes } from 'react';
+export interface SignPadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Callback when signature changes - receives base64 image data */
+    onChange?: (signature: string | null) => void;
+    /** Width of the canvas */
+    width?: number;
+    /** Height of the canvas */
+    height?: number;
+    /** Stroke color */
+    strokeColor?: string;
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Background color */
+    backgroundColor?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Read-only state */
+    readOnly?: boolean;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Show save button */
+    showSave?: boolean;
+    /** Clear button text */
+    clearText?: string;
+    /** Save button text */
+    saveText?: string;
+    /** Output format */
+    outputFormat?: 'image/png' | 'image/jpeg' | 'image/webp';
+    /** Output quality (0-1 for jpeg/webp) */
+    outputQuality?: number;
+    /** Test ID */
+    testId?: string;
+    /** Unique ID */
+    id?: string;
+}

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

@@ -0,0 +1,3 @@
+export { SignPad, default } from './SignPad';
+export type { SignPadProps } from './SignPad.types';
+export * from './SignPad.const';

package/dist/components/Skeleton/Skeleton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn.cjs"),b={text:"bear-rounded",circular:"bear-rounded-full",rectangular:"bear-rounded-none",rounded:"bear-rounded-lg"},g={pulse:"bear-animate-pulse",wave:"bear-skeleton-wave",none:""},a=({variant:t="text",animation:r="pulse",width:s,height:d,count:l=1,gap:j=8,className:i,testId:o,style:m,...u})=>{const n={width:s||(t==="circular"?40:"100%"),height:(()=>{if(d)return d;switch(t){case"text":return"1em";case"circular":return s||40;default:return"auto"}})(),...m};return l>1&&t==="text"?e.jsx("div",{className:"bear-flex bear-flex-col",style:{gap:j},"data-testid":o,children:Array.from({length:l}).map((v,x)=>e.jsx("div",{className:c.cn("bear-bg-gray-200 dark:bear-bg-gray-700",b[t],g[r],i),style:{...n,width:x===l-1?"80%":n.width},...u},x))}):e.jsx("div",{className:c.cn("bear-bg-gray-200 dark:bear-bg-gray-700",b[t],g[r],i),style:n,"data-testid":o,...u})},h=({size:t=40,className:r})=>e.jsx(a,{variant:"circular",width:t,height:t,className:r}),S=({lines:t=3,width:r="100%",className:s})=>e.jsx(a,{variant:"text",count:t,width:r,className:s}),f=({className:t})=>e.jsxs("div",{className:c.cn("bear-p-4 bear-space-y-4",t),children:[e.jsx(a,{variant:"rectangular",height:200}),e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3",children:[e.jsx(h,{}),e.jsxs("div",{className:"bear-flex-1",children:[e.jsx(a,{variant:"text",width:"60%"}),e.jsx(a,{variant:"text",width:"40%",className:"bear-mt-2"})]})]}),e.jsx(S,{lines:3})]});exports.Skeleton=a;exports.SkeletonAvatar=h;exports.SkeletonCard=f;exports.SkeletonText=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),T=require("../../utils/cn.cjs"),d=require("./Skeleton.const.cjs"),_=()=>{const e="bear-skeleton-styles";if(typeof document<"u"&&!document.getElementById(e)){const t=document.createElement("style");t.id=e,t.textContent=d.SKELETON_WAVE_STYLES,document.head.appendChild(t)}},a=c.forwardRef(({variant:e="text",animation:t="pulse",width:l,height:s,borderRadius:n,count:i=1,gap:E=8,className:o,style:f,testId:y,...h},p)=>{c.useEffect(()=>{t==="wave"&&_()},[t]);const x=S=>{if(S!==void 0)return typeof S=="number"?`${S}px`:S},N={width:x(l),height:x(s)||(e==="text"?d.SKELETON_TEXT_HEIGHT:void 0),borderRadius:n?x(n):void 0,...f},k=T.cn(d.SKELETON_BASE_CLASSES,d.SKELETON_VARIANT_CLASSES[e],d.SKELETON_ANIMATION_CLASSES[t],d.SKELETON_BG_CLASSES,o);return i>1?r.jsx("div",{className:"Bear-Skeleton__group flex flex-col",style:{gap:x(E)},"data-testid":y,children:Array.from({length:i}).map((S,g)=>r.jsx("div",{ref:g===0?p:void 0,className:k,style:N,...h},g))}):r.jsx("div",{ref:p,className:k,style:N,"data-testid":y,...h})});a.displayName="Skeleton";const u=c.forwardRef(({lines:e=3,lastLineWidth:t="80%",gap:l=8,animation:s="pulse",...n},i)=>{c.useEffect(()=>{s==="wave"&&_()},[s]);const E=o=>{if(o!==void 0)return typeof o=="number"?`${o}px`:o};return r.jsx("div",{ref:i,className:"Bear-SkeletonText flex flex-col",style:{gap:E(l)},children:Array.from({length:e}).map((o,f)=>r.jsx(a,{variant:"text",animation:s,width:f===e-1?t:"100%",...n},f))})});u.displayName="SkeletonText";const m=c.forwardRef(({size:e="md",animation:t="pulse",...l},s)=>{const n=typeof e=="number"?e:d.SKELETON_AVATAR_SIZES[e];return r.jsx(a,{ref:s,variant:"circular",animation:t,width:n,height:n,...l})});m.displayName="SkeletonAvatar";const A=c.forwardRef(({animation:e="pulse",className:t,...l},s)=>r.jsxs("div",{ref:s,className:T.cn("Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",t),...l,children:[r.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[r.jsx(m,{animation:e}),r.jsxs("div",{className:"flex-1",children:[r.jsx(a,{animation:e,width:"60%",height:16,className:"mb-2"}),r.jsx(a,{animation:e,width:"40%",height:12})]})]}),r.jsx(u,{animation:e,lines:3})]}));A.displayName="SkeletonCard";exports.Skeleton=a;exports.SkeletonAvatar=m;exports.SkeletonCard=A;exports.SkeletonText=u;

package/dist/components/Skeleton/Skeleton.const.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Skeleton relative overflow-hidden",n={text:"rounded",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-lg"},a={pulse:"animate-pulse",wave:"Bear-Skeleton--wave",none:""},r="bg-gray-200 dark:bg-zinc-700",S=`
+  @keyframes Bear-Skeleton-wave {
+    0% {
+      transform: translateX(-100%);
+    }
+    50% {
+      transform: translateX(100%);
+    }
+    100% {
+      transform: translateX(100%);
+    }
+  }
+  
+  .Bear-Skeleton--wave::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    transform: translateX(-100%);
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.3),
+      transparent
+    );
+    animation: Bear-Skeleton-wave 1.6s linear 0.5s infinite;
+  }
+  
+  .dark .Bear-Skeleton--wave::after {
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.1),
+      transparent
+    );
+  }
+`,t="1em",E={sm:32,md:40,lg:56};exports.SKELETON_ANIMATION_CLASSES=a;exports.SKELETON_AVATAR_SIZES=E;exports.SKELETON_BASE_CLASSES=e;exports.SKELETON_BG_CLASSES=r;exports.SKELETON_TEXT_HEIGHT=t;exports.SKELETON_VARIANT_CLASSES=n;exports.SKELETON_WAVE_STYLES=S;

package/dist/components/Skeleton/Skeleton.const.d.ts

@@ -0,0 +1,12 @@
+import { SkeletonVariant, SkeletonAnimation } from './Skeleton.types';
+export declare const SKELETON_BASE_CLASSES = "Bear-Skeleton relative overflow-hidden";
+export declare const SKELETON_VARIANT_CLASSES: Record<SkeletonVariant, string>;
+export declare const SKELETON_ANIMATION_CLASSES: Record<SkeletonAnimation, string>;
+export declare const SKELETON_BG_CLASSES = "bg-gray-200 dark:bg-zinc-700";
+export declare const SKELETON_WAVE_STYLES = "\n  @keyframes Bear-Skeleton-wave {\n    0% {\n      transform: translateX(-100%);\n    }\n    50% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n  \n  .Bear-Skeleton--wave::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    transform: translateX(-100%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.3),\n      transparent\n    );\n    animation: Bear-Skeleton-wave 1.6s linear 0.5s infinite;\n  }\n  \n  .dark .Bear-Skeleton--wave::after {\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.1),\n      transparent\n    );\n  }\n";
+export declare const SKELETON_TEXT_HEIGHT = "1em";
+export declare const SKELETON_AVATAR_SIZES: {
+    sm: number;
+    md: number;
+    lg: number;
+};

package/dist/components/Skeleton/Skeleton.const.js

@@ -0,0 +1,58 @@
+const e = "Bear-Skeleton relative overflow-hidden", n = {
+  text: "rounded",
+  circular: "rounded-full",
+  rectangular: "rounded-none",
+  rounded: "rounded-lg"
+}, a = {
+  pulse: "animate-pulse",
+  wave: "Bear-Skeleton--wave",
+  none: ""
+}, r = "bg-gray-200 dark:bg-zinc-700", t = `
+  @keyframes Bear-Skeleton-wave {
+    0% {
+      transform: translateX(-100%);
+    }
+    50% {
+      transform: translateX(100%);
+    }
+    100% {
+      transform: translateX(100%);
+    }
+  }
+  
+  .Bear-Skeleton--wave::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    transform: translateX(-100%);
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.3),
+      transparent
+    );
+    animation: Bear-Skeleton-wave 1.6s linear 0.5s infinite;
+  }
+  
+  .dark .Bear-Skeleton--wave::after {
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.1),
+      transparent
+    );
+  }
+`, o = "1em", S = {
+  sm: 32,
+  md: 40,
+  lg: 56
+};
+export {
+  a as SKELETON_ANIMATION_CLASSES,
+  S as SKELETON_AVATAR_SIZES,
+  e as SKELETON_BASE_CLASSES,
+  r as SKELETON_BG_CLASSES,
+  o as SKELETON_TEXT_HEIGHT,
+  n as SKELETON_VARIANT_CLASSES,
+  t as SKELETON_WAVE_STYLES
+};

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,27 +1,18 @@
-import { FC } from 'react';
-import { SkeletonProps } from './Skeleton.types';
+import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps } from './Skeleton.types';
 /**
- * Skeleton component for loading placeholders
- *
- * @example
- * ```tsx
- * <Skeleton variant="text" width={200} />
- * <Skeleton variant="circular" width={40} height={40} />
- * <Skeleton variant="rectangular" width="100%" height={200} />
- * <Skeleton variant="text" count={3} />
- * ```
+ * Skeleton - Loading placeholder with animation
  */
-export declare const Skeleton: FC<SkeletonProps>;
-export declare const SkeletonAvatar: FC<{
-    size?: number;
-    className?: string;
-}>;
-export declare const SkeletonText: FC<{
-    lines?: number;
-    width?: number | string;
-    className?: string;
-}>;
-export declare const SkeletonCard: FC<{
-    className?: string;
-}>;
+export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * SkeletonText - Text placeholder with multiple lines
+ */
+export declare const SkeletonText: import('react').ForwardRefExoticComponent<SkeletonTextProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * SkeletonAvatar - Circular avatar placeholder
+ */
+export declare const SkeletonAvatar: import('react').ForwardRefExoticComponent<SkeletonAvatarProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * SkeletonCard - Card placeholder
+ */
+export declare const SkeletonCard: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Skeleton;