@forgedevstack/bear 1.2.3 → 1.2.4

package/dist/components/Card/Card.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { cn as i } from "../../utils/cn.js";
-import { CARD_INTERACTIVE_CLASSES as D, CARD_RADIUS_CLASSES as h, CARD_PADDING_CLASSES as B, CARD_VARIANT_CLASSES as p, CARD_TITLE_CLASSES as v, CARD_SUBTITLE_CLASSES as L, CARD_HEADER_CLASSES as f, CARD_BODY_CLASSES as I, CARD_FOOTER_DIVIDER_CLASSES as b, CARD_FOOTER_CLASSES as u } from "./Card.const.js";
+import { CARD_INTERACTIVE_CLASSES as R, CARD_RADIUS_CLASSES as D, CARD_PADDING_CLASSES as h, CARD_VARIANT_CLASSES as B, CARD_TITLE_CLASSES as p, CARD_SUBTITLE_CLASSES as v, CARD_HEADER_CLASSES as L, CARD_BODY_CLASSES as f, CARD_FOOTER_DIVIDER_CLASSES as I, CARD_FOOTER_CLASSES as b } from "./Card.const.js";
 const _ = o(
   (d, s) => {
     const {
@@ -12,26 +12,24 @@ const _ = o(
       className: n,
       children: c,
       testId: E,
-      id: N,
-      ...R
+      ...N
     } = d;
     return /* @__PURE__ */ t(
       "div",
       {
         ref: s,
-        id: N,
         className: i(
           "Bear-Card",
           `Bear-Card--${e}`,
           "bear-overflow-hidden",
-          p[e],
-          B[a],
-          h[C],
-          r && `Bear-Card--interactive ${D}`,
+          B[e],
+          h[a],
+          D[C],
+          r && `Bear-Card--interactive ${R}`,
           n
         ),
         "data-testid": E,
-        ...R,
+        ...N,
         children: c
       }
     );
@@ -45,12 +43,12 @@ const S = o(
       "div",
       {
         ref: s,
-        className: i("Bear-Card__header", f, C),
+        className: i("Bear-Card__header", L, C),
         ...c,
         children: [
           /* @__PURE__ */ l("div", { className: "Bear-Card__header-content bear-flex-1 bear-min-w-0", children: [
-            e && /* @__PURE__ */ t("h3", { className: i("Bear-Card__title", v), children: e }),
-            a && /* @__PURE__ */ t("p", { className: i("Bear-Card__subtitle", L), children: a }),
+            e && /* @__PURE__ */ t("h3", { className: i("Bear-Card__title", p), children: e }),
+            a && /* @__PURE__ */ t("p", { className: i("Bear-Card__subtitle", v), children: a }),
             n
           ] }),
           r && /* @__PURE__ */ t("div", { className: "Bear-Card__header-action bear-ml-4 bear-shrink-0", children: r })
@@ -67,7 +65,7 @@ const m = o(
       "div",
       {
         ref: s,
-        className: i("Bear-Card__body", I, e),
+        className: i("Bear-Card__body", f, e),
         ...r,
         children: a
       }
@@ -84,8 +82,8 @@ const A = o(
         ref: s,
         className: i(
           "Bear-Card__footer",
-          u,
-          e && b,
+          b,
+          e && I,
           a
         ),
         ...C,
@@ -95,7 +93,7 @@ const A = o(
   }
 );
 A.displayName = "CardFooter";
-const x = Object.assign(_, {
+const F = Object.assign(_, {
   Header: S,
   Body: m,
   Footer: A
@@ -103,7 +101,7 @@ const x = Object.assign(_, {
 export {
   _ as Card,
   m as CardBody,
-  x as CardCompound,
+  F as CardCompound,
   A as CardFooter,
   S as CardHeader
 };

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { BearSize } from '../../types';
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     /** Card variant */
     variant?: 'elevated' | 'outlined' | 'filled' | 'ghost';
     /** Padding size */

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

@@ -0,0 +1 @@
+export declare const C_A_R_D_S_K_E_L_E_T_O_N_ROOT_CLASS = "Bear-CardSkeleton";

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

@@ -0,0 +1,2 @@
+export { SkeletonCard as CardSkeleton } from '../Skeleton';
+export type { SkeletonProps as CardSkeletonProps } from '../Skeleton';

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

@@ -8,6 +8,7 @@ export type CarouselTransition = 'slide' | 'fade' | 'zoom' | 'flip';
  */
 export type CarouselIndicator = 'dots' | 'numbers' | 'thumbnails' | 'bars' | 'none';
 export interface CarouselProps {
+    id?: string;
     /** Carousel slides */
     children: ReactNode;
     /** Auto-play interval in ms (0 to disable) */

package/dist/components/Cascader/Cascader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),J=require("react-dom"),E=require("../../utils/cn.cjs"),x=require("./Cascader.const.cjs"),K=require("./components/CascaderPanel/CascaderPanel.cjs"),Q=({options:l,value:o=[],onChange:d,placeholder:O,label:j,helperText:g,error:m,disabled:p=!1,loading:P=!1,clearable:D=!0,size:M="md",variant:q="default",expandTrigger:I="click",showFullPath:A=!0,pathSeparator:S=x.CASCADER_PATH_SEPARATOR,changeOnSelect:y=!1,className:T,testId:W,translations:N,icon:Z})=>{const[u,w]=s.useState(!1),[f,_]=s.useState([]),[R,H]=s.useState({top:0,left:0}),L=s.useRef(null),k=s.useRef(null),C=s.useMemo(()=>({...x.CASCADER_DEFAULT_TRANSLATIONS,...N}),[N]);s.useEffect(()=>{if(!u||!k.current)return;const e=()=>{const t=k.current.getBoundingClientRect(),r=Math.min(560,window.innerWidth-16);let a=Math.max(8,Math.min(t.left,window.innerWidth-r-8));H({top:t.bottom+8,left:a})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[u]),s.useEffect(()=>{const e=t=>{var a,c;const r=t.target;(a=L.current)!=null&&a.contains(r)||(c=r.closest)!=null&&c.call(r,"[data-bear-cascader-dropdown]")||w(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),s.useEffect(()=>{o.length>0&&_(o.slice(0,-1))},[o]);const U=s.useCallback((e,t)=>{for(const r of e){if(r.value===t)return r;if(r.children){const a=U(r.children,t);if(a)return a}}},[]),z=s.useMemo(()=>{var t;if(o.length===0)return"";const e=o.map((r,a)=>{let c=l;for(let i=0;i<a;i++){const b=c.find(v=>v.value===o[i]);b!=null&&b.children&&(c=b.children)}return c.find(i=>i.value===r)}).filter(Boolean);return A?e.map(r=>r.label).join(S):((t=e[e.length-1])==null?void 0:t.label)||""},[o,l,A,S]),B=s.useMemo(()=>{const e=[l];let t=l;for(const r of f){const a=t.find(c=>c.value===r);if(a!=null&&a.children)e.push(a.children),t=a.children;else break}return e},[l,f]),V=s.useCallback((e,t)=>{var a,c;const r=[...f.slice(0,t),e.value];if(!((a=e.children)!=null&&a.length)||y){const i=[];let b=l;for(const v of r){const h=b.find(G=>G.value===v);h&&(i.push(h),h.children&&(b=h.children))}d==null||d(r,i),(c=e.children)!=null&&c.length||w(!1)}},[f,l,d,y]),X=s.useCallback((e,t)=>{_(r=>[...r.slice(0,t),e.value])},[]),F=s.useCallback(e=>{e.stopPropagation(),d==null||d([],[]),_([])},[d]);return n.jsxs("div",{ref:L,className:E.cn("Bear-Cascader bear-relative",T),"data-testid":W,children:[j&&n.jsx("label",{className:"Bear-Cascader__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:j}),n.jsxs("button",{ref:k,type:"button",onClick:()=>!p&&w(!u),disabled:p,className:E.cn("Bear-Cascader__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",x.CASCADER_SIZE_CLASSES[M],x.CASCADER_VARIANT_CLASSES[q],m?"bear-border-red-500":"focus:bear-border-primary-500",p&&"bear-opacity-50 bear-cursor-not-allowed",z?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-500 dark:bear-text-zinc-500"),children:[n.jsx("span",{className:"Bear-Cascader__value bear-truncate bear-flex-1",children:P?C.loading:z||O||C.placeholder}),n.jsxs("span",{className:"Bear-Cascader__icons bear-flex bear-items-center bear-gap-1",children:[D&&o.length>0&&!p&&n.jsx("span",{onClick:F,className:"Bear-Cascader__clear bear-p-0.5 bear-rounded hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700 bear-cursor-pointer",children:n.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),Z??n.jsx("svg",{className:E.cn("Bear-Cascader__chevron bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400 bear-transition-transform",u&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})]}),m&&n.jsx("p",{className:"Bear-Cascader__error bear-mt-1 bear-text-xs bear-text-red-400",children:m}),g&&!m&&n.jsx("p",{className:"Bear-Cascader__helper bear-mt-1 bear-text-xs bear-text-zinc-500 dark:bear-text-zinc-400",children:g}),u&&typeof document<"u"&&J.createPortal(n.jsxs("div",{"data-bear-cascader-dropdown":!0,className:"Bear-Cascader__dropdown bear-fixed bear-max-w-[calc(100vw-16px)] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-flex bear-flex-col sm:bear-flex-row bear-overflow-hidden",style:{top:R.top,left:R.left,zIndex:x.CASCADER_DROPDOWN_Z_INDEX},children:[B.map((e,t)=>n.jsx(K.CascaderPanel,{options:e,selectedPath:o,expandedPath:f,onSelect:V,onExpand:X,expandTrigger:I,level:t},t)),B.every(e=>e.length===0)&&n.jsx("div",{className:"Bear-Cascader__empty bear-px-4 bear-py-3 bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:C.noOptions})]}),document.body)]})};exports.Cascader=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),J=require("react-dom"),E=require("../../utils/cn.cjs"),x=require("./Cascader.const.cjs"),K=require("./components/CascaderPanel/CascaderPanel.cjs");function Q({options:l,value:o=[],onChange:d,placeholder:O,label:j,helperText:g,error:m,disabled:p=!1,loading:P=!1,clearable:D=!0,size:M="md",variant:q="default",expandTrigger:I="click",showFullPath:A=!0,pathSeparator:S=x.CASCADER_PATH_SEPARATOR,changeOnSelect:y=!1,className:T,testId:W,translations:N,icon:Z}){const[u,w]=s.useState(!1),[f,_]=s.useState([]),[R,H]=s.useState({top:0,left:0}),L=s.useRef(null),k=s.useRef(null),C=s.useMemo(()=>({...x.CASCADER_DEFAULT_TRANSLATIONS,...N}),[N]);s.useEffect(()=>{if(!u||!k.current)return;const e=()=>{const t=k.current.getBoundingClientRect(),r=Math.min(560,window.innerWidth-16);let a=Math.max(8,Math.min(t.left,window.innerWidth-r-8));H({top:t.bottom+8,left:a})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[u]),s.useEffect(()=>{const e=t=>{var a,c;const r=t.target;(a=L.current)!=null&&a.contains(r)||(c=r.closest)!=null&&c.call(r,"[data-bear-cascader-dropdown]")||w(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),s.useEffect(()=>{o.length>0&&_(o.slice(0,-1))},[o]);const U=s.useCallback((e,t)=>{for(const r of e){if(r.value===t)return r;if(r.children){const a=U(r.children,t);if(a)return a}}},[]),z=s.useMemo(()=>{var t;if(o.length===0)return"";const e=o.map((r,a)=>{let c=l;for(let i=0;i<a;i++){const b=c.find(v=>v.value===o[i]);b!=null&&b.children&&(c=b.children)}return c.find(i=>i.value===r)}).filter(Boolean);return A?e.map(r=>r.label).join(S):((t=e[e.length-1])==null?void 0:t.label)||""},[o,l,A,S]),B=s.useMemo(()=>{const e=[l];let t=l;for(const r of f){const a=t.find(c=>c.value===r);if(a!=null&&a.children)e.push(a.children),t=a.children;else break}return e},[l,f]),V=s.useCallback((e,t)=>{var a,c;const r=[...f.slice(0,t),e.value];if(!((a=e.children)!=null&&a.length)||y){const i=[];let b=l;for(const v of r){const h=b.find(G=>G.value===v);h&&(i.push(h),h.children&&(b=h.children))}d==null||d(r,i),(c=e.children)!=null&&c.length||w(!1)}},[f,l,d,y]),X=s.useCallback((e,t)=>{_(r=>[...r.slice(0,t),e.value])},[]),F=s.useCallback(e=>{e.stopPropagation(),d==null||d([],[]),_([])},[d]);return n.jsxs("div",{ref:L,className:E.cn("Bear-Cascader bear-relative",T),"data-testid":W,children:[j&&n.jsx("label",{className:"Bear-Cascader__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:j}),n.jsxs("button",{ref:k,type:"button",onClick:()=>!p&&w(!u),disabled:p,className:E.cn("Bear-Cascader__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",x.CASCADER_SIZE_CLASSES[M],x.CASCADER_VARIANT_CLASSES[q],m?"bear-border-red-500":"focus:bear-border-primary-500",p&&"bear-opacity-50 bear-cursor-not-allowed",z?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-500 dark:bear-text-zinc-500"),children:[n.jsx("span",{className:"Bear-Cascader__value bear-truncate bear-flex-1",children:P?C.loading:z||O||C.placeholder}),n.jsxs("span",{className:"Bear-Cascader__icons bear-flex bear-items-center bear-gap-1",children:[D&&o.length>0&&!p&&n.jsx("span",{onClick:F,className:"Bear-Cascader__clear bear-p-0.5 bear-rounded hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700 bear-cursor-pointer",children:n.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),Z??n.jsx("svg",{className:E.cn("Bear-Cascader__chevron bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400 bear-transition-transform",u&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})]}),m&&n.jsx("p",{className:"Bear-Cascader__error bear-mt-1 bear-text-xs bear-text-red-400",children:m}),g&&!m&&n.jsx("p",{className:"Bear-Cascader__helper bear-mt-1 bear-text-xs bear-text-zinc-500 dark:bear-text-zinc-400",children:g}),u&&typeof document<"u"&&J.createPortal(n.jsxs("div",{"data-bear-cascader-dropdown":!0,className:"Bear-Cascader__dropdown bear-fixed bear-max-w-[calc(100vw-16px)] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-flex bear-flex-col sm:bear-flex-row bear-overflow-hidden",style:{top:R.top,left:R.left,zIndex:x.CASCADER_DROPDOWN_Z_INDEX},children:[B.map((e,t)=>n.jsx(K.CascaderPanel,{options:e,selectedPath:o,expandedPath:f,onSelect:V,onExpand:X,expandTrigger:I,level:t},t)),B.every(e=>e.length===0)&&n.jsx("div",{className:"Bear-Cascader__empty bear-px-4 bear-py-3 bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:C.noOptions})]}),document.body)]})}exports.Cascader=Q;

package/dist/components/Cascader/Cascader.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { CascaderProps } from './Cascader.types';
 /**
  * Cascader - Hierarchical selection component
@@ -14,4 +13,4 @@ import { CascaderProps } from './Cascader.types';
  * />
  * ```
  */
-export declare const Cascader: FC<CascaderProps>;
+export declare function Cascader({ options, value, onChange, placeholder, label, helperText, error, disabled, loading, clearable, size, variant, expandTrigger, showFullPath, pathSeparator, changeOnSelect, className, testId, translations, icon, }: CascaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Cascader/Cascader.js

@@ -4,7 +4,7 @@ import { createPortal as $ } from "react-dom";
 import { cn as y } from "../../utils/cn.js";
 import { CASCADER_DEFAULT_TRANSLATIONS as ee, CASCADER_PATH_SEPARATOR as re, CASCADER_VARIANT_CLASSES as te, CASCADER_SIZE_CLASSES as ae, CASCADER_DROPDOWN_Z_INDEX as ne } from "./Cascader.const.js";
 import { CascaderPanel as oe } from "./components/CascaderPanel/CascaderPanel.js";
-const fe = ({
+function fe({
   options: i,
   value: s = [],
   onChange: c,
@@ -25,7 +25,7 @@ const fe = ({
   testId: X,
   translations: R,
   icon: q
-}) => {
+}) {
   const [b, w] = E(!1), [f, _] = E([]), [O, F] = E({ top: 0, left: 0 }), P = M(null), k = M(null), v = A(() => ({
     ...ee,
     ...R
@@ -184,7 +184,7 @@ const fe = ({
       ]
     }
   );
-};
+}
 export {
   fe as Cascader
 };

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

@@ -39,6 +39,7 @@ export interface CascaderTranslations {
  * Cascader component props
  */
 export interface CascaderProps {
+    id?: string;
     /** Available options (hierarchical) */
     options: CascaderOption[];
     /** Selected value path (array of values) */

package/dist/components/Chart/Chart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./BarChart.cjs"),s=require("./LineChart.cjs"),i=require("./PieChart.cjs"),r=require("./Chart.const.cjs"),C=({type:a,...e})=>{switch(a){case r.CHART_TYPES.BAR:return t.jsx(n.BarChart,{...e});case r.CHART_TYPES.LINE:case r.CHART_TYPES.AREA:return t.jsx(s.LineChart,{...e,fill:a===r.CHART_TYPES.AREA});case r.CHART_TYPES.PIE:return t.jsx(i.PieChart,{...e});case r.CHART_TYPES.DONUT:return t.jsx(i.PieChart,{...e,innerRadius:r.CHART.DEFAULT_INNER_RADIUS});default:return t.jsx(n.BarChart,{...e})}};exports.Chart=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("./BarChart.cjs"),s=require("./LineChart.cjs"),n=require("./PieChart.cjs"),r=require("./Chart.const.cjs"),C=({id:u,type:a,...e})=>{switch(a){case r.CHART_TYPES.BAR:return t.jsx(i.BarChart,{...e});case r.CHART_TYPES.LINE:case r.CHART_TYPES.AREA:return t.jsx(s.LineChart,{...e,fill:a===r.CHART_TYPES.AREA});case r.CHART_TYPES.PIE:return t.jsx(n.PieChart,{...e});case r.CHART_TYPES.DONUT:return t.jsx(n.PieChart,{...e,innerRadius:r.CHART.DEFAULT_INNER_RADIUS});default:return t.jsx(i.BarChart,{...e})}};exports.Chart=C;

package/dist/components/Chart/Chart.js

@@ -3,7 +3,11 @@ import { BarChart as i } from "./BarChart.js";
 import { LineChart as n } from "./LineChart.js";
 import { PieChart as m } from "./PieChart.js";
 import { CHART_TYPES as r, CHART as A } from "./Chart.const.js";
-const E = ({ type: a, ...t }) => {
+const C = ({
+  id: o,
+  type: a,
+  ...t
+}) => {
   switch (a) {
     case r.BAR:
       return /* @__PURE__ */ e(i, { ...t });
@@ -19,5 +23,5 @@ const E = ({ type: a, ...t }) => {
   }
 };
 export {
-  E as Chart
+  C as Chart
 };

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

@@ -6,6 +6,7 @@ export interface ChartDataPoint {
     color?: string;
 }
 export interface ChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    testId?: string;
     /** Chart type */
     type: ChartType;
     /** Data points */

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

@@ -10,6 +10,7 @@ export interface ChatMessage {
     metadata?: Record<string, unknown>;
 }
 export interface ChatProps {
+    id?: string;
     /** Array of messages */
     messages: ChatMessage[];
     /** Callback when user sends a message */

package/dist/components/Checkbox/Checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("../../utils/cn.cjs"),I={xs:"bear-w-3.5 bear-h-3.5",sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6",xl:"bear-w-7 bear-h-7"},L={xs:10,sm:12,md:14,lg:18,xl:22},E={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},R={primary:"var(--bear-primary-500, #ec4899)",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},f=c.forwardRef(({label:i,size:b="md",variant:m="primary",color:y,checked:x,defaultChecked:d,indeterminate:a=!1,disabled:l=!1,error:s=!1,helperText:h,className:g,testId:j,onChange:p,...k},w)=>{const S=c.useRef(null),r=w||S,v=c.useId(),u=y??R[m],n=L[b];c.useEffect(()=>{typeof r=="object"&&(r!=null&&r.current)&&(r.current.indeterminate=a)},[a,r]);const C=()=>e.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),N=()=>e.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})}),o=x??d;return e.jsxs("div",{className:t.cn("bear-flex bear-flex-col",g),children:[e.jsxs("label",{className:t.cn("bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",l&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsxs("div",{className:"bear-relative bear-flex bear-items-center bear-justify-center",children:[e.jsx("input",{ref:r,type:"checkbox",checked:x,defaultChecked:d,disabled:l,onChange:p,className:"bear-sr-only",id:v,"data-testid":j,...k}),e.jsx("div",{className:t.cn(I[b],"bear-rounded bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",s?"bear-border-red-500":"bear-border-gray-300 dark:bear-border-gray-600",(o||a)&&!s&&"bear-border-transparent",!l&&"hover:bear-border-gray-400"),style:{backgroundColor:o||a?s?"#ef4444":u:"transparent",borderColor:(o||a)&&!s?u:void 0},children:a?e.jsx(N,{}):o?e.jsx(C,{}):null})]}),i&&e.jsx("span",{className:t.cn(E[b],"bear-text-gray-700 dark:bear-text-gray-300",s&&"bear-text-red-500"),children:i})]}),h&&e.jsx("span",{className:t.cn("bear-text-xs bear-mt-1 bear-ml-7",s?"bear-text-red-500":"bear-text-gray-500"),children:h})]})});f.displayName="Checkbox";exports.Checkbox=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),n=require("../../utils/cn.cjs"),k=require("../../utils/generateBearId.utils.cjs"),N=require("../../utils/useBearId.cjs"),e=require("./Checkbox.const.cjs"),j=require("./helpers/CheckboxIndicatorIcon.cjs"),l=o.forwardRef((R,X)=>{const{label:i,size:E="md",variant:H="primary",color:u,checked:_,defaultChecked:O,indeterminate:c=!1,indicator:L=e.DEFAULT_CHECKBOX_INDICATOR,disabled:a=!1,error:C=!1,helperText:d,className:S,id:K,testId:h,onChange:A,...I}=R,x=o.useRef(null),r=X||x,b=N.useBearId("Checkbox"),m=k.resolveBearId(K,b),B=u??e.CHECKBOX_VARIANT_COLORS[H],f=e.CHECKBOX_ICON_SIZE[E],t=_??O;return o.useEffect(()=>{typeof r=="object"&&(r!=null&&r.current)&&(r.current.indeterminate=c)},[c,r]),s.jsxs("div",{className:n.cn(e.CHECKBOX_ROOT_CLASSES,S),children:[s.jsxs("label",{className:n.cn(e.CHECKBOX_LABEL_CLASSES,a&&e.CHECKBOX_LABEL_DISABLED),children:[s.jsxs("div",{className:e.CHECKBOX_BOX_WRAPPER,children:[s.jsx("input",{ref:r,id:m,type:"checkbox",checked:_,defaultChecked:O,disabled:a,onChange:A,className:"bear-sr-only","data-testid":h,...I}),s.jsx("div",{className:n.cn(e.CHECKBOX_SIZE_CLASSES[E],e.CHECKBOX_BOX_BASE,C?e.CHECKBOX_BOX_ERROR_BORDER:e.CHECKBOX_BOX_DEFAULT_BORDER,(t||c)&&!C&&e.CHECKBOX_BOX_CHECKED,!a&&e.CHECKBOX_BOX_HOVER),style:{backgroundColor:t||c?C?e.CHECKBOX_ERROR_COLOR:B:"transparent",borderColor:(t||c)&&!C?B:void 0},children:(c||t)&&s.jsx(j.CheckboxIndicatorIcon,{size:f,indicator:L,indeterminate:c})})]}),i&&s.jsx("span",{className:n.cn(e.CHECKBOX_LABEL_SIZE_CLASSES[E],e.CHECKBOX_LABEL_TEXT,C&&e.CHECKBOX_LABEL_ERROR),children:i})]}),d&&s.jsx("span",{className:n.cn(e.CHECKBOX_HELPER_BASE,C?e.CHECKBOX_HELPER_ERROR:e.CHECKBOX_HELPER_DEFAULT),children:d})]})});l.displayName="Checkbox";exports.Checkbox=l;

package/dist/components/Checkbox/Checkbox.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={xs:"bear-w-3.5 bear-h-3.5",sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6",xl:"bear-w-7 bear-h-7"},e={xs:10,sm:12,md:14,lg:18,xl:22},C={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},r={primary:"var(--bear-primary-500, #ec4899)",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},O="bear-flex bear-flex-col",_="bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",B="bear-opacity-50 bear-cursor-not-allowed",a="bear-relative bear-flex bear-items-center bear-justify-center",t="bear-rounded bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",R="bear-border-red-500",X="bear-border-gray-300 dark:bear-border-gray-600",b="bear-border-transparent",H="hover:bear-border-gray-400",o="bear-text-gray-700 dark:bear-text-gray-300",n="bear-text-red-500",s="bear-text-xs bear-mt-1 bear-ml-7",K="bear-text-red-500",L="bear-text-gray-500",c="#ef4444",A={width:3,color:"white",linecap:"round",linejoin:"round"},S="0 0 24 24",l="check";exports.CHECKBOX_BOX_BASE=t;exports.CHECKBOX_BOX_CHECKED=b;exports.CHECKBOX_BOX_DEFAULT_BORDER=X;exports.CHECKBOX_BOX_ERROR_BORDER=R;exports.CHECKBOX_BOX_HOVER=H;exports.CHECKBOX_BOX_WRAPPER=a;exports.CHECKBOX_ERROR_COLOR=c;exports.CHECKBOX_HELPER_BASE=s;exports.CHECKBOX_HELPER_DEFAULT=L;exports.CHECKBOX_HELPER_ERROR=K;exports.CHECKBOX_ICON_SIZE=e;exports.CHECKBOX_INDICATOR_STROKE=A;exports.CHECKBOX_INDICATOR_VIEWBOX=S;exports.CHECKBOX_LABEL_CLASSES=_;exports.CHECKBOX_LABEL_DISABLED=B;exports.CHECKBOX_LABEL_ERROR=n;exports.CHECKBOX_LABEL_SIZE_CLASSES=C;exports.CHECKBOX_LABEL_TEXT=o;exports.CHECKBOX_ROOT_CLASSES=O;exports.CHECKBOX_SIZE_CLASSES=E;exports.CHECKBOX_VARIANT_COLORS=r;exports.DEFAULT_CHECKBOX_INDICATOR=l;

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

@@ -0,0 +1,30 @@
+import { BearSize, BearVariant } from '../../types';
+import { CheckboxIndicator } from './Checkbox.types';
+export declare const C_H_E_C_K_B_O_X_ROOT_CLASS = "Bear-Checkbox";
+export declare const CHECKBOX_SIZE_CLASSES: Record<BearSize, string>;
+export declare const CHECKBOX_ICON_SIZE: Record<BearSize, number>;
+export declare const CHECKBOX_LABEL_SIZE_CLASSES: Record<BearSize, string>;
+export declare const CHECKBOX_VARIANT_COLORS: Record<BearVariant, string>;
+export declare const CHECKBOX_ROOT_CLASSES = "bear-flex bear-flex-col";
+export declare const CHECKBOX_LABEL_CLASSES = "bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer";
+export declare const CHECKBOX_LABEL_DISABLED = "bear-opacity-50 bear-cursor-not-allowed";
+export declare const CHECKBOX_BOX_WRAPPER = "bear-relative bear-flex bear-items-center bear-justify-center";
+export declare const CHECKBOX_BOX_BASE = "bear-rounded bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center";
+export declare const CHECKBOX_BOX_ERROR_BORDER = "bear-border-red-500";
+export declare const CHECKBOX_BOX_DEFAULT_BORDER = "bear-border-gray-300 dark:bear-border-gray-600";
+export declare const CHECKBOX_BOX_CHECKED = "bear-border-transparent";
+export declare const CHECKBOX_BOX_HOVER = "hover:bear-border-gray-400";
+export declare const CHECKBOX_LABEL_TEXT = "bear-text-gray-700 dark:bear-text-gray-300";
+export declare const CHECKBOX_LABEL_ERROR = "bear-text-red-500";
+export declare const CHECKBOX_HELPER_BASE = "bear-text-xs bear-mt-1 bear-ml-7";
+export declare const CHECKBOX_HELPER_ERROR = "bear-text-red-500";
+export declare const CHECKBOX_HELPER_DEFAULT = "bear-text-gray-500";
+export declare const CHECKBOX_ERROR_COLOR = "#ef4444";
+export declare const CHECKBOX_INDICATOR_STROKE: {
+    width: number;
+    color: string;
+    linecap: "round";
+    linejoin: "round";
+};
+export declare const CHECKBOX_INDICATOR_VIEWBOX = "0 0 24 24";
+export declare const DEFAULT_CHECKBOX_INDICATOR: CheckboxIndicator;

package/dist/components/Checkbox/Checkbox.const.js

@@ -0,0 +1,58 @@
+const e = {
+  xs: "bear-w-3.5 bear-h-3.5",
+  sm: "bear-w-4 bear-h-4",
+  md: "bear-w-5 bear-h-5",
+  lg: "bear-w-6 bear-h-6",
+  xl: "bear-w-7 bear-h-7"
+}, r = {
+  xs: 10,
+  sm: 12,
+  md: 14,
+  lg: 18,
+  xl: 22
+}, a = {
+  xs: "bear-text-xs",
+  sm: "bear-text-sm",
+  md: "bear-text-base",
+  lg: "bear-text-lg",
+  xl: "bear-text-xl"
+}, t = {
+  primary: "var(--bear-primary-500, #ec4899)",
+  secondary: "#6b7280",
+  success: "#22c55e",
+  danger: "#ef4444",
+  warning: "#f59e0b",
+  info: "#3b82f6",
+  ghost: "#9ca3af",
+  outline: "#374151",
+  error: "#ef4444"
+}, E = "bear-flex bear-flex-col", b = "bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer", C = "bear-opacity-50 bear-cursor-not-allowed", o = "bear-relative bear-flex bear-items-center bear-justify-center", n = "bear-rounded bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center", O = "bear-border-red-500", _ = "bear-border-gray-300 dark:bear-border-gray-600", s = "bear-border-transparent", c = "hover:bear-border-gray-400", B = "bear-text-gray-700 dark:bear-text-gray-300", R = "bear-text-red-500", X = "bear-text-xs bear-mt-1 bear-ml-7", H = "bear-text-red-500", x = "bear-text-gray-500", l = "#ef4444", K = {
+  width: 3,
+  color: "white",
+  linecap: "round",
+  linejoin: "round"
+}, L = "0 0 24 24", d = "check";
+export {
+  n as CHECKBOX_BOX_BASE,
+  s as CHECKBOX_BOX_CHECKED,
+  _ as CHECKBOX_BOX_DEFAULT_BORDER,
+  O as CHECKBOX_BOX_ERROR_BORDER,
+  c as CHECKBOX_BOX_HOVER,
+  o as CHECKBOX_BOX_WRAPPER,
+  l as CHECKBOX_ERROR_COLOR,
+  X as CHECKBOX_HELPER_BASE,
+  x as CHECKBOX_HELPER_DEFAULT,
+  H as CHECKBOX_HELPER_ERROR,
+  r as CHECKBOX_ICON_SIZE,
+  K as CHECKBOX_INDICATOR_STROKE,
+  L as CHECKBOX_INDICATOR_VIEWBOX,
+  b as CHECKBOX_LABEL_CLASSES,
+  C as CHECKBOX_LABEL_DISABLED,
+  R as CHECKBOX_LABEL_ERROR,
+  a as CHECKBOX_LABEL_SIZE_CLASSES,
+  B as CHECKBOX_LABEL_TEXT,
+  E as CHECKBOX_ROOT_CLASSES,
+  e as CHECKBOX_SIZE_CLASSES,
+  t as CHECKBOX_VARIANT_COLORS,
+  d as DEFAULT_CHECKBOX_INDICATOR
+};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,13 +1,2 @@
 import { CheckboxProps } from './Checkbox.types';
-/**
- * Checkbox component for boolean selection
- *
- * @example
- * ```tsx
- * <Checkbox label="Accept terms" checked={accepted} onChange={(e) => setAccepted(e.target.checked)} />
- * <Checkbox label="Subscribe" variant="success" />
- * <Checkbox indeterminate label="Select all" />
- * ```
- */
 export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/dist/components/Checkbox/Checkbox.js

@@ -1,139 +1,96 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as I, useRef as L, useId as j, useEffect as E } from "react";
+import { jsxs as t, jsx as E } from "react/jsx-runtime";
+import { forwardRef as b, useRef as N, useEffect as u } from "react";
 import { cn as o } from "../../utils/cn.js";
-const A = {
-  xs: "bear-w-3.5 bear-h-3.5",
-  sm: "bear-w-4 bear-h-4",
-  md: "bear-w-5 bear-h-5",
-  lg: "bear-w-6 bear-h-6",
-  xl: "bear-w-7 bear-h-7"
-}, R = {
-  xs: 10,
-  sm: 12,
-  md: 14,
-  lg: 18,
-  xl: 22
-}, _ = {
-  xs: "bear-text-xs",
-  sm: "bear-text-sm",
-  md: "bear-text-base",
-  lg: "bear-text-lg",
-  xl: "bear-text-xl"
-}, B = {
-  primary: "var(--bear-primary-500, #ec4899)",
-  secondary: "#6b7280",
-  success: "#22c55e",
-  danger: "#ef4444",
-  warning: "#f59e0b",
-  info: "#3b82f6",
-  ghost: "#9ca3af",
-  outline: "#374151",
-  error: "#ef4444"
-}, O = I(({
-  label: i,
-  size: b = "md",
-  variant: m = "primary",
-  color: p,
-  checked: d,
-  defaultChecked: x,
-  indeterminate: a = !1,
-  disabled: c = !1,
-  error: t = !1,
-  helperText: f,
-  className: y,
-  testId: u,
-  onChange: g,
-  ...k
-}, w) => {
-  const v = L(null), r = w || v, S = j(), h = p ?? B[m], s = R[b];
-  E(() => {
-    typeof r == "object" && (r != null && r.current) && (r.current.indeterminate = a);
-  }, [a, r]);
-  const C = () => /* @__PURE__ */ e(
-    "svg",
-    {
-      width: s,
-      height: s,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "white",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
-    }
-  ), N = () => /* @__PURE__ */ e(
-    "svg",
-    {
-      width: s,
-      height: s,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "white",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
-    }
-  ), n = d ?? x;
-  return /* @__PURE__ */ l("div", { className: o("bear-flex bear-flex-col", y), children: [
-    /* @__PURE__ */ l(
+import { resolveBearId as k } from "../../utils/generateBearId.utils.js";
+import { useBearId as x } from "../../utils/useBearId.js";
+import { DEFAULT_CHECKBOX_INDICATOR as D, CHECKBOX_BOX_WRAPPER as T, CHECKBOX_VARIANT_COLORS as v, CHECKBOX_ERROR_COLOR as y, CHECKBOX_ICON_SIZE as P, CHECKBOX_BOX_HOVER as g, CHECKBOX_BOX_CHECKED as j, CHECKBOX_BOX_ERROR_BORDER as z, CHECKBOX_BOX_DEFAULT_BORDER as F, CHECKBOX_BOX_BASE as U, CHECKBOX_SIZE_CLASSES as Z, CHECKBOX_LABEL_ERROR as V, CHECKBOX_LABEL_TEXT as w, CHECKBOX_LABEL_SIZE_CLASSES as W, CHECKBOX_LABEL_DISABLED as q, CHECKBOX_LABEL_CLASSES as G, CHECKBOX_HELPER_ERROR as J, CHECKBOX_HELPER_DEFAULT as M, CHECKBOX_HELPER_BASE as Q, CHECKBOX_ROOT_CLASSES as Y } from "./Checkbox.const.js";
+import { CheckboxIndicatorIcon as $ } from "./helpers/CheckboxIndicatorIcon.js";
+const ee = b((d, l) => {
+  const {
+    label: _,
+    size: a = "md",
+    variant: R = "primary",
+    color: m,
+    checked: n,
+    defaultChecked: O,
+    indeterminate: e = !1,
+    indicator: X = D,
+    disabled: c = !1,
+    error: r = !1,
+    helperText: i,
+    className: H,
+    id: L,
+    testId: K,
+    onChange: S,
+    ...A
+  } = d, f = N(null), C = l || f, p = x("Checkbox"), h = k(L, p), B = m ?? v[R], I = P[a], s = n ?? O;
+  return u(() => {
+    typeof C == "object" && (C != null && C.current) && (C.current.indeterminate = e);
+  }, [e, C]), /* @__PURE__ */ t("div", { className: o(Y, H), children: [
+    /* @__PURE__ */ t(
       "label",
       {
         className: o(
-          "bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",
-          c && "bear-opacity-50 bear-cursor-not-allowed"
+          G,
+          c && q
         ),
         children: [
-          /* @__PURE__ */ l("div", { className: "bear-relative bear-flex bear-items-center bear-justify-center", children: [
-            /* @__PURE__ */ e(
+          /* @__PURE__ */ t("div", { className: T, children: [
+            /* @__PURE__ */ E(
               "input",
               {
-                ref: r,
+                ref: C,
+                id: h,
                 type: "checkbox",
-                checked: d,
-                defaultChecked: x,
+                checked: n,
+                defaultChecked: O,
                 disabled: c,
-                onChange: g,
+                onChange: S,
                 className: "bear-sr-only",
-                id: S,
-                "data-testid": u,
-                ...k
+                "data-testid": K,
+                ...A
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ E(
               "div",
               {
                 className: o(
-                  A[b],
-                  "bear-rounded bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",
-                  t ? "bear-border-red-500" : "bear-border-gray-300 dark:bear-border-gray-600",
-                  (n || a) && !t && "bear-border-transparent",
-                  !c && "hover:bear-border-gray-400"
+                  Z[a],
+                  U,
+                  r ? z : F,
+                  (s || e) && !r && j,
+                  !c && g
                 ),
                 style: {
-                  backgroundColor: n || a ? t ? "#ef4444" : h : "transparent",
-                  borderColor: (n || a) && !t ? h : void 0
+                  backgroundColor: s || e ? r ? y : B : "transparent",
+                  borderColor: (s || e) && !r ? B : void 0
                 },
-                children: a ? /* @__PURE__ */ e(N, {}) : n ? /* @__PURE__ */ e(C, {}) : null
+                children: (e || s) && /* @__PURE__ */ E(
+                  $,
+                  {
+                    size: I,
+                    indicator: X,
+                    indeterminate: e
+                  }
+                )
               }
             )
           ] }),
-          i && /* @__PURE__ */ e("span", { className: o(
-            _[b],
-            "bear-text-gray-700 dark:bear-text-gray-300",
-            t && "bear-text-red-500"
-          ), children: i })
+          _ && /* @__PURE__ */ E("span", { className: o(
+            W[a],
+            w,
+            r && V
+          ), children: _ })
         ]
       }
     ),
-    f && /* @__PURE__ */ e("span", { className: o(
-      "bear-text-xs bear-mt-1 bear-ml-7",
-      t ? "bear-text-red-500" : "bear-text-gray-500"
-    ), children: f })
+    i && /* @__PURE__ */ E("span", { className: o(
+      Q,
+      r ? J : M
+    ), children: i })
   ] });
 });
-O.displayName = "Checkbox";
+ee.displayName = "Checkbox";
 export {
-  O as Checkbox
+  ee as Checkbox
 };

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

@@ -1,28 +1,19 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { BearSize, BearVariant } from '../../types';
+export type CheckboxIndicator = 'check' | 'x' | 'minus';
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /** Checkbox label */
+    id?: string;
     label?: ReactNode;
-    /** Size of the checkbox */
     size?: BearSize;
-    /** Color variant */
     variant?: BearVariant;
-    /** Custom color override */
     color?: string;
-    /** Whether checkbox is checked */
     checked?: boolean;
-    /** Default checked state for uncontrolled mode */
     defaultChecked?: boolean;
-    /** Whether checkbox is in indeterminate state */
     indeterminate?: boolean;
-    /** Whether checkbox is disabled */
+    indicator?: CheckboxIndicator;
     disabled?: boolean;
-    /** Error state */
     error?: boolean;
-    /** Helper text shown below */
     helperText?: string;
-    /** Callback when checkbox changes */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Test ID */
     testId?: string;
 }

package/dist/components/Checkbox/helpers/CheckboxIndicatorIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../Checkbox.const.cjs"),C=s=>{const{size:n,indicator:o,indeterminate:r=!1}=s,t={fill:"none",stroke:i.CHECKBOX_INDICATOR_STROKE.color,strokeWidth:i.CHECKBOX_INDICATOR_STROKE.width,strokeLinecap:i.CHECKBOX_INDICATOR_STROKE.linecap,strokeLinejoin:i.CHECKBOX_INDICATOR_STROKE.linejoin};return r||o==="minus"?e.jsx("svg",{width:n,height:n,viewBox:i.CHECKBOX_INDICATOR_VIEWBOX,...t,children:e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})}):o==="x"?e.jsxs("svg",{width:n,height:n,viewBox:i.CHECKBOX_INDICATOR_VIEWBOX,...t,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}):e.jsx("svg",{width:n,height:n,viewBox:i.CHECKBOX_INDICATOR_VIEWBOX,...t,children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})};exports.CheckboxIndicatorIcon=C;

package/dist/components/Checkbox/helpers/CheckboxIndicatorIcon.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxIndicatorIconProps } from './CheckboxIndicatorIcon.types';
+export declare const CheckboxIndicatorIcon: (props: CheckboxIndicatorIconProps) => import("react/jsx-runtime").JSX.Element;