@forgedevstack/bear 1.2.8 → 1.3.0

package/dist/components/SignPad/SignPad.cjs

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=200,e=2,S="Sign here",A="image/png",r=.92,a="#1f2937",b="#f3f4f6",t="#ffffff",D="#18181b",P="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",I="hover:bear-border-primary-400 dark:hover:bear-border-primary-500",o="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",T="bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold",N="bear-flex bear-gap-2 bear-justify-end";exports.SIGN_PAD_ACTIONS_CLASSES=N;exports.SIGN_PAD_BG_DARK=D;exports.SIGN_PAD_BG_LIGHT=t;exports.SIGN_PAD_CANVAS_WRAPPER_CLASSES=E;exports.SIGN_PAD_CANVAS_WRAPPER_HOVER=I;exports.SIGN_PAD_DEFAULT_HEIGHT=_;exports.SIGN_PAD_DEFAULT_OUTPUT_FORMAT=A;exports.SIGN_PAD_DEFAULT_OUTPUT_QUALITY=r;exports.SIGN_PAD_DEFAULT_PLACEHOLDER=S;exports.SIGN_PAD_DEFAULT_STROKE_WIDTH=e;exports.SIGN_PAD_LINE_CLASSES=G;exports.SIGN_PAD_PLACEHOLDER_CLASSES=o;exports.SIGN_PAD_ROOT_CLASSES=P;exports.SIGN_PAD_STROKE_DARK=b;exports.SIGN_PAD_STROKE_LIGHT=a;exports.SIGN_PAD_X_MARK_CLASSES=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=200,S=2,A="Sign here",e="image/png",r=.92,I="#1f2937",D="#f3f4f6",P="#ffffff",t="#18181b",E="bear-inline-flex bear-flex-col bear-gap-2",N="bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600",a="hover:bear-border-primary-400 dark:hover:bear-border-primary-500",L="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",b="bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none",n="bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none",o="bear-flex bear-gap-2 bear-justify-end",G="bear-pointer-events-none",T="rgba(0,0,0,0)",R=0,s=1,O="dark",c="bear-dark",C={pointerEvents:"none"},U=2,d=Math.PI*2;exports.SIGN_PAD_ACTIONS_CLASSES=o;exports.SIGN_PAD_BEAR_DARK_CLASS=c;exports.SIGN_PAD_BG_DARK=t;exports.SIGN_PAD_BG_LIGHT=P;exports.SIGN_PAD_CANVAS_WRAPPER_CLASSES=N;exports.SIGN_PAD_CANVAS_WRAPPER_HOVER=a;exports.SIGN_PAD_DEFAULT_HEIGHT=_;exports.SIGN_PAD_DEFAULT_OUTPUT_FORMAT=e;exports.SIGN_PAD_DEFAULT_OUTPUT_QUALITY=r;exports.SIGN_PAD_DEFAULT_PLACEHOLDER=A;exports.SIGN_PAD_DEFAULT_STROKE_WIDTH=S;exports.SIGN_PAD_EMPTY_SIZE=R;exports.SIGN_PAD_FULL_CIRCLE_RADIANS=d;exports.SIGN_PAD_HTML_DARK_CLASS=O;exports.SIGN_PAD_LINE_CLASSES=b;exports.SIGN_PAD_OVERLAY_POINTER_CLASS=G;exports.SIGN_PAD_OVERLAY_STYLE=C;exports.SIGN_PAD_PLACEHOLDER_CLASSES=L;exports.SIGN_PAD_ROOT_CLASSES=E;exports.SIGN_PAD_STROKE_DARK=D;exports.SIGN_PAD_STROKE_LIGHT=I;exports.SIGN_PAD_STROKE_RADIUS_DIVISOR=U;exports.SIGN_PAD_TRANSPARENT_FILL=T;exports.SIGN_PAD_UNIT_SCALE=s;exports.SIGN_PAD_X_MARK_CLASSES=n;

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

@@ -14,6 +14,17 @@ export declare const SIGN_PAD_ROOT_CLASSES = "bear-inline-flex bear-flex-col bea
 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-primary-400 dark:hover:bear-border-primary-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_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 bear-pointer-events-none";
+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 bear-pointer-events-none";
 export declare const SIGN_PAD_ACTIONS_CLASSES = "bear-flex bear-gap-2 bear-justify-end";
+export declare const SIGN_PAD_OVERLAY_POINTER_CLASS = "bear-pointer-events-none";
+export declare const SIGN_PAD_TRANSPARENT_FILL = "rgba(0,0,0,0)";
+export declare const SIGN_PAD_EMPTY_SIZE = 0;
+export declare const SIGN_PAD_UNIT_SCALE = 1;
+export declare const SIGN_PAD_HTML_DARK_CLASS = "dark";
+export declare const SIGN_PAD_BEAR_DARK_CLASS = "bear-dark";
+export declare const SIGN_PAD_OVERLAY_STYLE: {
+    pointerEvents: "none";
+};
+export declare const SIGN_PAD_STROKE_RADIUS_DIVISOR = 2;
+export declare const SIGN_PAD_FULL_CIRCLE_RADIANS: number;

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

@@ -1,19 +1,28 @@
-const e = 200, r = 2, a = "Sign here", b = "image/png", _ = 0.92, t = "#1f2937", o = "#f3f4f6", A = "#ffffff", S = "#18181b", n = "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", D = "hover:bear-border-primary-400 dark:hover:bear-border-primary-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", I = "bear-flex bear-gap-2 bear-justify-end";
+const e = 200, r = 2, _ = "Sign here", t = "image/png", a = 0.92, A = "#1f2937", S = "#f3f4f6", b = "#ffffff", n = "#18181b", o = "bear-inline-flex bear-flex-col bear-gap-2", I = "bear-relative bear-rounded-lg bear-border-2 bear-border-dashed bear-border-gray-300 dark:bear-border-zinc-600", D = "hover:bear-border-primary-400 dark:hover:bear-border-primary-500", s = "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", P = "bear-absolute bear-bottom-8 bear-left-4 bear-right-4 bear-border-b bear-border-gray-300 dark:bear-border-zinc-600 bear-pointer-events-none", E = "bear-absolute bear-bottom-6 bear-left-4 bear-text-gray-400 dark:bear-text-zinc-500 bear-text-lg bear-font-bold bear-pointer-events-none", N = "bear-flex bear-gap-2 bear-justify-end", c = "bear-pointer-events-none", L = "rgba(0,0,0,0)", G = 0, R = 1, T = "dark", d = "bear-dark", i = { pointerEvents: "none" }, f = 2, C = Math.PI * 2;
 export {
-  I as SIGN_PAD_ACTIONS_CLASSES,
-  S as SIGN_PAD_BG_DARK,
-  A as SIGN_PAD_BG_LIGHT,
-  s as SIGN_PAD_CANVAS_WRAPPER_CLASSES,
+  N as SIGN_PAD_ACTIONS_CLASSES,
+  d as SIGN_PAD_BEAR_DARK_CLASS,
+  n as SIGN_PAD_BG_DARK,
+  b as SIGN_PAD_BG_LIGHT,
+  I as SIGN_PAD_CANVAS_WRAPPER_CLASSES,
   D as SIGN_PAD_CANVAS_WRAPPER_HOVER,
   e as SIGN_PAD_DEFAULT_HEIGHT,
-  b as SIGN_PAD_DEFAULT_OUTPUT_FORMAT,
-  _ as SIGN_PAD_DEFAULT_OUTPUT_QUALITY,
-  a as SIGN_PAD_DEFAULT_PLACEHOLDER,
+  t as SIGN_PAD_DEFAULT_OUTPUT_FORMAT,
+  a as SIGN_PAD_DEFAULT_OUTPUT_QUALITY,
+  _ as SIGN_PAD_DEFAULT_PLACEHOLDER,
   r as SIGN_PAD_DEFAULT_STROKE_WIDTH,
-  c as SIGN_PAD_LINE_CLASSES,
-  P as SIGN_PAD_PLACEHOLDER_CLASSES,
-  n as SIGN_PAD_ROOT_CLASSES,
-  o as SIGN_PAD_STROKE_DARK,
-  t as SIGN_PAD_STROKE_LIGHT,
+  G as SIGN_PAD_EMPTY_SIZE,
+  C as SIGN_PAD_FULL_CIRCLE_RADIANS,
+  T as SIGN_PAD_HTML_DARK_CLASS,
+  P as SIGN_PAD_LINE_CLASSES,
+  c as SIGN_PAD_OVERLAY_POINTER_CLASS,
+  i as SIGN_PAD_OVERLAY_STYLE,
+  s as SIGN_PAD_PLACEHOLDER_CLASSES,
+  o as SIGN_PAD_ROOT_CLASSES,
+  S as SIGN_PAD_STROKE_DARK,
+  A as SIGN_PAD_STROKE_LIGHT,
+  f as SIGN_PAD_STROKE_RADIUS_DIVISOR,
+  L as SIGN_PAD_TRANSPARENT_FILL,
+  R as SIGN_PAD_UNIT_SCALE,
   E as SIGN_PAD_X_MARK_CLASSES
 };

package/dist/components/SignPad/SignPad.js

@@ -1,159 +1,165 @@
-import { jsxs as T, jsx as d } from "react/jsx-runtime";
-import { useRef as p, useState as B, useEffect as D, useCallback as l } from "react";
-import { cn as _ } from "../../utils/cn.js";
-import { Button as M } from "../Button/Button.js";
-import { SIGN_PAD_DEFAULT_HEIGHT as q, SIGN_PAD_DEFAULT_STROKE_WIDTH as Z, SIGN_PAD_DEFAULT_PLACEHOLDER as $, SIGN_PAD_DEFAULT_OUTPUT_FORMAT as ee, SIGN_PAD_DEFAULT_OUTPUT_QUALITY as te, SIGN_PAD_BG_DARK as re, SIGN_PAD_BG_LIGHT as ne, SIGN_PAD_STROKE_DARK as oe, SIGN_PAD_STROKE_LIGHT as se, SIGN_PAD_PLACEHOLDER_CLASSES as ae, SIGN_PAD_LINE_CLASSES as ce, SIGN_PAD_X_MARK_CLASSES as ie, SIGN_PAD_CANVAS_WRAPPER_HOVER as le, SIGN_PAD_CANVAS_WRAPPER_CLASSES as ue, SIGN_PAD_ACTIONS_CLASSES as de, SIGN_PAD_ROOT_CLASSES as _e } from "./SignPad.const.js";
-const Pe = (U) => {
+import { jsxs as T, jsx as l } from "react/jsx-runtime";
+import { useRef as f, useState as F, useEffect as b, useCallback as i } from "react";
+import { cn as u } from "../../utils/cn.js";
+import { Button as H } from "../Button/Button.js";
+import { SIGN_PAD_DEFAULT_HEIGHT as re, SIGN_PAD_DEFAULT_STROKE_WIDTH as te, SIGN_PAD_DEFAULT_PLACEHOLDER as ne, SIGN_PAD_DEFAULT_OUTPUT_FORMAT as ae, SIGN_PAD_DEFAULT_OUTPUT_QUALITY as se, SIGN_PAD_BG_DARK as oe, SIGN_PAD_BG_LIGHT as ce, SIGN_PAD_EMPTY_SIZE as o, SIGN_PAD_STROKE_DARK as ie, SIGN_PAD_STROKE_LIGHT as le, SIGN_PAD_OVERLAY_STYLE as L, SIGN_PAD_OVERLAY_POINTER_CLASS as G, SIGN_PAD_PLACEHOLDER_CLASSES as ue, SIGN_PAD_LINE_CLASSES as _e, SIGN_PAD_X_MARK_CLASSES as de, SIGN_PAD_CANVAS_WRAPPER_HOVER as Se, SIGN_PAD_CANVAS_WRAPPER_CLASSES as fe, SIGN_PAD_ACTIONS_CLASSES as Ae, SIGN_PAD_ROOT_CLASSES as Pe } from "./SignPad.const.js";
+import { fillCanvasBackground as De, resolveDrawClientPoint as ve, getCanvasPoint as he, strokeCanvasDot as Ee, strokeCanvasSegment as Ne, isDocumentDarkMode as me, syncCanvasSize as pe } from "./SignPad.utils.js";
+const Le = (K) => {
   const {
-    onChange: o,
+    onChange: n,
     width: w,
-    height: m = q,
-    strokeColor: F,
-    strokeWidth: C = Z,
-    backgroundColor: H,
-    placeholder: K = $,
-    disabled: n = !1,
-    readOnly: s = !1,
-    showClear: L = !0,
-    showSave: R = !1,
+    height: C = re,
+    strokeColor: z,
+    strokeWidth: A = te,
+    backgroundColor: V,
+    placeholder: Y = ne,
+    disabled: a = !1,
+    readOnly: c = !1,
+    showClear: k = !0,
+    showSave: O = !1,
     clearText: W = "Clear",
-    saveText: z = "Save",
-    outputFormat: f = ee,
-    outputQuality: v = te,
-    className: X,
-    testId: Y,
-    ...V
-  } = U, a = p(null), I = p(null), A = p(null), P = p(!1), [h, G] = B(!1), [E, j] = B(!1);
-  D(() => {
+    saveText: j = "Save",
+    outputFormat: P = ae,
+    outputQuality: D = se,
+    className: Q,
+    testId: X,
+    ...Z
+  } = K, s = f(null), M = f(null), v = f(null), h = f(!1), _ = f(!1), [d, I] = F(!1), [g, q] = F(!1);
+  b(() => {
     const e = () => {
-      j(document.documentElement.classList.contains("dark"));
+      q(me());
     };
     e();
-    const t = new MutationObserver(e);
-    return t.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }), () => t.disconnect();
+    const r = new MutationObserver(e);
+    return r.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }), () => r.disconnect();
   }, []);
-  const k = F || (E ? oe : se), b = H || (E ? re : ne), u = l(() => {
-    const e = a.current, t = e == null ? void 0 : e.getContext("2d");
-    !e || !t || (t.fillStyle = b === "transparent" ? "rgba(0,0,0,0)" : b, t.fillRect(0, 0, e.width, e.height));
-  }, [b]);
-  D(() => {
-    const e = a.current, t = I.current;
-    if (!e || !t) return;
-    const r = () => {
-      const i = t.getBoundingClientRect(), S = w ?? Math.round(i.width), y = m;
-      (e.width !== S || e.height !== y) && (e.width = S, e.height = y, u());
+  const E = z || (g ? ie : le), N = V || (g ? oe : ce), m = i(() => {
+    const e = s.current;
+    e && De(e, N);
+  }, [N]);
+  b(() => {
+    const e = s.current, r = M.current;
+    if (!e || !r) return;
+    const t = () => {
+      const ee = r.getBoundingClientRect(), U = w ?? Math.round(ee.width), x = C;
+      U <= o || x <= o || pe(e, U, x, N, _.current);
     };
-    r();
-    const c = new ResizeObserver(r);
-    return c.observe(t), () => c.disconnect();
-  }, [w, m, u]), D(() => {
-    u();
-  }, [u, E]), D(() => {
-    const e = a.current;
-    if (!e || n || s) return;
-    const t = (r) => r.preventDefault();
-    return e.addEventListener("touchstart", t, { passive: !1 }), e.addEventListener("touchmove", t, { passive: !1 }), () => {
-      e.removeEventListener("touchstart", t), e.removeEventListener("touchmove", t);
-    };
-  }, [n, s]);
-  const g = l((e) => {
-    const t = a.current;
-    if (!t) return { x: 0, y: 0 };
-    const r = t.getBoundingClientRect(), c = t.width / r.width, i = t.height / r.height;
-    if ("touches" in e) {
-      const S = e.touches[0];
-      return {
-        x: (S.clientX - r.left) * c,
-        y: (S.clientY - r.top) * i
-      };
-    }
-    return {
-      x: (e.clientX - r.left) * c,
-      y: (e.clientY - r.top) * i
-    };
-  }, []), x = l((e) => {
-    if (n || s) return;
-    const t = g(e);
-    P.current = !0, A.current = t;
-  }, [n, s, g]), O = l((e) => {
-    if (!P.current || n || s) return;
-    const t = a.current, r = t == null ? void 0 : t.getContext("2d"), c = A.current;
-    if (!t || !r || !c) return;
-    const i = g(e);
-    r.beginPath(), r.moveTo(c.x, c.y), r.lineTo(i.x, i.y), r.strokeStyle = k, r.lineWidth = C, r.lineCap = "round", r.lineJoin = "round", r.stroke(), A.current = i, G(!0);
-  }, [n, s, k, C, g]), N = l(() => {
-    if (P.current) {
-      const e = a.current;
-      if (e && o) {
-        const t = e.toDataURL(f, v);
-        o(t);
+    t();
+    const S = new ResizeObserver(t);
+    return S.observe(r), () => S.disconnect();
+  }, [w, C, N]), b(() => {
+    _.current || m();
+  }, [m, g]);
+  const p = i((e) => {
+    const r = s.current;
+    if (!r) return { x: o, y: o };
+    const t = ve(e);
+    return t ? he(r, t.x, t.y) : { x: o, y: o };
+  }, []), y = i((e) => {
+    if (a || c) return;
+    e.preventDefault();
+    const r = s.current, t = p(e);
+    h.current = !0, v.current = t, r && (Ee(r, t, E, A), _.current = !0, I(!0));
+  }, [a, c, p, E, A]), B = i((e) => {
+    if (!h.current || a || c) return;
+    e.preventDefault();
+    const r = s.current, t = v.current;
+    if (!r || !t) return;
+    const S = p(e);
+    Ne(r, t, S, E, A), v.current = S, _.current = !0, I(!0);
+  }, [a, c, E, A, p]), R = i(() => {
+    if (h.current) {
+      const e = s.current;
+      if (e && n) {
+        const r = e.toDataURL(P, D);
+        n(r);
       }
     }
-    P.current = !1, A.current = null;
-  }, [o, f, v]), Q = l(() => {
-    const e = a.current, t = e == null ? void 0 : e.getContext("2d");
-    !e || !t || (t.clearRect(0, 0, e.width, e.height), u(), G(!1), o == null || o(null));
-  }, [u, o]), J = l(() => {
-    const e = a.current;
-    if (!e || !h) return;
-    const t = e.toDataURL(f, v);
-    o == null || o(t);
-  }, [h, o, f, v]);
+    h.current = !1, v.current = null;
+  }, [n, P, D]), J = i(() => {
+    const e = s.current, r = e == null ? void 0 : e.getContext("2d");
+    !e || !r || (r.clearRect(o, o, e.width, e.height), m(), _.current = !1, I(!1), n == null || n(null));
+  }, [m, n]), $ = i(() => {
+    const e = s.current;
+    if (!e || !d) return;
+    const r = e.toDataURL(P, D);
+    n == null || n(r);
+  }, [d, n, P, D]);
   return /* @__PURE__ */ T(
     "div",
     {
-      "data-testid": Y,
-      className: _(
+      "data-testid": X,
+      className: u(
         "Bear-SignPad bear-w-full",
-        _e,
-        n && "Bear-SignPad--disabled bear-opacity-50",
-        s && "Bear-SignPad--readonly",
-        X
+        Pe,
+        a && "Bear-SignPad--disabled bear-opacity-50",
+        c && "Bear-SignPad--readonly",
+        Q
       ),
-      ...V,
+      ...Z,
       children: [
         /* @__PURE__ */ T(
           "div",
           {
-            ref: I,
-            className: _(
+            ref: M,
+            className: u(
               "Bear-SignPad__canvas-wrapper bear-w-full bear-overflow-hidden",
               "bear-touch-none",
-              ue,
-              !n && !s && le,
-              n && "bear-cursor-not-allowed",
-              !n && !s && "bear-cursor-crosshair"
+              fe,
+              !a && !c && Se,
+              a && "bear-cursor-not-allowed",
+              !a && !c && "bear-cursor-crosshair"
             ),
+            onMouseDown: y,
+            onMouseMove: B,
+            onMouseUp: R,
+            onMouseLeave: R,
+            onTouchStart: y,
+            onTouchMove: B,
+            onTouchEnd: R,
             children: [
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ l(
                 "canvas",
                 {
-                  ref: a,
+                  ref: s,
                   className: "Bear-SignPad__canvas bear-block bear-rounded-lg bear-w-full bear-touch-none",
-                  style: { height: m },
-                  onMouseDown: x,
-                  onMouseMove: O,
-                  onMouseUp: N,
-                  onMouseLeave: N,
-                  onTouchStart: x,
-                  onTouchMove: O,
-                  onTouchEnd: N
+                  style: { height: C }
+                }
+              ),
+              !d && /* @__PURE__ */ l(
+                "div",
+                {
+                  className: u("Bear-SignPad__placeholder", ue, G),
+                  style: L,
+                  children: Y
                 }
               ),
-              !h && /* @__PURE__ */ d("div", { className: _("Bear-SignPad__placeholder", ae), children: K }),
-              /* @__PURE__ */ d("div", { className: _("Bear-SignPad__line", ce) }),
-              /* @__PURE__ */ d("span", { className: _("Bear-SignPad__x-mark", ie), children: "×" })
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  className: u("Bear-SignPad__line", _e, G),
+                  style: L
+                }
+              ),
+              /* @__PURE__ */ l(
+                "span",
+                {
+                  className: u("Bear-SignPad__x-mark", de, G),
+                  style: L,
+                  children: "×"
+                }
+              )
             ]
           }
         ),
-        (L || R) && /* @__PURE__ */ T("div", { className: _("Bear-SignPad__actions", de), children: [
-          L && /* @__PURE__ */ d(M, { size: "sm", variant: "ghost", onClick: Q, disabled: n || !h, children: W }),
-          R && /* @__PURE__ */ d(M, { size: "sm", variant: "primary", onClick: J, disabled: n || !h, children: z })
+        (k || O) && /* @__PURE__ */ T("div", { className: u("Bear-SignPad__actions", Ae), children: [
+          k && /* @__PURE__ */ l(H, { size: "sm", variant: "ghost", onClick: J, disabled: a || !d, children: W }),
+          O && /* @__PURE__ */ l(H, { size: "sm", variant: "primary", onClick: $, disabled: a || !d, children: j })
         ] })
       ]
     }
   );
 };
 export {
-  Pe as SignPad
+  Le as SignPad
 };

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

@@ -1,4 +1,5 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, MouseEvent, TouchEvent } from 'react';
+export type SignPadDrawEvent = MouseEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>;
 export interface SignPadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Callback when signature changes - receives base64 image data */
     onChange?: (signature: string | null) => void;

package/dist/components/SignPad/SignPad.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SignPad.const.cjs"),c=t=>t==="transparent"?e.SIGN_PAD_TRANSPARENT_FILL:t,I=(t,i)=>{const n=t.getContext("2d");n&&(n.fillStyle=c(i),n.fillRect(e.SIGN_PAD_EMPTY_SIZE,e.SIGN_PAD_EMPTY_SIZE,t.width,t.height))},P=(t,i,n,_,s)=>{var l,r;if(t.width===i&&t.height===n)return;const o=s&&t.width>e.SIGN_PAD_EMPTY_SIZE&&t.height>e.SIGN_PAD_EMPTY_SIZE,S=document.createElement("canvas");o&&(S.width=t.width,S.height=t.height,(l=S.getContext("2d"))==null||l.drawImage(t,e.SIGN_PAD_EMPTY_SIZE,e.SIGN_PAD_EMPTY_SIZE)),t.width=i,t.height=n,I(t,_),o&&((r=t.getContext("2d"))==null||r.drawImage(S,e.SIGN_PAD_EMPTY_SIZE,e.SIGN_PAD_EMPTY_SIZE,i,n))},h=(t,i,n)=>{const _=t.getBoundingClientRect(),s=_.width===e.SIGN_PAD_EMPTY_SIZE?e.SIGN_PAD_UNIT_SCALE:t.width/_.width,o=_.height===e.SIGN_PAD_EMPTY_SIZE?e.SIGN_PAD_UNIT_SCALE:t.height/_.height;return{x:(i-_.left)*s,y:(n-_.top)*o}},u=(t,i,n,_,s)=>{const o=t.getContext("2d");o&&(o.beginPath(),o.moveTo(i.x,i.y),o.lineTo(n.x,n.y),o.strokeStyle=_,o.lineWidth=s,o.lineCap="round",o.lineJoin="round",o.stroke())},E=(t,i,n,_)=>{const s=t.getContext("2d");s&&(s.beginPath(),s.fillStyle=n,s.arc(i.x,i.y,_/e.SIGN_PAD_STROKE_RADIUS_DIVISOR,e.SIGN_PAD_EMPTY_SIZE,e.SIGN_PAD_FULL_CIRCLE_RADIANS),s.fill())},D=t=>t.touches&&t.touches.length>e.SIGN_PAD_EMPTY_SIZE?{x:t.touches[0].clientX,y:t.touches[0].clientY}:t.changedTouches&&t.changedTouches.length>e.SIGN_PAD_EMPTY_SIZE?{x:t.changedTouches[0].clientX,y:t.changedTouches[0].clientY}:typeof t.clientX=="number"&&typeof t.clientY=="number"?{x:t.clientX,y:t.clientY}:null,d=()=>{const t=document.documentElement.classList;return t.contains(e.SIGN_PAD_HTML_DARK_CLASS)||t.contains(e.SIGN_PAD_BEAR_DARK_CLASS)};exports.fillCanvasBackground=I;exports.getCanvasPoint=h;exports.isDocumentDarkMode=d;exports.resolveCanvasFill=c;exports.resolveDrawClientPoint=D;exports.strokeCanvasDot=E;exports.strokeCanvasSegment=u;exports.syncCanvasSize=P;

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

@@ -0,0 +1,34 @@
+export declare const resolveCanvasFill: (backgroundColor: string) => string;
+export declare const fillCanvasBackground: (canvas: HTMLCanvasElement, backgroundColor: string) => void;
+export declare const syncCanvasSize: (canvas: HTMLCanvasElement, width: number, height: number, backgroundColor: string, preserve: boolean) => void;
+export declare const getCanvasPoint: (canvas: HTMLCanvasElement, clientX: number, clientY: number) => {
+    x: number;
+    y: number;
+};
+export declare const strokeCanvasSegment: (canvas: HTMLCanvasElement, from: {
+    x: number;
+    y: number;
+}, to: {
+    x: number;
+    y: number;
+}, strokeColor: string, strokeWidth: number) => void;
+export declare const strokeCanvasDot: (canvas: HTMLCanvasElement, point: {
+    x: number;
+    y: number;
+}, strokeColor: string, strokeWidth: number) => void;
+export declare const resolveDrawClientPoint: (event: {
+    clientX?: number;
+    clientY?: number;
+    touches?: ArrayLike<{
+        clientX: number;
+        clientY: number;
+    }>;
+    changedTouches?: ArrayLike<{
+        clientX: number;
+        clientY: number;
+    }>;
+}) => {
+    x: number;
+    y: number;
+} | null;
+export declare const isDocumentDarkMode: () => boolean;

package/dist/components/SignPad/SignPad.utils.js

@@ -0,0 +1,42 @@
+import { SIGN_PAD_EMPTY_SIZE as o, SIGN_PAD_UNIT_SCALE as u, SIGN_PAD_STROKE_RADIUS_DIVISOR as d, SIGN_PAD_FULL_CIRCLE_RADIANS as g, SIGN_PAD_HTML_DARK_CLASS as _, SIGN_PAD_BEAR_DARK_CLASS as S, SIGN_PAD_TRANSPARENT_FILL as A } from "./SignPad.const.js";
+const C = (t) => t === "transparent" ? A : t, f = (t, i) => {
+  const e = t.getContext("2d");
+  e && (e.fillStyle = C(i), e.fillRect(o, o, t.width, t.height));
+}, x = (t, i, e, c, l) => {
+  var s, h;
+  if (t.width === i && t.height === e)
+    return;
+  const n = l && t.width > o && t.height > o, r = document.createElement("canvas");
+  n && (r.width = t.width, r.height = t.height, (s = r.getContext("2d")) == null || s.drawImage(t, o, o)), t.width = i, t.height = e, f(t, c), n && ((h = t.getContext("2d")) == null || h.drawImage(r, o, o, i, e));
+}, D = (t, i, e) => {
+  const c = t.getBoundingClientRect(), l = c.width === o ? u : t.width / c.width, n = c.height === o ? u : t.height / c.height;
+  return {
+    x: (i - c.left) * l,
+    y: (e - c.top) * n
+  };
+}, P = (t, i, e, c, l) => {
+  const n = t.getContext("2d");
+  n && (n.beginPath(), n.moveTo(i.x, i.y), n.lineTo(e.x, e.y), n.strokeStyle = c, n.lineWidth = l, n.lineCap = "round", n.lineJoin = "round", n.stroke());
+}, m = (t, i, e, c) => {
+  const l = t.getContext("2d");
+  l && (l.beginPath(), l.fillStyle = e, l.arc(
+    i.x,
+    i.y,
+    c / d,
+    o,
+    g
+  ), l.fill());
+}, y = (t) => t.touches && t.touches.length > o ? { x: t.touches[0].clientX, y: t.touches[0].clientY } : t.changedTouches && t.changedTouches.length > o ? { x: t.changedTouches[0].clientX, y: t.changedTouches[0].clientY } : typeof t.clientX == "number" && typeof t.clientY == "number" ? { x: t.clientX, y: t.clientY } : null, R = () => {
+  const t = document.documentElement.classList;
+  return t.contains(_) || t.contains(S);
+};
+export {
+  f as fillCanvasBackground,
+  D as getCanvasPoint,
+  R as isDocumentDarkMode,
+  C as resolveCanvasFill,
+  y as resolveDrawClientPoint,
+  m as strokeCanvasDot,
+  P as strokeCanvasSegment,
+  x as syncCanvasSize
+};

package/dist/components/Snackbar/Snackbar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),K=require("react-dom"),w=require("../../utils/cn.cjs");require("react");const z=require("../../utils/generateBearId.utils.cjs"),L=require("../../utils/useBearId.cjs"),U=require("../../utils/liveRegion.utils.cjs"),X=require("../Paper/Paper.cjs"),d=require("../Flex/Flex.cjs"),B=require("../Typography/Typography.cjs"),Z=require("../Progress/Progress.cjs"),H=require("../CloseButton/CloseButton.cjs"),s=require("./Snackbar.const.cjs"),M=require("./hooks/useSnackbar.cjs"),G=(i,a,o,t)=>{const e={zIndex:s.SNACKBAR_Z_INDEX};return i==="top"?e.top=t:e.bottom=t,a==="left"?(e.left=o,e.right="auto"):a==="right"?(e.right=o,e.left="auto"):(e.left="50%",e.right="auto",e.transform="translateX(-50%)"),e},V=i=>{const{open:a,message:o,description:t,severity:e="default",action:u,autoHideDuration:h=s.SNACKBAR_DEFAULT_AUTO_HIDE_MS,onClose:c,anchorOrigin:b={vertical:"bottom",horizontal:"center"},offsetX:A=s.SNACKBAR_DEFAULT_OFFSET_X,offsetY:x=s.SNACKBAR_DEFAULT_OFFSET_Y,size:C="md",progress:N=null,progressPosition:_="bottom",progressColor:k="default",countdownProgress:v=!1,showCloseButton:y,closeOnClickOutside:R,container:q,id:I,testId:O,className:D}=i,F=L.useBearId("Snackbar"),P=z.resolveBearId(I,F),g=q??(typeof document<"u"?document.body:null),n=!!c,j=y??n,S=R??n,{surfaceRef:E,progressValue:m}=M.useSnackbar({open:a,autoHideDuration:h,onClose:c,countdownProgress:v,staticProgress:N,closeOnClickOutside:S});if(!a||!g)return null;const p=U.getBearLiveRegionProps(e),l=typeof m=="number",f=l?r.jsx(Z.Progress,{value:m,size:"sm",color:k,className:"Bear-Snackbar__progress"}):null,T=r.jsxs(r.Fragment,{children:[S&&n&&r.jsx("div",{className:"Bear-Snackbar__backdrop bear-fixed bear-inset-0",style:{zIndex:s.SNACKBAR_BACKDROP_Z_INDEX},"aria-hidden":!0}),r.jsxs(X.Paper,{ref:E,id:P,"data-testid":O,role:p.role,"aria-live":p["aria-live"],elevation:4,rounded:"lg",padding:"none",background:"transparent",className:w.cn(s.SNACKBAR_ROOT_CLASS,s.SNACKBAR_SURFACE_CLASSES,"bear-fixed bear-flex bear-flex-col bear-overflow-hidden","bear-border bear-border-[var(--bear-border-default)]",s.SNACKBAR_SIZE_PADDING[C],D),style:G(b.vertical,b.horizontal,A,x),children:[l&&_==="top"&&f,r.jsxs(d.Flex,{className:"Bear-Snackbar__content bear-w-full",align:"center",gap:3,children:[r.jsxs(d.Flex,{direction:"column",className:"Bear-Snackbar__text bear-flex-1 bear-min-w-0",gap:1,children:[o&&r.jsx(B.Typography,{variant:"body2",className:"Bear-Snackbar__message",children:o}),t&&r.jsx(B.Typography,{variant:"caption",color:"muted",className:"Bear-Snackbar__description",children:t})]}),u&&r.jsx(d.Flex,{className:"Bear-Snackbar__action bear-shrink-0",align:"center",children:u}),j&&n&&r.jsx(H.CloseButton,{size:"sm",onClick:c,"aria-label":"Dismiss notification",className:"Bear-Snackbar__close bear-shrink-0"})]}),l&&_==="bottom"&&f]})]});return K.createPortal(T,g)};exports.Snackbar=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),j=require("react-dom"),L=require("../../utils/cn.cjs");require("react");const w=require("../../utils/generateBearId.utils.cjs"),z=require("../../utils/useBearId.cjs"),U=require("../../utils/liveRegion.utils.cjs"),X=require("../Paper/Paper.cjs"),u=require("../Flex/Flex.cjs"),C=require("../Typography/Typography.cjs"),M=require("../Progress/Progress.cjs"),Z=require("../CloseButton/CloseButton.cjs"),r=require("./Snackbar.const.cjs"),G=require("./hooks/useSnackbar.cjs"),H=(i,o,a,t)=>{const e={zIndex:r.SNACKBAR_Z_INDEX};return i==="top"?e.top=t:e.bottom=t,o==="left"?(e.left=a,e.right="auto"):o==="right"?(e.right=a,e.left="auto"):(e.left="50%",e.right="auto",e.transform="translateX(-50%)"),e},V=i=>{const{open:o,message:a,description:t,severity:e="default",action:d,autoHideDuration:p=r.SNACKBAR_DEFAULT_AUTO_HIDE_MS,onClose:c,anchorOrigin:_={vertical:"bottom",horizontal:"center"},offsetX:N=r.SNACKBAR_DEFAULT_OFFSET_X,offsetY:R=r.SNACKBAR_DEFAULT_OFFSET_Y,size:f="md",progress:h=null,progressPosition:S="bottom",progressColor:x="default",countdownProgress:k=!1,showCloseButton:O,closeOnClickOutside:I,container:E,id:y,testId:D,className:v}=i,P=z.useBearId("Snackbar"),q=w.resolveBearId(y,P),g=E??(typeof document<"u"?document.body:null),n=!!c,F=O??n,b=I??n,{surfaceRef:K,progressValue:A}=G.useSnackbar({open:o,autoHideDuration:p,onClose:c,countdownProgress:k,staticProgress:h,closeOnClickOutside:b});if(!o||!g)return null;const m=U.getBearLiveRegionProps(e),l=typeof A=="number",B=l?s.jsx(M.Progress,{value:A,size:"sm",color:x,className:"Bear-Snackbar__progress"}):null,T=s.jsxs(s.Fragment,{children:[b&&n&&s.jsx("div",{className:"Bear-Snackbar__backdrop bear-fixed bear-inset-0",style:{zIndex:r.SNACKBAR_BACKDROP_Z_INDEX},"aria-hidden":!0}),s.jsxs(X.Paper,{ref:K,id:q,"data-testid":D,role:m.role,"aria-live":m["aria-live"],elevation:4,rounded:"lg",padding:"none",background:r.SNACKBAR_PAPER_BACKGROUND,className:L.cn(r.SNACKBAR_ROOT_CLASS,r.SNACKBAR_SEVERITY_MODIFIER[e],r.SNACKBAR_SURFACE_CLASSES,r.SNACKBAR_BORDER_CLASSES,"bear-fixed bear-flex bear-flex-col bear-overflow-hidden",r.SNACKBAR_SIZE_PADDING[f],v),style:H(_.vertical,_.horizontal,N,R),children:[l&&S==="top"&&B,s.jsxs(u.Flex,{className:"Bear-Snackbar__content bear-w-full",align:"center",gap:3,children:[s.jsxs(u.Flex,{direction:"column",className:"Bear-Snackbar__text bear-flex-1 bear-min-w-0",gap:1,children:[a&&s.jsx(C.Typography,{variant:"body2",className:"Bear-Snackbar__message",children:a}),t&&s.jsx(C.Typography,{variant:"caption",color:r.SNACKBAR_DESCRIPTION_COLOR,className:"Bear-Snackbar__description",children:t})]}),d&&s.jsx(u.Flex,{className:"Bear-Snackbar__action bear-shrink-0",align:"center",children:d}),F&&n&&s.jsx(Z.CloseButton,{size:"sm",onClick:c,"aria-label":"Dismiss notification",className:"Bear-Snackbar__close bear-shrink-0"})]}),l&&S==="bottom"&&B]})]});return j.createPortal(T,g)};exports.Snackbar=V;

package/dist/components/Snackbar/Snackbar.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="Bear-Snackbar",_=6e3,S=24,R=24,C=1400,N=1399,E={sm:"bear-px-3 bear-py-2",md:"bear-px-4 bear-py-3",lg:"bear-px-5 bear-py-4"},K="bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]",B=50,r=100,e=0;exports.SNACKBAR_BACKDROP_Z_INDEX=N;exports.SNACKBAR_COUNTDOWN_TICK_MS=B;exports.SNACKBAR_DEFAULT_AUTO_HIDE_MS=_;exports.SNACKBAR_DEFAULT_OFFSET_X=S;exports.SNACKBAR_DEFAULT_OFFSET_Y=R;exports.SNACKBAR_PROGRESS_MAX=r;exports.SNACKBAR_PROGRESS_MIN=e;exports.SNACKBAR_ROOT_CLASS=A;exports.SNACKBAR_SIZE_PADDING=E;exports.SNACKBAR_SURFACE_CLASSES=K;exports.SNACKBAR_Z_INDEX=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="Bear-Snackbar",S=6e3,_=24,R=24,C=1400,N=1399,E={sm:"bear-px-3 bear-py-2",md:"bear-px-4 bear-py-3",lg:"bear-px-5 bear-py-4"},B="default",K="bear-shadow-xl",O="bear-border",D={default:`${A}--default`,success:`${A}--success`,info:`${A}--info`,warning:`${A}--warning`,error:`${A}--error`},e="secondary",o=50,s=100,n=0;exports.SNACKBAR_BACKDROP_Z_INDEX=N;exports.SNACKBAR_BORDER_CLASSES=O;exports.SNACKBAR_COUNTDOWN_TICK_MS=o;exports.SNACKBAR_DEFAULT_AUTO_HIDE_MS=S;exports.SNACKBAR_DEFAULT_OFFSET_X=_;exports.SNACKBAR_DEFAULT_OFFSET_Y=R;exports.SNACKBAR_DESCRIPTION_COLOR=e;exports.SNACKBAR_PAPER_BACKGROUND=B;exports.SNACKBAR_PROGRESS_MAX=s;exports.SNACKBAR_PROGRESS_MIN=n;exports.SNACKBAR_ROOT_CLASS=A;exports.SNACKBAR_SEVERITY_MODIFIER=D;exports.SNACKBAR_SIZE_PADDING=E;exports.SNACKBAR_SURFACE_CLASSES=K;exports.SNACKBAR_Z_INDEX=C;

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

@@ -1,3 +1,5 @@
+import { SnackbarSeverity } from './Snackbar.types';
+import { TypographyProps } from '../Typography/Typography.types';
 export declare const SNACKBAR_ROOT_CLASS = "Bear-Snackbar";
 export declare const SNACKBAR_DEFAULT_AUTO_HIDE_MS = 6000;
 export declare const SNACKBAR_DEFAULT_OFFSET_X = 24;
@@ -7,7 +9,11 @@ export declare const SNACKBAR_BACKDROP_Z_INDEX = 1399;
 export declare const SNACKBAR_ENTER_MS = 200;
 export declare const SNACKBAR_EXIT_MS = 150;
 export declare const SNACKBAR_SIZE_PADDING: Record<'sm' | 'md' | 'lg', string>;
-export declare const SNACKBAR_SURFACE_CLASSES = "bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]";
+export declare const SNACKBAR_PAPER_BACKGROUND = "default";
+export declare const SNACKBAR_SURFACE_CLASSES = "bear-shadow-xl";
+export declare const SNACKBAR_BORDER_CLASSES = "bear-border";
+export declare const SNACKBAR_SEVERITY_MODIFIER: Record<SnackbarSeverity, string>;
+export declare const SNACKBAR_DESCRIPTION_COLOR: NonNullable<TypographyProps['color']>;
 export declare const SNACKBAR_COUNTDOWN_TICK_MS = 50;
 export declare const SNACKBAR_PROGRESS_MAX = 100;
 export declare const SNACKBAR_PROGRESS_MIN = 0;

package/dist/components/Snackbar/Snackbar.const.js

@@ -1,18 +1,28 @@
-const A = "Bear-Snackbar", _ = 6e3, S = 24, r = 24, R = 1400, a = 1399, C = {
+const A = "Bear-Snackbar", S = 6e3, _ = 24, R = 24, C = 1400, s = 1399, n = {
   sm: "bear-px-3 bear-py-2",
   md: "bear-px-4 bear-py-3",
   lg: "bear-px-5 bear-py-4"
-}, N = "bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]", t = 50, e = 100, b = 0;
+}, o = "default", N = "bear-shadow-xl", r = "bear-border", c = {
+  default: `${A}--default`,
+  success: `${A}--success`,
+  info: `${A}--info`,
+  warning: `${A}--warning`,
+  error: `${A}--error`
+}, e = "secondary", E = 50, t = 100, B = 0;
 export {
-  a as SNACKBAR_BACKDROP_Z_INDEX,
-  t as SNACKBAR_COUNTDOWN_TICK_MS,
-  _ as SNACKBAR_DEFAULT_AUTO_HIDE_MS,
-  S as SNACKBAR_DEFAULT_OFFSET_X,
-  r as SNACKBAR_DEFAULT_OFFSET_Y,
-  e as SNACKBAR_PROGRESS_MAX,
-  b as SNACKBAR_PROGRESS_MIN,
+  s as SNACKBAR_BACKDROP_Z_INDEX,
+  r as SNACKBAR_BORDER_CLASSES,
+  E as SNACKBAR_COUNTDOWN_TICK_MS,
+  S as SNACKBAR_DEFAULT_AUTO_HIDE_MS,
+  _ as SNACKBAR_DEFAULT_OFFSET_X,
+  R as SNACKBAR_DEFAULT_OFFSET_Y,
+  e as SNACKBAR_DESCRIPTION_COLOR,
+  o as SNACKBAR_PAPER_BACKGROUND,
+  t as SNACKBAR_PROGRESS_MAX,
+  B as SNACKBAR_PROGRESS_MIN,
   A as SNACKBAR_ROOT_CLASS,
-  C as SNACKBAR_SIZE_PADDING,
+  c as SNACKBAR_SEVERITY_MODIFIER,
+  n as SNACKBAR_SIZE_PADDING,
   N as SNACKBAR_SURFACE_CLASSES,
-  R as SNACKBAR_Z_INDEX
+  C as SNACKBAR_Z_INDEX
 };