@forgedevstack/bear 1.1.1 → 1.1.4

package/dist/components/NumberFormatter/NumberFormatter.js

@@ -0,0 +1,53 @@
+import { jsxs as E } from "react/jsx-runtime";
+import { useMemo as O, useState as R, useRef as l, useEffect as S } from "react";
+import { cn as _ } from "../../utils/cn.js";
+import { DEFAULT_ANIMATION_DURATION as g, ROOT_CLASSES as h, ANIMATION_FRAME_RATE as V } from "./NumberFormatter.const.js";
+import { buildFormatter as b } from "./NumberFormatter.utils.js";
+const k = (t) => {
+  const {
+    value: e,
+    prefix: d = "",
+    suffix: A = "",
+    animated: m = !1,
+    animationDuration: s = g,
+    className: D,
+    testId: F,
+    ...y
+  } = t, N = O(() => b(t), [
+    t.formatStyle,
+    t.locale,
+    t.currency,
+    t.currencyDisplay,
+    t.unit,
+    t.unitDisplay,
+    t.notation,
+    t.minimumFractionDigits,
+    t.maximumFractionDigits,
+    t.signDisplay
+  ]), [I, r] = R(e), n = l(e), a = l(0);
+  S(() => {
+    if (!m) {
+      r(e), n.current = e;
+      return;
+    }
+    const c = n.current, o = e - c;
+    if (o === 0) return;
+    const u = Math.max(1, Math.round(s / V));
+    let i = 0;
+    const f = () => {
+      i++;
+      const x = i / u, T = 1 - Math.pow(1 - x, 3);
+      r(c + o * T), i < u ? a.current = requestAnimationFrame(f) : (r(e), n.current = e);
+    };
+    return a.current = requestAnimationFrame(f), () => cancelAnimationFrame(a.current);
+  }, [e, m, s]);
+  const M = N.format(I);
+  return /* @__PURE__ */ E("span", { className: _(h, D), "data-testid": F, ...y, children: [
+    d,
+    M,
+    A
+  ] });
+};
+export {
+  k as NumberFormatter
+};

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

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+export type NumberFormatStyle = 'decimal' | 'currency' | 'percent' | 'compact' | 'unit';
+export interface NumberFormatterProps extends HTMLAttributes<HTMLSpanElement> {
+    value: number;
+    formatStyle?: NumberFormatStyle;
+    locale?: string;
+    currency?: string;
+    currencyDisplay?: 'symbol' | 'code' | 'name' | 'narrowSymbol';
+    unit?: string;
+    unitDisplay?: 'short' | 'long' | 'narrow';
+    notation?: 'standard' | 'scientific' | 'engineering' | 'compact';
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    signDisplay?: 'auto' | 'never' | 'always' | 'exceptZero';
+    prefix?: string;
+    suffix?: string;
+    animated?: boolean;
+    animationDuration?: number;
+    testId?: string;
+}

package/dist/components/NumberFormatter/NumberFormatter.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./NumberFormatter.const.cjs"),p=m=>{const{formatStyle:t="decimal",locale:s=u.DEFAULT_LOCALE,currency:l=u.DEFAULT_CURRENCY,currencyDisplay:e,unit:n,unitDisplay:r,notation:c,minimumFractionDigits:o,maximumFractionDigits:a,signDisplay:y}=m,i={signDisplay:y};return t==="currency"?(i.style="currency",i.currency=l,e&&(i.currencyDisplay=e)):t==="percent"?i.style="percent":t==="compact"?i.notation="compact":t==="unit"&&n&&(i.style="unit",i.unit=n,r&&(i.unitDisplay=r)),c&&t!=="compact"&&(i.notation=c),o!==void 0&&(i.minimumFractionDigits=o),a!==void 0&&(i.maximumFractionDigits=a),new Intl.NumberFormat(s,i)};exports.buildFormatter=p;

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

@@ -0,0 +1,2 @@
+import { NumberFormatterProps } from './NumberFormatter.types';
+export declare const buildFormatter: (props: NumberFormatterProps) => Intl.NumberFormat;

package/dist/components/NumberFormatter/NumberFormatter.utils.js

@@ -0,0 +1,19 @@
+import { DEFAULT_LOCALE as y, DEFAULT_CURRENCY as p } from "./NumberFormatter.const.js";
+const D = (m) => {
+  const {
+    formatStyle: t = "decimal",
+    locale: s = y,
+    currency: u = p,
+    currencyDisplay: n,
+    unit: c,
+    unitDisplay: r,
+    notation: e,
+    minimumFractionDigits: o,
+    maximumFractionDigits: a,
+    signDisplay: l
+  } = m, i = { signDisplay: l };
+  return t === "currency" ? (i.style = "currency", i.currency = u, n && (i.currencyDisplay = n)) : t === "percent" ? i.style = "percent" : t === "compact" ? i.notation = "compact" : t === "unit" && c && (i.style = "unit", i.unit = c, r && (i.unitDisplay = r)), e && t !== "compact" && (i.notation = e), o !== void 0 && (i.minimumFractionDigits = o), a !== void 0 && (i.maximumFractionDigits = a), new Intl.NumberFormat(s, i);
+};
+export {
+  D as buildFormatter
+};

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

@@ -0,0 +1,2 @@
+export { NumberFormatter } from './NumberFormatter';
+export type { NumberFormatterProps, NumberFormatStyle } from './NumberFormatter.types';

package/dist/components/PasswordInput/PasswordInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),L=require("../Input/Input.cjs"),i=require("../Icon/icons/action.cjs"),_=b.cn("Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5","bear-rounded bear-bg-amber-100 bear-text-amber-700","dark:bear-bg-amber-900/40 dark:bear-text-amber-400","bear-select-none bear-whitespace-nowrap"),S=({visible:t,onVisibilityChange:a,hideToggle:d=!1,toggleAriaLabel:u="Toggle password visibility",showShiftIndicator:n=!1,visibleIcon:l,hiddenIcon:p,...w})=>{const[x,m]=s.useState(!1),[f,I]=s.useState(!1),o=t!==void 0,c=o?t:x,g=s.useCallback(()=>{o?a==null||a(!t):m(e=>!e)},[o,t,a]);s.useEffect(()=>{if(!n)return;const e=j=>I(j.getModifierState("CapsLock"));return window.addEventListener("keydown",e),window.addEventListener("keyup",e),()=>{window.removeEventListener("keydown",e),window.removeEventListener("keyup",e)}},[n]);const v=r.jsx(i.VisibilityOffIcon,{className:"bear-w-4 bear-h-4"}),k=r.jsx(i.VisibilityIcon,{className:"bear-w-4 bear-h-4"}),y=d?void 0:r.jsxs("span",{className:"Bear-PasswordInput__actions bear-inline-flex bear-items-center bear-gap-1.5",children:[n&&f&&r.jsx("span",{className:_,children:"Caps"}),r.jsx("button",{type:"button",tabIndex:-1,onClick:g,className:b.cn("Bear-PasswordInput__toggle bear-inline-flex bear-items-center bear-justify-center","bear-text-gray-400 hover:bear-text-gray-600 dark:hover:bear-text-gray-300","bear-transition-colors bear-cursor-pointer"),"aria-label":u,children:c?l??v:p??k})]});return r.jsx(L.Input,{type:c?"text":"password",rightAddon:y,autoComplete:"current-password",...w})};exports.PasswordInput=S;

package/dist/components/PasswordInput/PasswordInput.d.ts

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

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,61 @@
+import { jsxs as L, jsx as r } from "react/jsx-runtime";
+import { useState as b, useCallback as _, useEffect as E } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { Input as N } from "../Input/Input.js";
+import { VisibilityOffIcon as B, VisibilityIcon as C } from "../Icon/icons/action.js";
+const O = c(
+  "Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5",
+  "bear-rounded bear-bg-amber-100 bear-text-amber-700",
+  "dark:bear-bg-amber-900/40 dark:bear-text-amber-400",
+  "bear-select-none bear-whitespace-nowrap"
+), A = ({
+  visible: a,
+  onVisibilityChange: t,
+  hideToggle: i = !1,
+  toggleAriaLabel: d = "Toggle password visibility",
+  showShiftIndicator: s = !1,
+  visibleIcon: l,
+  hiddenIcon: p,
+  ...m
+}) => {
+  const [u, f] = b(!1), [w, x] = b(!1), n = a !== void 0, o = n ? a : u, k = _(() => {
+    n ? t == null || t(!a) : f((e) => !e);
+  }, [n, a, t]);
+  E(() => {
+    if (!s) return;
+    const e = (y) => x(y.getModifierState("CapsLock"));
+    return window.addEventListener("keydown", e), window.addEventListener("keyup", e), () => {
+      window.removeEventListener("keydown", e), window.removeEventListener("keyup", e);
+    };
+  }, [s]);
+  const v = /* @__PURE__ */ r(B, { className: "bear-w-4 bear-h-4" }), I = /* @__PURE__ */ r(C, { className: "bear-w-4 bear-h-4" }), g = i ? void 0 : /* @__PURE__ */ L("span", { className: "Bear-PasswordInput__actions bear-inline-flex bear-items-center bear-gap-1.5", children: [
+    s && w && /* @__PURE__ */ r("span", { className: O, children: "Caps" }),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        onClick: k,
+        className: c(
+          "Bear-PasswordInput__toggle bear-inline-flex bear-items-center bear-justify-center",
+          "bear-text-gray-400 hover:bear-text-gray-600 dark:hover:bear-text-gray-300",
+          "bear-transition-colors bear-cursor-pointer"
+        ),
+        "aria-label": d,
+        children: o ? l ?? v : p ?? I
+      }
+    )
+  ] });
+  return /* @__PURE__ */ r(
+    N,
+    {
+      type: o ? "text" : "password",
+      rightAddon: g,
+      autoComplete: "current-password",
+      ...m
+    }
+  );
+};
+export {
+  A as PasswordInput
+};

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { InputProps } from '../Input/Input.types';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'rightAddon'> {
+    /** Whether password is currently visible */
+    visible?: boolean;
+    /** Controlled visibility toggle */
+    onVisibilityChange?: (visible: boolean) => void;
+    /** Hide the toggle button entirely */
+    hideToggle?: boolean;
+    /** Aria label for the toggle button */
+    toggleAriaLabel?: string;
+    /** Show Caps Lock / Shift indicator when active */
+    showShiftIndicator?: boolean;
+    /** Custom icon for "visible" state (replaces default VisibilityOffIcon) */
+    visibleIcon?: ReactNode;
+    /** Custom icon for "hidden" state (replaces default VisibilityIcon) */
+    hiddenIcon?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { PasswordInput } from './PasswordInput';
+export * from './PasswordInput.types';

package/dist/components/Popconfirm/Popconfirm.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../utils/cn.cjs"),S=require("../Typography/Typography.cjs"),n=require("./Popconfirm.const.cjs"),j=e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),O=C=>{const{title:N,description:u,onConfirm:a,onCancel:o,confirmText:h=n.DEFAULT_CONFIRM_TEXT,cancelText:T=n.DEFAULT_CANCEL_TEXT,icon:p=j,placement:L="bottom",disabled:m=!1,children:_,variant:f="default",testId:b}=C,[s,E]=c.useState(!1),i=c.useRef(null),t=c.useCallback(()=>E(!1),[]);c.useEffect(()=>{const r=l=>{i.current&&!i.current.contains(l.target)&&t()};return s&&document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[s,t]),c.useEffect(()=>{const r=l=>{l.key==="Escape"&&t()};return s&&document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[s,t]);const v=()=>{m||E(!s)},A=()=>{a==null||a(),t()},x=()=>{o==null||o(),t()},y=f==="danger"?n.CONFIRM_BTN_DANGER_CLASSES:n.CONFIRM_BTN_DEFAULT_CLASSES;return e.jsxs("div",{ref:i,className:d.cn(n.ROOT_CLASS,"bear-relative bear-inline-block"),"data-testid":b,children:[e.jsx("div",{onClick:v,className:d.cn("bear-cursor-pointer",m&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:_}),s&&e.jsxs("div",{className:d.cn(n.POPUP_CLASSES,n.PLACEMENT_OFFSETS[L]),children:[e.jsxs("div",{className:n.ICON_AREA_CLASSES,children:[e.jsx("div",{className:n.ICON_WRAPPER_CLASSES,children:p}),e.jsxs("div",{className:n.CONTENT_CLASSES,children:[e.jsx(S.Typography,{variant:"body2",className:"bear-text-gray-900 dark:bear-text-zinc-100",children:N}),u&&e.jsx(S.Typography,{variant:"caption",color:"secondary",className:"bear-mt-0.5",children:u})]})]}),e.jsxs("div",{className:n.BUTTONS_WRAPPER_CLASSES,children:[e.jsx("button",{type:"button",className:n.CANCEL_BTN_CLASSES,onClick:x,children:T}),e.jsx("button",{type:"button",className:y,onClick:A,children:h})]})]})]})};exports.Popconfirm=O;

package/dist/components/Popconfirm/Popconfirm.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Popconfirm",r="bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]",a={top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2",left:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2",right:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2"},b="bear-flex bear-items-center bear-gap-3 bear-mb-3",t="bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400",S="bear-flex-1 bear-min-w-0",o="bear-flex bear-justify-end bear-gap-2 bear-mt-4",n="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600",E="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600",_="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600",C="Confirm",A="Cancel";exports.BUTTONS_WRAPPER_CLASSES=o;exports.CANCEL_BTN_CLASSES=_;exports.CONFIRM_BTN_DANGER_CLASSES=E;exports.CONFIRM_BTN_DEFAULT_CLASSES=n;exports.CONTENT_CLASSES=S;exports.DEFAULT_CANCEL_TEXT=A;exports.DEFAULT_CONFIRM_TEXT=C;exports.ICON_AREA_CLASSES=b;exports.ICON_WRAPPER_CLASSES=t;exports.PLACEMENT_OFFSETS=a;exports.POPUP_CLASSES=r;exports.ROOT_CLASS=e;

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

@@ -0,0 +1,13 @@
+import { PopconfirmPlacement } from './Popconfirm.types';
+export declare const ROOT_CLASS = "Bear-Popconfirm";
+export declare const POPUP_CLASSES = "bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]";
+export declare const PLACEMENT_OFFSETS: Record<PopconfirmPlacement, string>;
+export declare const ICON_AREA_CLASSES = "bear-flex bear-items-center bear-gap-3 bear-mb-3";
+export declare const ICON_WRAPPER_CLASSES = "bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400";
+export declare const CONTENT_CLASSES = "bear-flex-1 bear-min-w-0";
+export declare const BUTTONS_WRAPPER_CLASSES = "bear-flex bear-justify-end bear-gap-2 bear-mt-4";
+export declare const CONFIRM_BTN_DEFAULT_CLASSES = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600";
+export declare const CONFIRM_BTN_DANGER_CLASSES = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600";
+export declare const CANCEL_BTN_CLASSES = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600";
+export declare const DEFAULT_CONFIRM_TEXT = "Confirm";
+export declare const DEFAULT_CANCEL_TEXT = "Cancel";

package/dist/components/Popconfirm/Popconfirm.const.js

@@ -0,0 +1,20 @@
+const e = "Bear-Popconfirm", r = "bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]", a = {
+  top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2",
+  bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2",
+  left: "bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2",
+  right: "bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2"
+}, b = "bear-flex bear-items-center bear-gap-3 bear-mb-3", t = "bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400", o = "bear-flex-1 bear-min-w-0", n = "bear-flex bear-justify-end bear-gap-2 bear-mt-4", d = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600", i = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600", s = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600", l = "Confirm", m = "Cancel";
+export {
+  n as BUTTONS_WRAPPER_CLASSES,
+  s as CANCEL_BTN_CLASSES,
+  i as CONFIRM_BTN_DANGER_CLASSES,
+  d as CONFIRM_BTN_DEFAULT_CLASSES,
+  o as CONTENT_CLASSES,
+  m as DEFAULT_CANCEL_TEXT,
+  l as DEFAULT_CONFIRM_TEXT,
+  b as ICON_AREA_CLASSES,
+  t as ICON_WRAPPER_CLASSES,
+  a as PLACEMENT_OFFSETS,
+  r as POPUP_CLASSES,
+  e as ROOT_CLASS
+};

package/dist/components/Popconfirm/Popconfirm.d.ts

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

package/dist/components/Popconfirm/Popconfirm.js

@@ -0,0 +1,65 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as R, useRef as y, useCallback as F, useEffect as C } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { Typography as S } from "../Typography/Typography.js";
+import { DEFAULT_CONFIRM_TEXT as P, DEFAULT_CANCEL_TEXT as x, ICON_AREA_CLASSES as I, ICON_WRAPPER_CLASSES as g, CONTENT_CLASSES as w, BUTTONS_WRAPPER_CLASSES as B, CANCEL_BTN_CLASSES as U, CONFIRM_BTN_DANGER_CLASSES as D, CONFIRM_BTN_DEFAULT_CLASSES as M, PLACEMENT_OFFSETS as j, POPUP_CLASSES as W, ROOT_CLASS as z } from "./Popconfirm.const.js";
+const X = /* @__PURE__ */ e("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }), Q = (N) => {
+  const {
+    title: u,
+    description: d,
+    onConfirm: o,
+    onCancel: s,
+    confirmText: h = P,
+    cancelText: L = x,
+    icon: f = X,
+    placement: p = "bottom",
+    disabled: m = !1,
+    children: _,
+    variant: T = "default",
+    testId: v
+  } = N, [n, E] = R(!1), c = y(null), t = F(() => E(!1), []);
+  C(() => {
+    const r = (i) => {
+      c.current && !c.current.contains(i.target) && t();
+    };
+    return n && document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+  }, [n, t]), C(() => {
+    const r = (i) => {
+      i.key === "Escape" && t();
+    };
+    return n && document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [n, t]);
+  const A = () => {
+    m || E(!n);
+  }, b = () => {
+    o == null || o(), t();
+  }, k = () => {
+    s == null || s(), t();
+  }, O = T === "danger" ? D : M;
+  return /* @__PURE__ */ a("div", { ref: c, className: l(z, "bear-relative bear-inline-block"), "data-testid": v, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        onClick: A,
+        className: l("bear-cursor-pointer", m && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),
+        children: _
+      }
+    ),
+    n && /* @__PURE__ */ a("div", { className: l(W, j[p]), children: [
+      /* @__PURE__ */ a("div", { className: I, children: [
+        /* @__PURE__ */ e("div", { className: g, children: f }),
+        /* @__PURE__ */ a("div", { className: w, children: [
+          /* @__PURE__ */ e(S, { variant: "body2", className: "bear-text-gray-900 dark:bear-text-zinc-100", children: u }),
+          d && /* @__PURE__ */ e(S, { variant: "caption", color: "secondary", className: "bear-mt-0.5", children: d })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: B, children: [
+        /* @__PURE__ */ e("button", { type: "button", className: U, onClick: k, children: L }),
+        /* @__PURE__ */ e("button", { type: "button", className: O, onClick: b, children: h })
+      ] })
+    ] })
+  ] });
+};
+export {
+  Q as Popconfirm
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export type PopconfirmPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface PopconfirmProps {
+    title: string;
+    description?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    icon?: ReactNode;
+    placement?: PopconfirmPlacement;
+    disabled?: boolean;
+    children: ReactNode;
+    variant?: 'default' | 'danger';
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Popconfirm, default } from './Popconfirm';
+export type { PopconfirmProps, PopconfirmPlacement } from './Popconfirm.types';

package/dist/components/RadioCard/RadioCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),A=require("../../utils/cn.cjs"),j=require("../Typography/Typography.cjs"),s=require("./RadioCard.const.cjs"),x=c.createContext(null),h=({value:d,checked:t,onChange:i,label:f,description:n,icon:u,disabled:l=!1,variant:v="default",size:y="md",testId:R,className:k,onClick:r,...S})=>{const e=c.useContext(x),o=!!e,m=o?(e==null?void 0:e.value)===d:!!t,N=c.useCallback(b=>{l||((e==null?void 0:e.disabled)??!1)||(r==null||r(b),o&&e?e.onChange(d):i==null||i(d))},[l,e,o,d,i,r]),p=l||((e==null?void 0:e.disabled)??!1);return a.jsxs("div",{role:"radio","aria-checked":m,"aria-disabled":p,tabIndex:p?void 0:0,onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),N(b))},className:A.cn(s.ROOT_CLASS,s.SIZE_PADDING_MAP[y],s.VARIANT_CLASSES[v],m&&s.CHECKED_CLASSES,p&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",!p&&"hover:bear-border-gray-300 dark:hover:bear-border-gray-600",k),onClick:N,"data-testid":R,...S,children:[a.jsx("div",{className:A.cn("bear-absolute bear-top-3 bear-right-3 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-border-2",m?"bear-border-pink-500 dark:bear-border-pink-400":"bear-border-gray-300 dark:bear-border-gray-600",s.RADIO_INDICATOR_SIZE_MAP[y]),children:m&&a.jsx("div",{className:"bear-w-2 bear-h-2 bear-rounded-full bear-bg-pink-500 dark:bear-bg-pink-400"})}),u&&a.jsx("div",{className:"bear-mb-3 bear-flex bear-items-center bear-justify-center bear-text-gray-500 dark:bear-text-gray-400",children:u}),a.jsx(j.Typography,{variant:"body2",weight:"medium",className:"bear-block",children:f}),n&&a.jsx(j.Typography,{variant:"caption",color:"secondary",className:"bear-mt-1 bear-block",children:n})]})};h.displayName="RadioCard";const _=({value:d,onChange:t,children:i,columns:f=s.DEFAULT_COLUMNS,gap:n=s.DEFAULT_GAP,name:u,testId:l,className:v,...y})=>{const[R,k]=c.useState(""),r=d!==void 0,S=r?d:R,e=c.useCallback(o=>{r||k(o),t==null||t(o)},[r,t]);return a.jsx(x.Provider,{value:{value:S,onChange:e,name:u},children:a.jsx("div",{role:"radiogroup",className:A.cn("Bear-RadioCardGroup bear-grid",v),style:{gridTemplateColumns:`repeat(${f}, minmax(0, 1fr))`,gap:`${n*.25}rem`},"data-testid":l,...y,children:i})})};_.displayName="RadioCardGroup";exports.RadioCard=h;exports.RadioCardGroup=_;

package/dist/components/RadioCard/RadioCard.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={sm:"bear-p-3",md:"bear-p-4",lg:"bear-p-5"},e={default:"bear-border bear-border-gray-200 dark:bear-border-gray-700",outline:"bear-border bear-border-dashed bear-border-gray-300 dark:bear-border-gray-600",filled:"bear-bg-gray-50 dark:bear-bg-gray-800/50"},a="bear-border-pink-500 dark:bear-border-pink-400 bear-ring-2 bear-ring-pink-500/30 dark:bear-ring-pink-400/30 bear-bg-pink-50 dark:bear-bg-pink-950/30",b="Bear-RadioCard bear-relative bear-rounded-lg bear-transition-all bear-duration-200 bear-cursor-pointer bear-text-left",d={sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6"},o=1,A=4;exports.CHECKED_CLASSES=a;exports.DEFAULT_COLUMNS=o;exports.DEFAULT_GAP=A;exports.RADIO_INDICATOR_SIZE_MAP=d;exports.ROOT_CLASS=b;exports.SIZE_PADDING_MAP=r;exports.VARIANT_CLASSES=e;

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

@@ -0,0 +1,7 @@
+export declare const SIZE_PADDING_MAP: Record<'sm' | 'md' | 'lg', string>;
+export declare const VARIANT_CLASSES: Record<'default' | 'outline' | 'filled', string>;
+export declare const CHECKED_CLASSES = "bear-border-pink-500 dark:bear-border-pink-400 bear-ring-2 bear-ring-pink-500/30 dark:bear-ring-pink-400/30 bear-bg-pink-50 dark:bear-bg-pink-950/30";
+export declare const ROOT_CLASS = "Bear-RadioCard bear-relative bear-rounded-lg bear-transition-all bear-duration-200 bear-cursor-pointer bear-text-left";
+export declare const RADIO_INDICATOR_SIZE_MAP: Record<'sm' | 'md' | 'lg', string>;
+export declare const DEFAULT_COLUMNS = 1;
+export declare const DEFAULT_GAP = 4;

package/dist/components/RadioCard/RadioCard.const.js

@@ -0,0 +1,22 @@
+const r = {
+  sm: "bear-p-3",
+  md: "bear-p-4",
+  lg: "bear-p-5"
+}, a = {
+  default: "bear-border bear-border-gray-200 dark:bear-border-gray-700",
+  outline: "bear-border bear-border-dashed bear-border-gray-300 dark:bear-border-gray-600",
+  filled: "bear-bg-gray-50 dark:bear-bg-gray-800/50"
+}, e = "bear-border-pink-500 dark:bear-border-pink-400 bear-ring-2 bear-ring-pink-500/30 dark:bear-ring-pink-400/30 bear-bg-pink-50 dark:bear-bg-pink-950/30", b = "Bear-RadioCard bear-relative bear-rounded-lg bear-transition-all bear-duration-200 bear-cursor-pointer bear-text-left", d = {
+  sm: "bear-w-4 bear-h-4",
+  md: "bear-w-5 bear-h-5",
+  lg: "bear-w-6 bear-h-6"
+}, o = 1, n = 4;
+export {
+  e as CHECKED_CLASSES,
+  o as DEFAULT_COLUMNS,
+  n as DEFAULT_GAP,
+  d as RADIO_INDICATOR_SIZE_MAP,
+  b as ROOT_CLASS,
+  r as SIZE_PADDING_MAP,
+  a as VARIANT_CLASSES
+};

package/dist/components/RadioCard/RadioCard.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { RadioCardProps, RadioCardGroupProps } from './RadioCard.types';
+export declare const RadioCard: FC<RadioCardProps>;
+export declare const RadioCardGroup: FC<RadioCardGroupProps>;
+export default RadioCard;

package/dist/components/RadioCard/RadioCard.js

@@ -0,0 +1,111 @@
+import { jsxs as R, jsx as d } from "react/jsx-runtime";
+import { createContext as _, useContext as h, useCallback as D, useState as E } from "react";
+import { cn as A } from "../../utils/cn.js";
+import { Typography as S } from "../Typography/Typography.js";
+import { RADIO_INDICATOR_SIZE_MAP as G, CHECKED_CLASSES as T, VARIANT_CLASSES as x, SIZE_PADDING_MAP as L, ROOT_CLASS as C, DEFAULT_COLUMNS as O, DEFAULT_GAP as P } from "./RadioCard.const.js";
+const I = _(null), j = ({
+  value: a,
+  checked: t,
+  onChange: i,
+  label: p,
+  description: l,
+  icon: c,
+  disabled: b = !1,
+  variant: u = "default",
+  size: n = "md",
+  testId: y,
+  className: v,
+  onClick: e,
+  ...k
+}) => {
+  const r = h(I), s = !!r, m = s ? (r == null ? void 0 : r.value) === a : !!t, N = D(
+    (o) => {
+      b || ((r == null ? void 0 : r.disabled) ?? !1) || (e == null || e(o), s && r ? r.onChange(a) : i == null || i(a));
+    },
+    [b, r, s, a, i, e]
+  ), f = b || ((r == null ? void 0 : r.disabled) ?? !1);
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      role: "radio",
+      "aria-checked": m,
+      "aria-disabled": f,
+      tabIndex: f ? void 0 : 0,
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), N(o));
+      },
+      className: A(
+        C,
+        L[n],
+        x[u],
+        m && T,
+        f && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",
+        !f && "hover:bear-border-gray-300 dark:hover:bear-border-gray-600",
+        v
+      ),
+      onClick: N,
+      "data-testid": y,
+      ...k,
+      children: [
+        /* @__PURE__ */ d(
+          "div",
+          {
+            className: A(
+              "bear-absolute bear-top-3 bear-right-3 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-border-2",
+              m ? "bear-border-pink-500 dark:bear-border-pink-400" : "bear-border-gray-300 dark:bear-border-gray-600",
+              G[n]
+            ),
+            children: m && /* @__PURE__ */ d("div", { className: "bear-w-2 bear-h-2 bear-rounded-full bear-bg-pink-500 dark:bear-bg-pink-400" })
+          }
+        ),
+        c && /* @__PURE__ */ d("div", { className: "bear-mb-3 bear-flex bear-items-center bear-justify-center bear-text-gray-500 dark:bear-text-gray-400", children: c }),
+        /* @__PURE__ */ d(S, { variant: "body2", weight: "medium", className: "bear-block", children: p }),
+        l && /* @__PURE__ */ d(S, { variant: "caption", color: "secondary", className: "bear-mt-1 bear-block", children: l })
+      ]
+    }
+  );
+};
+j.displayName = "RadioCard";
+const w = ({
+  value: a,
+  onChange: t,
+  children: i,
+  columns: p = O,
+  gap: l = P,
+  name: c,
+  testId: b,
+  className: u,
+  ...n
+}) => {
+  const [y, v] = E(""), e = a !== void 0, k = e ? a : y, r = D(
+    (s) => {
+      e || v(s), t == null || t(s);
+    },
+    [e, t]
+  );
+  return /* @__PURE__ */ d(
+    I.Provider,
+    {
+      value: { value: k, onChange: r, name: c },
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          role: "radiogroup",
+          className: A("Bear-RadioCardGroup bear-grid", u),
+          style: {
+            gridTemplateColumns: `repeat(${p}, minmax(0, 1fr))`,
+            gap: `${l * 0.25}rem`
+          },
+          "data-testid": b,
+          ...n,
+          children: i
+        }
+      )
+    }
+  );
+};
+w.displayName = "RadioCardGroup";
+export {
+  j as RadioCard,
+  w as RadioCardGroup
+};

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

@@ -0,0 +1,22 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface RadioCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value: string;
+    checked?: boolean;
+    onChange?: (value: string) => void;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    variant?: 'default' | 'outline' | 'filled';
+    size?: 'sm' | 'md' | 'lg';
+    testId?: string;
+}
+export interface RadioCardGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    children: ReactNode;
+    columns?: number;
+    gap?: number;
+    name?: string;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { RadioCard, RadioCardGroup, default } from './RadioCard';
+export type { RadioCardProps, RadioCardGroupProps } from './RadioCard.types';

package/dist/components/ResizableTextarea/ResizableTextarea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),f=require("../../utils/cn.cjs"),w=require("./ResizableTextarea.const.cjs"),k=({minHeight:e=w.DEFAULT_MIN_HEIGHT,maxHeight:t=w.DEFAULT_MAX_HEIGHT,resizable:a=!0,className:x,style:y,testId:R,...T})=>{const h=o.useRef(null),[c,E]=o.useState(e),b=o.useRef(0),d=o.useRef(e),_=o.useCallback(r=>{var v,g;if(!a)return;r.preventDefault(),b.current=r.clientY,d.current=c,(g=(v=r.target).setPointerCapture)==null||g.call(v,r.pointerId);const l=s=>{const i=s.clientY-b.current;let n=d.current+i;e>0&&(n=Math.max(e,n)),t>0&&(n=Math.min(t,n)),E(n)},p=()=>{var s,i;(i=(s=r.target).releasePointerCapture)==null||i.call(s,r.pointerId),window.removeEventListener("pointermove",l),window.removeEventListener("pointerup",p)};window.addEventListener("pointermove",l),window.addEventListener("pointerup",p)},[a,c,e,t]);return u.jsxs("div",{className:f.cn("Bear-ResizableTextarea bear-relative",x),"data-testid":R,children:[u.jsx("textarea",{ref:h,className:f.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-gray-600","bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100","bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-pink-500/50"),style:{...y,minHeight:a?e:void 0,height:a?c:void 0,maxHeight:t>0?t:void 0},...T}),a&&u.jsx("div",{role:"separator",onPointerDown:_,className:"Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100",style:{background:"linear-gradient(135deg, transparent 50%, currentColor 50%)"}})]})};exports.ResizableTextarea=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("../../utils/cn.cjs"),j=require("./ResizableTextarea.const.cjs"),I=({label:f,helperText:v,error:u,minHeight:r=j.DEFAULT_MIN_HEIGHT,maxHeight:n=j.DEFAULT_MAX_HEIGHT,resizable:s=!0,showCharCount:p=!1,charCountMax:k,className:E,style:L,testId:N,...a})=>{const x=!!u,l=k??a.maxLength,y=typeof a.value=="string"?a.value.length:typeof a.defaultValue=="string"?a.defaultValue.length:0,z=l!=null&&y>l,B=i.useRef(null),[g,M]=i.useState(r),h=i.useRef(0),m=i.useRef(r),D=i.useCallback(t=>{var w,T;if(!s)return;t.preventDefault(),h.current=t.clientY,m.current=g,(T=(w=t.target).setPointerCapture)==null||T.call(w,t.pointerId);const R=b=>{const c=b.clientY-h.current;let o=m.current+c;r>0&&(o=Math.max(r,o)),n>0&&(o=Math.min(n,o)),M(o)},_=()=>{var b,c;(c=(b=t.target).releasePointerCapture)==null||c.call(b,t.pointerId),window.removeEventListener("pointermove",R),window.removeEventListener("pointerup",_)};window.addEventListener("pointermove",R),window.addEventListener("pointerup",_)},[s,g,r,n]);return e.jsxs("div",{className:d.cn("Bear-ResizableTextarea bear-flex bear-flex-col bear-gap-1.5",E),"data-testid":N,children:[f&&e.jsx("label",{className:"Bear-ResizableTextarea__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300",children:f}),e.jsxs("div",{className:"bear-relative",children:[e.jsx("textarea",{ref:B,"aria-invalid":x||void 0,className:d.cn("bear-w-full bear-rounded-lg bear-border","bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-gray-100","bear-p-3 bear-resize-none focus:bear-outline-none focus:bear-ring-2",x?"bear-border-red-500 focus:bear-ring-red-500":"bear-border-gray-300 dark:bear-border-gray-600 focus:bear-ring-pink-500/50"),style:{...L,minHeight:s?r:void 0,height:s?g:void 0,maxHeight:n>0?n:void 0},...a}),s&&e.jsx("div",{role:"separator",onPointerDown:D,className:"Bear-ResizableTextarea__handle bear-absolute bear-right-0 bear-bottom-0 bear-w-4 bear-h-4 bear-cursor-s-resize bear-opacity-50 hover:bear-opacity-100",style:{background:"linear-gradient(135deg, transparent 50%, currentColor 50%)"}})]}),e.jsxs("div",{className:"Bear-ResizableTextarea__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[v||u?e.jsx("p",{className:d.cn("Bear-ResizableTextarea__helper bear-text-sm bear-flex-1",x?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:u||v}):p?e.jsx("span",{}):null,p&&l!=null&&e.jsxs("span",{className:d.cn("Bear-ResizableTextarea__char-count bear-text-xs bear-tabular-nums bear-shrink-0",z?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[y,"/",l]})]})]})};exports.ResizableTextarea=I;