@mage-ui/components 1.0.16 → 1.0.18

package/dist/components/controls/password-input-strength/{PasswordInputStrength.d.mts → oldPasswordInputStrength.d.mts}

@@ -1,7 +1,7 @@
 import { PasswordInputProps } from "../password-input/PasswordInput.mjs";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
-//#region src/components/controls/password-input-strength/PasswordInputStrength.d.ts
+//#region src/components/controls/password-input-strength/oldPasswordInputStrength.d.ts
 type PasswordInputStrengthProps = Omit<PasswordInputProps, 'classNames'> & {
   weakPasswordText?: string;
   mediumPasswordText?: string;
@@ -37,7 +37,7 @@ declare const PasswordInputStrength: ({
   weakPasswordText,
   mediumPasswordText,
   strongPasswordText
-}: PasswordInputStrengthProps) => react_jsx_runtime24.JSX.Element;
+}: PasswordInputStrengthProps) => react_jsx_runtime34.JSX.Element;
 //#endregion
 export { PasswordInputStrength, PasswordInputStrengthProps };
-//# sourceMappingURL=PasswordInputStrength.d.mts.map
+//# sourceMappingURL=oldPasswordInputStrength.d.mts.map

package/dist/components/controls/password-input-strength/oldPasswordInputStrength.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oldPasswordInputStrength.d.mts","names":[],"sources":["../../../../src/components/controls/password-input-strength/oldPasswordInputStrength.tsx"],"mappings":";;;;KAyBY,0BAAA,GAA6B,IAAA,CACvC,kBAAA;EAGA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA,GAAa,IAAA,CACX,WAAA,CAAY,kBAAA;IAGZ,qBAAA;IACA,iBAAA;MACE,iBAAA;MACA,IAAA;MACA,IAAA;MACA,GAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cA4DO,qBAAA;EAAyB,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,WAAA;EAAA,UAAA;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,YAAA;EAAA,EAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,kBAAA;EAAA;AAAA,GAoBnC,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/password-input-strength/{PasswordInputStrength.mjs → oldPasswordInputStrength.mjs}

@@ -1,2 +1,2 @@
-import{PasswordInput as e}from"../password-input/PasswordInput.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{passwordInputStrength as n,passwordInputStrengthDescription as r,passwordInputStrengthError as i,passwordInputStrengthInput as a,passwordInputStrengthLabel as o,passwordInputStrengthRequired as s,passwordInputStrengthRoot as c,passwordInputStrengthSection as l,passwordInputStrengthStrengthIndicator as u,passwordInputStrengthStrengthIndicatorBar as d,passwordInputStrengthStrengthIndicatorBars as f,passwordInputStrengthStrengthIndicatorRoot as p,passwordInputStrengthStrengthIndicatorText as m,passwordInputStrengthWrapper as h}from"@mage-ui/styled-system/recipes";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useState as y}from"react";const b=[{re:/.{6,}/},{re:/.{10,}/},{re:/[0-9]/},{re:/[a-z]/},{re:/[A-Z]/},{re:/[$&+,:;=?@#|'<>.^*()%!-]/}],x=e=>{let t=0;if(!e)return 0;for(let n=0;n<b.length;n++)b[n].re.test(e)&&t++;return t},S=(e,t)=>{let n=Math.min(e,4);return t>=n?`neutral`:n<=1?`weak`:n<=3?`medium`:`strong`},C=(e,t)=>{let n=S(e,t);return n===`neutral`?`var(--password-input-strength-strength-indicator-bar-background-neutral)`:`var(--password-input-strength-strength-indicator-bar-background-${n})`},w=(e,t)=>e===0?``:e<=1?t.weakPasswordText:e<=3?t.mediumPasswordText:t.strongPasswordText,T=({name:b,label:S,description:T,error:E,placeholder:D,classNames:O,startSlot:k,onChange:A,value:j,defaultValue:M,id:N,disabled:P,required:F,readOnly:I,onClick:L,onFocus:R,weakPasswordText:z,mediumPasswordText:B,strongPasswordText:V})=>{let[H,U]=y(j??M??``),W=j??H,G=e=>{j===void 0&&U(e.target.value),A?.(e)},K={weakPasswordText:z??`Weak`,mediumPasswordText:B??`Medium`,strongPasswordText:V??`Strong`},q=x(W),J=w(q,K);return v(g,{children:[_(e,{name:b,label:S,description:T,error:E,placeholder:D,value:j,id:N,disabled:P,required:F,readOnly:I,onChange:G,onClick:L,onFocus:R,defaultValue:M,startSlot:k,classNames:{root:t(O?.passwordInputStrength??n(),O?.root??c()),label:O?.label??o(),required:O?.required??s(),description:O?.description??r(),error:O?.error??i(),wrapper:O?.wrapper??h(),input:O?.input??a(),section:O?.section??l()}}),v(`div`,{className:t(O?.strengthIndicator?.strengthIndicator??u(),O?.strengthIndicator?.root??p()),children:[_(`div`,{className:O?.strengthIndicator?.bars??f(),children:[0,1,2,3].map(e=>_(`div`,{className:O?.strengthIndicator?.bar??d(),style:{"--password-input-strength-strength-indicator-bar-background":C(q,e)}},e))}),_(`p`,{className:O?.strengthIndicator?.text??m(),children:J})]})]})};export{T as PasswordInputStrength};
-//# sourceMappingURL=PasswordInputStrength.mjs.map
+import{PasswordInput as e}from"../password-input/PasswordInput.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{passwordInputStrength as n,passwordInputStrengthDescription as r,passwordInputStrengthError as i,passwordInputStrengthInput as a,passwordInputStrengthLabel as o,passwordInputStrengthRequired as s,passwordInputStrengthRoot as c,passwordInputStrengthSection as l,passwordInputStrengthStrengthIndicator as u,passwordInputStrengthStrengthIndicatorBar as d,passwordInputStrengthStrengthIndicatorBars as f,passwordInputStrengthStrengthIndicatorRoot as p,passwordInputStrengthStrengthIndicatorText as m,passwordInputStrengthWrapper as h}from"@mage-ui/styled-system/recipes";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useState as y}from"react";const b=[{re:/.{6,}/},{re:/.{10,}/},{re:/[0-9]/},{re:/[a-z]/},{re:/[A-Z]/},{re:/[$&+,:;=?@#|'<>.^*()%!-]/}],x=e=>{let t=0;if(!e)return 0;for(let n=0;n<b.length;n++)b[n].re.test(e)&&t++;return t},S=(e,t)=>{let n=Math.min(e,4);return t>=n?`neutral`:n<=1?`weak`:n<=3?`medium`:`strong`},C=(e,t)=>{let n=S(e,t);return n===`neutral`?`var(--password-input-strength-strength-indicator-bar-background-neutral)`:`var(--password-input-strength-strength-indicator-bar-background-${n})`},w=(e,t)=>e===0?``:e<=1?t.weakPasswordText:e<=3?t.mediumPasswordText:t.strongPasswordText,T=({name:b,label:S,description:T,error:E,placeholder:D,classNames:O,startSlot:k,onChange:A,value:j,defaultValue:M,id:N,disabled:P,required:F,readOnly:I,onClick:L,onFocus:R,weakPasswordText:z,mediumPasswordText:B,strongPasswordText:V})=>{let[H,U]=y(j??M??``),W=j??H,G=e=>{j===void 0&&U(e.target.value),A?.(e)},K={weakPasswordText:z??`Weak`,mediumPasswordText:B??`Medium`,strongPasswordText:V??`Strong`},q=x(W),J=w(q,K);return v(g,{children:[_(e,{name:b,label:S,description:T,error:E,placeholder:D,value:j,id:N,disabled:P,required:F,readOnly:I,onChange:G,onClick:L,onFocus:R,defaultValue:M,startSlot:k,classNames:{root:t(O?.passwordInputStrength??n(),O?.root??c()),label:O?.label??o(),required:O?.required??s(),description:O?.description??r(),error:O?.error??i(),wrapper:O?.wrapper??h(),input:O?.input??a(),section:O?.section??l()}}),W&&v(`div`,{className:t(O?.strengthIndicator?.strengthIndicator??u(),O?.strengthIndicator?.root??p()),children:[_(`div`,{className:O?.strengthIndicator?.bars??f(),children:Array.from({length:4}).map((e,t)=>_(`span`,{"aria-hidden":`true`,className:O?.strengthIndicator?.bar??d(),style:{"--password-input-strength-strength-indicator-bar-background":C(q,t)}},t))}),_(`p`,{"aria-live":`polite`,className:O?.strengthIndicator?.text??m(),children:J})]})]})};export{T as PasswordInputStrength};
+//# sourceMappingURL=oldPasswordInputStrength.mjs.map

package/dist/components/controls/password-input-strength/oldPasswordInputStrength.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"oldPasswordInputStrength.mjs","names":[],"sources":["../../../../src/components/controls/password-input-strength/oldPasswordInputStrength.tsx"],"sourcesContent":["import { type ChangeEvent, type CSSProperties, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  passwordInputStrength,\n  passwordInputStrengthDescription,\n  passwordInputStrengthError,\n  passwordInputStrengthInput,\n  passwordInputStrengthLabel,\n  passwordInputStrengthRequired,\n  passwordInputStrengthRoot,\n  passwordInputStrengthSection,\n  passwordInputStrengthStrengthIndicator,\n  passwordInputStrengthStrengthIndicatorBar,\n  passwordInputStrengthStrengthIndicatorBars,\n  passwordInputStrengthStrengthIndicatorRoot,\n  passwordInputStrengthStrengthIndicatorText,\n  passwordInputStrengthWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  PasswordInput,\n  type PasswordInputProps,\n} from '../password-input/PasswordInput';\n\nexport type PasswordInputStrengthProps = Omit<\n  PasswordInputProps,\n  'classNames'\n> & {\n  weakPasswordText?: string;\n  mediumPasswordText?: string;\n  strongPasswordText?: string;\n  classNames?: Omit<\n    NonNullable<PasswordInputProps['classNames']>,\n    'passwordInput'\n  > & {\n    passwordInputStrength?: string;\n    strengthIndicator?: {\n      strengthIndicator?: string;\n      root?: string;\n      bars?: string;\n      bar?: string;\n      text?: string;\n    };\n  };\n};\n\ntype StrengthState = 'neutral' | 'weak' | 'medium' | 'strong';\n\nconst requirements = [\n  { re: /.{6,}/ },\n  { re: /.{10,}/ },\n  { re: /[0-9]/ },\n  { re: /[a-z]/ },\n  { re: /[A-Z]/ },\n  { re: /[$&+,:;=?@#|'<>.^*()%!-]/ },\n];\n\nconst calculateStrength = (password: string) => {\n  let score = 0;\n  if (!password) return 0;\n\n  for (let i = 0; i < requirements.length; i++) {\n    const req = requirements[i];\n    if (req.re.test(password)) {\n      score++;\n    }\n  }\n  return score;\n};\n\nconst getStrengthState = (score: number, index: number): StrengthState => {\n  const filledBars = Math.min(score, 4);\n\n  if (index >= filledBars) return 'neutral';\n  if (filledBars <= 1) return 'weak';\n  if (filledBars <= 3) return 'medium';\n  return 'strong';\n};\n\nconst getStateBackgroundBar = (score: number, index: number): string => {\n  const state = getStrengthState(score, index);\n  if (state === 'neutral') {\n    return 'var(--password-input-strength-strength-indicator-bar-background-neutral)';\n  }\n  return `var(--password-input-strength-strength-indicator-bar-background-${state})`;\n};\n\nconst getStrengthLabel = (\n  score: number,\n  texts: {\n    weakPasswordText: string;\n    mediumPasswordText: string;\n    strongPasswordText: string;\n  },\n) => {\n  if (score === 0) return '';\n  if (score <= 1) return texts.weakPasswordText;\n  if (score <= 3) return texts.mediumPasswordText;\n  return texts.strongPasswordText;\n};\n\nexport const PasswordInputStrength = ({\n  name,\n  label,\n  description,\n  error,\n  placeholder,\n  classNames,\n  startSlot,\n  onChange,\n  value,\n  defaultValue,\n  id,\n  disabled,\n  required,\n  readOnly,\n  onClick,\n  onFocus,\n  weakPasswordText,\n  mediumPasswordText,\n  strongPasswordText,\n}: PasswordInputStrengthProps) => {\n  const [innerValue, setInnerValue] = useState<string>(\n    (value as string) ?? (defaultValue as string) ?? '',\n  );\n\n  const strengthBarsCount = 4;\n  const currentValue = (value as string) ?? innerValue;\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (value === undefined) {\n      setInnerValue(e.target.value);\n    }\n    onChange?.(e);\n  };\n  const passwordTexts = {\n    weakPasswordText: weakPasswordText ?? 'Weak',\n    mediumPasswordText: mediumPasswordText ?? 'Medium',\n    strongPasswordText: strongPasswordText ?? 'Strong',\n  };\n  const score = calculateStrength(currentValue);\n  const strengthLabel = getStrengthLabel(score, passwordTexts);\n\n  return (\n    <>\n      <PasswordInput\n        name={name}\n        label={label}\n        description={description}\n        error={error}\n        placeholder={placeholder}\n        value={value}\n        id={id}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        onChange={handleChange}\n        onClick={onClick}\n        onFocus={onFocus}\n        defaultValue={defaultValue}\n        startSlot={startSlot}\n        classNames={{\n          root: cx(\n            classNames?.passwordInputStrength ?? passwordInputStrength(),\n            classNames?.root ?? passwordInputStrengthRoot(),\n          ),\n          label: classNames?.label ?? passwordInputStrengthLabel(),\n          required: classNames?.required ?? passwordInputStrengthRequired(),\n          description:\n            classNames?.description ?? passwordInputStrengthDescription(),\n          error: classNames?.error ?? passwordInputStrengthError(),\n          wrapper: classNames?.wrapper ?? passwordInputStrengthWrapper(),\n          input: classNames?.input ?? passwordInputStrengthInput(),\n          section: classNames?.section ?? passwordInputStrengthSection(),\n        }}\n      />\n      {currentValue && (\n        <div\n          className={cx(\n            classNames?.strengthIndicator?.strengthIndicator ??\n              passwordInputStrengthStrengthIndicator(),\n            classNames?.strengthIndicator?.root ??\n              passwordInputStrengthStrengthIndicatorRoot(),\n          )}\n        >\n          <div\n            className={\n              classNames?.strengthIndicator?.bars ??\n              passwordInputStrengthStrengthIndicatorBars()\n            }\n          >\n            {Array.from({ length: strengthBarsCount }).map((_, index) => (\n              <span\n                aria-hidden='true'\n                key={index}\n                className={\n                  classNames?.strengthIndicator?.bar ??\n                  passwordInputStrengthStrengthIndicatorBar()\n                }\n                style={\n                  {\n                    '--password-input-strength-strength-indicator-bar-background':\n                      getStateBackgroundBar(score, index),\n                  } as CSSProperties\n                }\n              />\n            ))}\n          </div>\n\n          <p\n            aria-live='polite'\n            className={\n              classNames?.strengthIndicator?.text ??\n              passwordInputStrengthStrengthIndicatorText()\n            }\n          >\n            {strengthLabel}\n          </p>\n        </div>\n      )}\n    </>\n  );\n};\n"],"mappings":"mxBAiDA,MAAM,EAAe,CACnB,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,SAAU,CAChB,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,2BAA4B,CACnC,CAEK,EAAqB,GAAqB,CAC9C,IAAI,EAAQ,EACZ,GAAI,CAAC,EAAU,MAAO,GAEtB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,OAAQ,IAC3B,EAAa,GACjB,GAAG,KAAK,EAAS,EACvB,IAGJ,OAAO,GAGH,GAAoB,EAAe,IAAiC,CACxE,IAAM,EAAa,KAAK,IAAI,EAAO,EAAE,CAKrC,OAHI,GAAS,EAAmB,UAC5B,GAAc,EAAU,OACxB,GAAc,EAAU,SACrB,UAGH,GAAyB,EAAe,IAA0B,CACtE,IAAM,EAAQ,EAAiB,EAAO,EAAM,CAI5C,OAHI,IAAU,UACL,2EAEF,mEAAmE,EAAM,IAG5E,GACJ,EACA,IAMI,IAAU,EAAU,GACpB,GAAS,EAAU,EAAM,iBACzB,GAAS,EAAU,EAAM,mBACtB,EAAM,mBAGF,GAAyB,CACpC,OACA,QACA,cACA,QACA,cACA,aACA,YACA,WACA,QACA,eACA,KACA,WACA,WACA,WACA,UACA,UACA,mBACA,qBACA,wBACgC,CAChC,GAAM,CAAC,EAAY,GAAiB,EACjC,GAAqB,GAA2B,GAClD,CAGK,EAAgB,GAAoB,EAEpC,EAAgB,GAAqC,CACrD,IAAU,IAAA,IACZ,EAAc,EAAE,OAAO,MAAM,CAE/B,IAAW,EAAE,EAET,EAAgB,CACpB,iBAAkB,GAAoB,OACtC,mBAAoB,GAAsB,SAC1C,mBAAoB,GAAsB,SAC3C,CACK,EAAQ,EAAkB,EAAa,CACvC,EAAgB,EAAiB,EAAO,EAAc,CAE5D,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CACO,OACC,QACM,cACN,QACM,cACN,QACH,KACM,WACA,WACA,WACV,SAAU,EACD,UACA,UACK,eACH,YACX,WAAY,CACV,KAAM,EACJ,GAAY,uBAAyB,GAAuB,CAC5D,GAAY,MAAQ,GAA2B,CAChD,CACD,MAAO,GAAY,OAAS,GAA4B,CACxD,SAAU,GAAY,UAAY,GAA+B,CACjE,YACE,GAAY,aAAe,GAAkC,CAC/D,MAAO,GAAY,OAAS,GAA4B,CACxD,QAAS,GAAY,SAAW,GAA8B,CAC9D,MAAO,GAAY,OAAS,GAA4B,CACxD,QAAS,GAAY,SAAW,GAA8B,CAC/D,EACD,CACD,GACC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,mBAAmB,mBAC7B,GAAwC,CAC1C,GAAY,mBAAmB,MAC7B,GAA4C,CAC/C,WAED,EAAC,MAAA,CACC,UACE,GAAY,mBAAmB,MAC/B,GAA4C,UAG7C,MAAM,KAAK,CAAE,OAAQ,EAAmB,CAAC,CAAC,KAAK,EAAG,IACjD,EAAC,OAAA,CACC,cAAY,OAEZ,UACE,GAAY,mBAAmB,KAC/B,GAA2C,CAE7C,MACE,CACE,8DACE,EAAsB,EAAO,EAAM,CACtC,EATE,EAWL,CACF,EACE,CAEN,EAAC,IAAA,CACC,YAAU,SACV,UACE,GAAY,mBAAmB,MAC/B,GAA4C,UAG7C,GACC,CAAA,EACA,CAAA,CAAA,CAEP"}

package/dist/components/controls/radio/Radio.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.mts","names":[],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"mappings":";;;;KAoBY,UAAA,GAAa,IAAA,CAAK,cAAA;EAC5B,KAAA,EAAO,SAAA;EACP,WAAA;EACA,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA;EACA,UAAA;IACE,IAAA;IACA,KAAA;IACA,UAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,YAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,KAAA;EAAA;;;;;;;;;KAUR,UAAA,GAAa,SAAA"}
+{"version":3,"file":"Radio.d.mts","names":[],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"mappings":";;;;KAoBY,UAAA,GAAa,IAAA,CAAK,cAAA;EAC5B,KAAA,EAAO,SAAA;EACP,WAAA;EACA,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA;EACA,UAAA;IACE,IAAA;IACA,KAAA;IACA,UAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,YAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,KAAA;EAAA;;;;;;;;;KASV,UAAA,GAAa,SAAA"}

package/dist/components/controls/radio/Radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.mjs","names":["Radio","MantineRadio"],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  radio,\n  radioBody,\n  radioDescription,\n  radioError,\n  radioIcon,\n  radioInner,\n  radioLabel,\n  radioLabelWrapper,\n  radioRadio,\n  radioRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as MantineRadio } from '@mantine/core';\n\nimport { RadioGroup } from '../radio-group/RadioGroup';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\n\nexport type RadioProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label: ReactNode;\n  hiddenLabel?: boolean;\n  error?: ReactNode;\n  description?: ReactNode;\n  value?: string;\n  classNames?: {\n    root?: string;\n    radio?: string;\n    radioRadio?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\nexport const Radio = (\n  { \n    classNames, \n    label,\n    hiddenLabel,\n    description,\n    error,\n    value,\n    disabled,\n    onChange,\n  }: RadioProps): ReactNode => {\n  return (\n    <MantineRadio\n      classNames={{\n        root: cx(classNames?.radio ?? radio(), classNames?.root ?? radioRoot()),\n        radio: cx(classNames?.radioRadio ?? radioRadio(), 'peer'),\n        icon: classNames?.icon ?? radioIcon(),\n        inner: classNames?.inner ?? radioInner(),\n        body: classNames?.body ?? radioBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioLabelWrapper(),\n        label: cx(classNames?.label ?? radioLabel(), hiddenLabel && visuallyHidden()),\n        description: classNames?.description ?? radioDescription(),\n        error: classNames?.error ?? radioError(),\n      }}\n      label={label}\n      description={description}\n      error={error}\n      value={value}\n      disabled={disabled}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.displayName = 'Radio';\nRadio.Group = RadioGroup;"],"mappings":"2cAwCA,MAAaA,GACX,CACE,aACA,QACA,cACA,cACA,QACA,QACA,WACA,cAGA,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,OAAS,GAAO,CAAE,GAAY,MAAQ,GAAW,CAAC,CACvE,MAAO,EAAG,GAAY,YAAc,GAAY,CAAE,OAAO,CACzD,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,aAAc,GAAY,cAAgB,GAAmB,CAC7D,MAAO,EAAG,GAAY,OAAS,GAAY,CAAE,GAAe,GAAgB,CAAC,CAC7E,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACzC,CACM,QACM,cACN,QACA,QACG,WACA,YACV,CAIN,EAAM,YAAc,QACpB,EAAM,MAAQ"}
+{"version":3,"file":"Radio.mjs","names":["Radio","MantineRadio"],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  radio,\n  radioBody,\n  radioDescription,\n  radioError,\n  radioIcon,\n  radioInner,\n  radioLabel,\n  radioLabelWrapper,\n  radioRadio,\n  radioRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as MantineRadio } from '@mantine/core';\n\nimport { RadioGroup } from '../radio-group/RadioGroup';\n\nexport type RadioProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label: ReactNode;\n  hiddenLabel?: boolean;\n  error?: ReactNode;\n  description?: ReactNode;\n  value?: string;\n  classNames?: {\n    root?: string;\n    radio?: string;\n    radioRadio?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\nexport const Radio = ({\n  classNames,\n  label,\n  hiddenLabel,\n  description,\n  error,\n  value,\n  disabled,\n  onChange,\n}: RadioProps): ReactNode => {\n  return (\n    <MantineRadio\n      classNames={{\n        root: cx(classNames?.radio ?? radio(), classNames?.root ?? radioRoot()),\n        radio: cx(classNames?.radioRadio ?? radioRadio(), 'peer'),\n        icon: classNames?.icon ?? radioIcon(),\n        inner: classNames?.inner ?? radioInner(),\n        body: classNames?.body ?? radioBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioLabelWrapper(),\n        label: cx(\n          classNames?.label ?? radioLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? radioDescription(),\n        error: classNames?.error ?? radioError(),\n      }}\n      label={label}\n      description={description}\n      error={error}\n      value={value}\n      disabled={disabled}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.displayName = 'Radio';\nRadio.Group = RadioGroup;\n"],"mappings":"2cAwCA,MAAaA,GAAS,CACpB,aACA,QACA,cACA,cACA,QACA,QACA,WACA,cAGE,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,OAAS,GAAO,CAAE,GAAY,MAAQ,GAAW,CAAC,CACvE,MAAO,EAAG,GAAY,YAAc,GAAY,CAAE,OAAO,CACzD,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,aAAc,GAAY,cAAgB,GAAmB,CAC7D,MAAO,EACL,GAAY,OAAS,GAAY,CACjC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACzC,CACM,QACM,cACN,QACA,QACG,WACA,YACV,CAIN,EAAM,YAAc,QACpB,EAAM,MAAQ"}

package/dist/components/controls/radio-group/RadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","names":["MantineRadio"],"sources":["../../../../src/components/controls/radio-group/RadioGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  radioGroup,\n  radioGroupDescription,\n  radioGroupError,\n  radioGroupGroup,\n  radioGroupLabel,\n  radioGroupRequired,\n  radioGroupRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as MantineRadio } from '@mantine/core';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\n\nexport type RadioGroupProps = {\n  label: ReactNode;\n  error?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  value?: string;\n  onChange?: (value: string) => void;\n  hiddenLabel?: boolean;\n  required?: boolean;\n  classNames?: {\n    radioGroup?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    required?: string;\n    groupList?: string;\n  };\n};\n\nexport const RadioGroup = ({\n  label,\n  error,\n  description,\n  children,\n  value,\n  onChange,\n  hiddenLabel,\n  required,\n  classNames,\n}: RadioGroupProps): ReactNode => {\n  return (\n    <MantineRadio.Group\n      classNames={{\n        root: cx(\n          classNames?.radioGroup ?? radioGroup(),\n          classNames?.root ?? radioGroupRoot(),\n        ),\n        label: cx(classNames?.label ?? radioGroupLabel(), hiddenLabel && visuallyHidden()),\n        description: classNames?.description ?? radioGroupDescription(),\n        required: classNames?.required ?? radioGroupRequired(),\n        error: classNames?.error ?? radioGroupError(),\n      }}\n      label={label}\n      description={description}\n      error={error}\n      value={value}\n      onChange={onChange}\n      withAsterisk={required}\n    >\n      <div className={classNames?.groupList ?? radioGroupGroup()}>\n        {children}\n      </div>\n    </MantineRadio.Group>\n  );\n};\n\nRadioGroup.displayName = 'Radio.Group';"],"mappings":"iYAmCA,MAAa,GAAc,CACzB,QACA,QACA,cACA,WACA,QACA,WACA,cACA,WACA,gBAGE,EAACA,EAAa,MAAA,CACZ,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,MAAO,EAAG,GAAY,OAAS,GAAiB,CAAE,GAAe,GAAgB,CAAC,CAClF,YAAa,GAAY,aAAe,GAAuB,CAC/D,SAAU,GAAY,UAAY,GAAoB,CACtD,MAAO,GAAY,OAAS,GAAiB,CAC9C,CACM,QACM,cACN,QACA,QACG,WACV,aAAc,WAEd,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAiB,CACvD,YACG,EACa,CAIzB,EAAW,YAAc"}
+{"version":3,"file":"RadioGroup.mjs","names":["MantineRadio"],"sources":["../../../../src/components/controls/radio-group/RadioGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  radioGroup,\n  radioGroupDescription,\n  radioGroupError,\n  radioGroupGroup,\n  radioGroupLabel,\n  radioGroupRequired,\n  radioGroupRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as MantineRadio } from '@mantine/core';\n\nexport type RadioGroupProps = {\n  label: ReactNode;\n  error?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  value?: string;\n  onChange?: (value: string) => void;\n  hiddenLabel?: boolean;\n  required?: boolean;\n  classNames?: {\n    radioGroup?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    required?: string;\n    groupList?: string;\n  };\n};\n\nexport const RadioGroup = ({\n  label,\n  error,\n  description,\n  children,\n  value,\n  onChange,\n  hiddenLabel,\n  required,\n  classNames,\n}: RadioGroupProps): ReactNode => {\n  return (\n    <MantineRadio.Group\n      classNames={{\n        root: cx(\n          classNames?.radioGroup ?? radioGroup(),\n          classNames?.root ?? radioGroupRoot(),\n        ),\n        label: cx(\n          classNames?.label ?? radioGroupLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? radioGroupDescription(),\n        required: classNames?.required ?? radioGroupRequired(),\n        error: classNames?.error ?? radioGroupError(),\n      }}\n      label={label}\n      description={description}\n      error={error}\n      value={value}\n      onChange={onChange}\n      withAsterisk={required}\n    >\n      <div className={classNames?.groupList ?? radioGroupGroup()}>\n        {children}\n      </div>\n    </MantineRadio.Group>\n  );\n};\n\nRadioGroup.displayName = 'Radio.Group';\n"],"mappings":"iYAmCA,MAAa,GAAc,CACzB,QACA,QACA,cACA,WACA,QACA,WACA,cACA,WACA,gBAGE,EAACA,EAAa,MAAA,CACZ,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,MAAO,EACL,GAAY,OAAS,GAAiB,CACtC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAuB,CAC/D,SAAU,GAAY,UAAY,GAAoB,CACtD,MAAO,GAAY,OAAS,GAAiB,CAC9C,CACM,QACM,cACN,QACA,QACG,WACV,aAAc,WAEd,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAiB,CACvD,YACG,EACa,CAIzB,EAAW,YAAc"}

package/dist/components/controls/select/Select.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/select/Select.d.ts
@@ -32,7 +32,7 @@ declare const Select: ({
   emptyMessage,
   btnClearLabel,
   classNames
-}: SelectProps) => react_jsx_runtime28.JSX.Element;
+}: SelectProps) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { Select, SelectProps };
 //# sourceMappingURL=Select.d.mts.map

package/dist/components/controls/select/Select.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"mappings":";;;;;KAiCY,WAAA,GAAc,IAAA,CACxB,aAAA;EASA,UAAA;EACA,iBAAA;EACA,YAAA,GAAe,SAAA;EACf,OAAA;IACE,EAAA;IACA,KAAA;EAAA;EAEF,aAAA;EACA,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,aAAA;IAC5B,MAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,WAAA;EAAA,SAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA;AAAA,GAgBpB,WAAA,KAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"mappings":";;;;;KAmCY,WAAA,GAAc,IAAA,CACxB,aAAA;EASA,UAAA;EACA,iBAAA;EACA,YAAA,GAAe,SAAA;EACf,OAAA;IACE,EAAA;IACA,KAAA;EAAA;EAEF,aAAA;EACA,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,aAAA;IAC5B,MAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,WAAA;EAAA,SAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA;AAAA,GAgBpB,WAAA,KAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { cx } from '@mage-ui/styled-system/css';\nimport { Dropdown } from '../dropdown/Dropdown';\nimport type { DropdownProps } from '../dropdown/Dropdown';\nimport {\n  select,\n  selectEmpty,\n  selectOption,\n  selectOptions,\n  selectRoot,\n  selectSearch,\n  selectTextInputInput,\n  selectTextInputRoot,\n  selectTextInputLabel,\n  selectTextInputDescription,\n  selectTextInputError,\n  selectTextInputWrapper,\n  selectTextInputSection,\n  selectTextInputRequired,\n  selectChevron,\n  selectChevronRoot,\n  selectChevronIcon,\n  selectChevronIconRoot,\n  selectClearButton,\n  selectClearButtonRoot,\n  selectClearButtonIcon,\n  selectClearButtonIconRaw,\n  selectClearButtonIconRawRoot,\n  selectTextInput,\n  selectScrollAreaAutosize,\n} from '@mage-ui/styled-system/recipes';\n\nexport type SelectProps = Omit<\n  DropdownProps,\n  | 'classNames'\n  | 'onChange'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onClick'\n  | 'setValue'\n  | 'children'\n> & {\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  emptyMessage?: ReactNode;\n  options: {\n    id: string | number;\n    value: string;\n  }[];\n  btnClearLabel?: string;\n  classNames?: Omit<NonNullable<DropdownProps['classNames']>, 'dropdown'> & {\n    select?: string;\n  };\n};\n\nexport const Select = ({\n  name,\n  label,\n  placeholder,\n  options,\n  error,\n  disabled,\n  startSlot,\n  withinPortal = false,\n  keepMounted,\n  clearable,\n  searchable,\n  searchPlaceholder,\n  emptyMessage,\n  btnClearLabel = 'Clear selection',\n  classNames,\n}: SelectProps) => {\n  const [search, setSearch] = useState('');\n\n  const [value, setValue] = useState<{ id: string | number; value: string }>({\n    id: '',\n    value: '',\n  });\n\n  const filteredOptions = searchable\n    ? options.filter((item) =>\n      item.value.toLowerCase().includes(search.toLowerCase().trim()),\n    )\n    : options;\n\n  const optionsList = filteredOptions.map((item) => (\n    <Dropdown.Option value={item.value} key={item.id}>\n      {item.value}\n    </Dropdown.Option>\n  ));\n\n  return (\n    <Dropdown\n      readOnly\n      startSlot={startSlot}\n      name={name}\n      label={label}\n      placeholder={placeholder}\n      error={error}\n      disabled={disabled}\n      withinPortal={withinPortal}\n      keepMounted={keepMounted}\n      clearable={clearable}\n      chevron={true}\n      btnClearLabel={btnClearLabel}\n      onClick={(combobox) => combobox.openDropdown()}\n      onFocus={(combobox) => combobox.openDropdown()}\n      onBlur={(combobox) => {\n        !searchable && combobox.closeDropdown();\n      }}\n      onChange={(combobox) => {\n        combobox.openDropdown();\n        combobox.updateSelectedOptionIndex();\n      }}\n      setValue={(val, combobox) => {\n        if (val === undefined) {\n          setValue({ id: '', value: '' });\n          setSearch('');\n          return;\n        }\n        const option = options.find((option) => option.value === val);\n        setValue(option ?? { id: '', value: '' });\n        setSearch('');\n        combobox.closeDropdown();\n      }}\n      value={value?.value}\n      classNames={{\n        dropdown: classNames?.select ?? select(),\n        root: classNames?.root ?? selectRoot(),\n        options: classNames?.options ?? selectOptions(),\n        option: classNames?.option ?? selectOption(),\n        empty: classNames?.empty ?? selectEmpty(),\n        search: classNames?.search ?? selectSearch(),\n        textInput: {\n          root:\n            classNames?.textInput?.root ??\n            cx(selectTextInput(), selectTextInputRoot()),\n          label: classNames?.textInput?.label ?? selectTextInputLabel(),\n          description:\n            classNames?.textInput?.description ?? selectTextInputDescription(),\n          error: classNames?.textInput?.error ?? selectTextInputError(),\n          wrapper: classNames?.textInput?.wrapper ?? selectTextInputWrapper(),\n          input: classNames?.textInput?.input ?? selectTextInputInput(),\n          section: classNames?.textInput?.section ?? selectTextInputSection(),\n          required:\n            classNames?.textInput?.required ?? selectTextInputRequired(),\n          endSlot: {\n            chevron: {\n              iconWrapped:\n                classNames?.textInput?.endSlot?.chevron?.iconWrapped ??\n                selectChevron(),\n              root:\n                classNames?.textInput?.endSlot?.chevron?.root ??\n                selectChevronRoot(),\n              open: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.open?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.open?.root ??\n                  selectChevronIconRoot(),\n              },\n              close: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.close?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.close?.root ??\n                  selectChevronIconRoot({ invert: true }),\n              },\n            },\n            clearButton: {\n              buttonIcon:\n                classNames?.textInput?.endSlot?.clearButton?.buttonIcon ??\n                selectClearButton(),\n              root:\n                classNames?.textInput?.endSlot?.clearButton?.root ??\n                selectClearButtonRoot(),\n              icon:\n                classNames?.textInput?.endSlot?.clearButton?.icon ??\n                selectClearButtonIcon(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw\n                    ?.iconRaw ?? selectClearButtonIconRaw(),\n                root:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw?.root ??\n                  selectClearButtonIconRawRoot(),\n              },\n            },\n          },\n        },\n        scrollArea: {\n          scrollArea: classNames?.scrollArea?.scrollArea ?? selectScrollAreaAutosize(),\n        },\n      }}\n    >\n      {searchable && (\n        <Dropdown.Search\n          value={search}\n          onChange={(event) => setSearch(event.currentTarget.value)}\n          placeholder={searchPlaceholder}\n        />\n      )}\n      <Dropdown.Options>\n        {optionsList.length > 0 ? (\n          optionsList\n        ) : (\n          <Dropdown.Empty>{emptyMessage}</Dropdown.Empty>\n        )}\n      </Dropdown.Options>\n    </Dropdown>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  select,\n  selectChevron,\n  selectChevronIcon,\n  selectChevronIconRoot,\n  selectChevronRoot,\n  selectClearButton,\n  selectClearButtonIcon,\n  selectClearButtonIconRaw,\n  selectClearButtonIconRawRoot,\n  selectClearButtonRoot,\n  selectEmpty,\n  selectOption,\n  selectOptions,\n  selectRoot,\n  selectScrollAreaAutosize,\n  selectSearch,\n  selectTextInput,\n  selectTextInputDescription,\n  selectTextInputError,\n  selectTextInputInput,\n  selectTextInputLabel,\n  selectTextInputRequired,\n  selectTextInputRoot,\n  selectTextInputSection,\n  selectTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { DropdownProps } from '../dropdown/Dropdown';\nimport { Dropdown } from '../dropdown/Dropdown';\n\nexport type SelectProps = Omit<\n  DropdownProps,\n  | 'classNames'\n  | 'onChange'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onClick'\n  | 'setValue'\n  | 'children'\n> & {\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  emptyMessage?: ReactNode;\n  options: {\n    id: string | number;\n    value: string;\n  }[];\n  btnClearLabel?: string;\n  classNames?: Omit<NonNullable<DropdownProps['classNames']>, 'dropdown'> & {\n    select?: string;\n  };\n};\n\nexport const Select = ({\n  name,\n  label,\n  placeholder,\n  options,\n  error,\n  disabled,\n  startSlot,\n  withinPortal = false,\n  keepMounted,\n  clearable,\n  searchable,\n  searchPlaceholder,\n  emptyMessage,\n  btnClearLabel = 'Clear selection',\n  classNames,\n}: SelectProps) => {\n  const [search, setSearch] = useState('');\n\n  const [value, setValue] = useState<{ id: string | number; value: string }>({\n    id: '',\n    value: '',\n  });\n\n  const filteredOptions = searchable\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(search.toLowerCase().trim()),\n      )\n    : options;\n\n  const optionsList = filteredOptions.map((item) => (\n    <Dropdown.Option value={item.value} key={item.id}>\n      {item.value}\n    </Dropdown.Option>\n  ));\n\n  return (\n    <Dropdown\n      readOnly\n      startSlot={startSlot}\n      name={name}\n      label={label}\n      placeholder={placeholder}\n      error={error}\n      disabled={disabled}\n      withinPortal={withinPortal}\n      keepMounted={keepMounted}\n      clearable={clearable}\n      chevron={true}\n      btnClearLabel={btnClearLabel}\n      onClick={(combobox) => combobox.openDropdown()}\n      onFocus={(combobox) => combobox.openDropdown()}\n      onBlur={(combobox) => {\n        !searchable && combobox.closeDropdown();\n      }}\n      onChange={(combobox) => {\n        combobox.openDropdown();\n        combobox.updateSelectedOptionIndex();\n      }}\n      setValue={(val, combobox) => {\n        if (val === undefined) {\n          setValue({ id: '', value: '' });\n          setSearch('');\n          return;\n        }\n        const option = options.find((option) => option.value === val);\n        setValue(option ?? { id: '', value: '' });\n        setSearch('');\n        combobox.closeDropdown();\n      }}\n      value={value?.value}\n      classNames={{\n        dropdown: classNames?.select ?? select(),\n        root: classNames?.root ?? selectRoot(),\n        options: classNames?.options ?? selectOptions(),\n        option: classNames?.option ?? selectOption(),\n        empty: classNames?.empty ?? selectEmpty(),\n        search: classNames?.search ?? selectSearch(),\n        textInput: {\n          root:\n            classNames?.textInput?.root ??\n            cx(selectTextInput(), selectTextInputRoot()),\n          label: classNames?.textInput?.label ?? selectTextInputLabel(),\n          description:\n            classNames?.textInput?.description ?? selectTextInputDescription(),\n          error: classNames?.textInput?.error ?? selectTextInputError(),\n          wrapper: classNames?.textInput?.wrapper ?? selectTextInputWrapper(),\n          input: classNames?.textInput?.input ?? selectTextInputInput(),\n          section: classNames?.textInput?.section ?? selectTextInputSection(),\n          required:\n            classNames?.textInput?.required ?? selectTextInputRequired(),\n          endSlot: {\n            chevron: {\n              iconWrapped:\n                classNames?.textInput?.endSlot?.chevron?.iconWrapped ??\n                selectChevron(),\n              root:\n                classNames?.textInput?.endSlot?.chevron?.root ??\n                selectChevronRoot(),\n              open: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.open?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.open?.root ??\n                  selectChevronIconRoot(),\n              },\n              close: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.close?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.close?.root ??\n                  selectChevronIconRoot({ invert: true }),\n              },\n            },\n            clearButton: {\n              buttonIcon:\n                classNames?.textInput?.endSlot?.clearButton?.buttonIcon ??\n                selectClearButton(),\n              root:\n                classNames?.textInput?.endSlot?.clearButton?.root ??\n                selectClearButtonRoot(),\n              icon:\n                classNames?.textInput?.endSlot?.clearButton?.icon ??\n                selectClearButtonIcon(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw\n                    ?.iconRaw ?? selectClearButtonIconRaw(),\n                root:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw?.root ??\n                  selectClearButtonIconRawRoot(),\n              },\n            },\n          },\n        },\n        scrollArea: {\n          scrollArea:\n            classNames?.scrollArea?.scrollArea ?? selectScrollAreaAutosize(),\n        },\n      }}\n    >\n      {searchable && (\n        <Dropdown.Search\n          value={search}\n          onChange={(event) => setSearch(event.currentTarget.value)}\n          placeholder={searchPlaceholder}\n        />\n      )}\n      <Dropdown.Options>\n        {optionsList.length > 0 ? (\n          optionsList\n        ) : (\n          <Dropdown.Empty>{emptyMessage}</Dropdown.Empty>\n        )}\n      </Dropdown.Options>\n    </Dropdown>\n  );\n};\n"],"mappings":"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"}

package/dist/components/controls/text-input/TextInput.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/text-input/TextInput.d.ts
@@ -21,25 +21,12 @@ type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {
   };
 };
 declare const TextInput: ({
-  name,
-  label,
-  description,
-  error,
-  placeholder,
   classNames,
+  required,
   startSlot,
   endSlot,
-  onChange,
-  value,
-  id,
-  disabled,
-  required,
-  readOnly,
-  type,
-  onClick,
-  onFocus,
   ...props
-}: TextInputProps) => react_jsx_runtime22.JSX.Element;
+}: TextInputProps) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { TextInput, TextInputProps };
 //# sourceMappingURL=TextInput.d.mts.map

package/dist/components/controls/text-input/TextInput.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.mts","names":[],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"mappings":";;;;KAgBY,cAAA,GAAiB,IAAA,CAAK,cAAA;EAChC,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,SAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,SAAA;EAAa,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,WAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA,EAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAmBvB,cAAA,KAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TextInput.d.mts","names":[],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"mappings":";;;;KAgBY,cAAA,GAAiB,IAAA,CAAK,cAAA;EAChC,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,SAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,SAAA;EAAa,UAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMvB,cAAA,KAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/text-input/TextInput.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{textInput as t,textInputDescription as n,textInputError as r,textInputInput as i,textInputLabel as a,textInputRequired as o,textInputRoot as s,textInputSection as c,textInputWrapper as l}from"@mage-ui/styled-system/recipes";import{TextInput as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";const f=({name:f,label:p,description:m,error:h,placeholder:g,classNames:_,startSlot:v,endSlot:y,onChange:b,value:x,id:S,disabled:C,required:w,readOnly:T,type:E=`text`,onClick:D,onFocus:O,...k})=>d(u,{name:f,label:p,description:m,error:h,placeholder:g,leftSection:v,rightSection:y,value:x,id:S,disabled:C,withAsterisk:w,readOnly:T,type:E,onChange:b,onClick:D,onFocus:O,classNames:{root:e(_?.textInput??t(),_?.root??s(),`group`),label:_?.label??a(),required:_?.required??o(),description:_?.description??n(),error:_?.error??r(),wrapper:_?.wrapper??l(),input:e(_?.input??i(),`peer`),section:e(_?.section??c(),`group`)},...k});export{f as TextInput};
+import{cx as e}from"@mage-ui/styled-system/css";import{textInput as t,textInputDescription as n,textInputError as r,textInputInput as i,textInputLabel as a,textInputRequired as o,textInputRoot as s,textInputSection as c,textInputWrapper as l}from"@mage-ui/styled-system/recipes";import{TextInput as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";const f=({classNames:f,required:p,startSlot:m,endSlot:h,...g})=>d(u,{leftSection:m,rightSection:h,withAsterisk:p,classNames:{root:e(f?.textInput??t(),f?.root??s(),`group`),label:f?.label??a(),required:f?.required??o(),description:f?.description??n(),error:f?.error??r(),wrapper:f?.wrapper??l(),input:e(f?.input??i(),`peer`),section:e(f?.section??c(),`group`)},...g});export{f as TextInput};
 //# sourceMappingURL=TextInput.mjs.map

package/dist/components/controls/text-input/TextInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.mjs","names":["TextInput","MantineTextInput"],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textInput,\n  textInputDescription,\n  textInputError,\n  textInputInput,\n  textInputLabel,\n  textInputRequired,\n  textInputRoot,\n  textInputSection,\n  textInputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput as MantineTextInput } from '@mantine/core';\n\nexport type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    textInput?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    required?: string;\n  };\n};\n\nexport const TextInput = ({\n  name,\n  label,\n  description,\n  error,\n  placeholder,\n  classNames,\n  startSlot,\n  endSlot,\n  onChange,\n  value,\n  id,\n  disabled,\n  required,\n  readOnly,\n  type = 'text',\n  onClick,\n  onFocus,\n  ...props\n}: TextInputProps) => {\n  return (\n    <MantineTextInput\n      name={name}\n      label={label}\n      description={description}\n      error={error}\n      placeholder={placeholder}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      value={value}\n      id={id}\n      disabled={disabled}\n      withAsterisk={required}\n      readOnly={readOnly}\n      type={type}\n      onChange={onChange}\n      onClick={onClick}\n      onFocus={onFocus}\n      classNames={{\n        root: cx(\n          classNames?.textInput ?? textInput(),\n          classNames?.root ?? textInputRoot(),\n          'group',\n        ),\n        label: classNames?.label ?? textInputLabel(),\n        required: classNames?.required ?? textInputRequired(),\n        description: classNames?.description ?? textInputDescription(),\n        error: classNames?.error ?? textInputError(),\n        wrapper: classNames?.wrapper ?? textInputWrapper(),\n        input: cx(classNames?.input ?? textInputInput(), 'peer'),\n        section: cx(classNames?.section ?? textInputSection(), 'group'),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"yWAmCA,MAAaA,GAAa,CACxB,OACA,QACA,cACA,QACA,cACA,aACA,YACA,UACA,WACA,QACA,KACA,WACA,WACA,WACA,OAAO,OACP,UACA,UACA,GAAG,KAGD,EAACC,EAAAA,CACO,OACC,QACM,cACN,QACM,cACb,YAAa,EACb,aAAc,EACP,QACH,KACM,WACV,aAAc,EACJ,WACJ,OACI,WACD,UACA,UACT,WAAY,CACV,KAAM,EACJ,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACnC,QACD,CACD,MAAO,GAAY,OAAS,GAAgB,CAC5C,SAAU,GAAY,UAAY,GAAmB,CACrD,YAAa,GAAY,aAAe,GAAsB,CAC9D,MAAO,GAAY,OAAS,GAAgB,CAC5C,QAAS,GAAY,SAAW,GAAkB,CAClD,MAAO,EAAG,GAAY,OAAS,GAAgB,CAAE,OAAO,CACxD,QAAS,EAAG,GAAY,SAAW,GAAkB,CAAE,QAAQ,CAChE,CACD,GAAI,GACJ"}
+{"version":3,"file":"TextInput.mjs","names":["TextInput","MantineTextInput"],"sources":["../../../../src/components/controls/text-input/TextInput.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textInput,\n  textInputDescription,\n  textInputError,\n  textInputInput,\n  textInputLabel,\n  textInputRequired,\n  textInputRoot,\n  textInputSection,\n  textInputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput as MantineTextInput } from '@mantine/core';\n\nexport type TextInputProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    textInput?: string;\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    required?: string;\n  };\n};\n\nexport const TextInput = ({\n  classNames,\n  required,\n  startSlot,\n  endSlot,\n  ...props\n}: TextInputProps) => {\n  return (\n    <MantineTextInput\n      leftSection={startSlot}\n      rightSection={endSlot}\n      withAsterisk={required}\n      classNames={{\n        root: cx(\n          classNames?.textInput ?? textInput(),\n          classNames?.root ?? textInputRoot(),\n          'group',\n        ),\n        label: classNames?.label ?? textInputLabel(),\n        required: classNames?.required ?? textInputRequired(),\n        description: classNames?.description ?? textInputDescription(),\n        error: classNames?.error ?? textInputError(),\n        wrapper: classNames?.wrapper ?? textInputWrapper(),\n        input: cx(classNames?.input ?? textInputInput(), 'peer'),\n        section: cx(classNames?.section ?? textInputSection(), 'group'),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"yWAmCA,MAAaA,GAAa,CACxB,aACA,WACA,YACA,UACA,GAAG,KAGD,EAACC,EAAAA,CACC,YAAa,EACb,aAAc,EACd,aAAc,EACd,WAAY,CACV,KAAM,EACJ,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACnC,QACD,CACD,MAAO,GAAY,OAAS,GAAgB,CAC5C,SAAU,GAAY,UAAY,GAAmB,CACrD,YAAa,GAAY,aAAe,GAAsB,CAC9D,MAAO,GAAY,OAAS,GAAgB,CAC5C,QAAS,GAAY,SAAW,GAAkB,CAClD,MAAO,EAAG,GAAY,OAAS,GAAgB,CAAE,OAAO,CACxD,QAAS,EAAG,GAAY,SAAW,GAAkB,CAAE,QAAQ,CAChE,CACD,GAAI,GACJ"}

package/dist/components/controls/textarea/Textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/textarea/Textarea.d.ts
@@ -41,7 +41,7 @@ declare const Textarea: ({
   autosize,
   minRows,
   maxRows
-}: TextareaProps) => react_jsx_runtime27.JSX.Element;
+}: TextareaProps) => react_jsx_runtime37.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=Textarea.d.mts.map

package/dist/components/controls/utils/chevron/Chevron.d.mts

@@ -1 +1,27 @@
-import "react/jsx-runtime";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
+
+//#region src/components/controls/utils/chevron/Chevron.d.ts
+type ChevronProps = {
+  chevronOpen: string;
+  chevronClose?: string;
+  classNames?: {
+    iconWrapped?: string;
+    root?: string;
+    open?: {
+      iconRaw?: string;
+      root?: string;
+    };
+    close?: {
+      iconRaw?: string;
+      root?: string;
+    };
+  };
+};
+declare const Chevron: ({
+  chevronOpen,
+  chevronClose,
+  classNames
+}: ChevronProps) => react_jsx_runtime63.JSX.Element;
+//#endregion
+export { Chevron, ChevronProps };
+//# sourceMappingURL=Chevron.d.mts.map

package/dist/components/controls/utils/chevron/Chevron.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.d.mts","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"mappings":";;;KAQY,YAAA;EACV,WAAA;EACA,YAAA;EACA,UAAA;IACE,WAAA;IACA,IAAA;IACA,IAAA;MACE,OAAA;MACA,IAAA;IAAA;IAEF,KAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cAKO,OAAA;EAAW,WAAA;EAAA,YAAA;EAAA;AAAA,GAIrB,YAAA,KAAY,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/utils/chevron/Chevron.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chevron.mjs","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"sourcesContent":["import { IconWrapped, IconRaw } from '@/components/data-display';\nimport {\n  chevron,\n  chevronRoot,\n  chevronIcon,\n  chevronIconRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ChevronProps = {\n  chevronOpen: string;\n  chevronClose?: string;\n  classNames?: {\n    iconWrapped?: string;\n    root?: string;\n    open?: {\n      iconRaw?: string;\n      root?: string;\n    };\n    close?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const Chevron = ({\n  chevronOpen,\n  chevronClose,\n  classNames,\n}: ChevronProps) => {\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: classNames?.iconWrapped ?? chevron(),\n        root: classNames?.root ?? chevronRoot(),\n      }}\n    >\n      <IconRaw\n        name={chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.open?.iconRaw ?? chevronIcon(),\n          root: classNames?.open?.root ?? chevronIconRoot(),\n        }}\n      />\n      <IconRaw\n        name={chevronClose || chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.close?.iconRaw ?? chevronIcon(),\n          root: classNames?.close?.root ?? chevronIconRoot({ invert: true }),\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"oUAyBA,MAAa,GAAW,CACtB,cACA,eACA,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,YAAa,GAAY,aAAe,GAAS,CACjD,KAAM,GAAY,MAAQ,GAAa,CACxC,WAED,EAAC,EAAA,CACC,KAAM,EACN,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,MAAM,SAAW,GAAa,CACnD,KAAM,GAAY,MAAM,MAAQ,GAAiB,CAClD,EACD,CACF,EAAC,EAAA,CACC,KAAM,GAAgB,EACtB,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,OAAO,SAAW,GAAa,CACpD,KAAM,GAAY,OAAO,MAAQ,EAAgB,CAAE,OAAQ,GAAM,CAAC,CACnE,EACD,CAAA,EACU"}
+{"version":3,"file":"Chevron.mjs","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"sourcesContent":["import {\n  chevron,\n  chevronIcon,\n  chevronIconRoot,\n  chevronRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw, IconWrapped } from '@/components/data-display';\n\nexport type ChevronProps = {\n  chevronOpen: string;\n  chevronClose?: string;\n  classNames?: {\n    iconWrapped?: string;\n    root?: string;\n    open?: {\n      iconRaw?: string;\n      root?: string;\n    };\n    close?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const Chevron = ({\n  chevronOpen,\n  chevronClose,\n  classNames,\n}: ChevronProps) => {\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: classNames?.iconWrapped ?? chevron(),\n        root: classNames?.root ?? chevronRoot(),\n      }}\n    >\n      <IconRaw\n        name={chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.open?.iconRaw ?? chevronIcon(),\n          root: classNames?.open?.root ?? chevronIconRoot(),\n        }}\n      />\n      <IconRaw\n        name={chevronClose || chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.close?.iconRaw ?? chevronIcon(),\n          root: classNames?.close?.root ?? chevronIconRoot({ invert: true }),\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"oUAyBA,MAAa,GAAW,CACtB,cACA,eACA,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,YAAa,GAAY,aAAe,GAAS,CACjD,KAAM,GAAY,MAAQ,GAAa,CACxC,WAED,EAAC,EAAA,CACC,KAAM,EACN,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,MAAM,SAAW,GAAa,CACnD,KAAM,GAAY,MAAM,MAAQ,GAAiB,CAClD,EACD,CACF,EAAC,EAAA,CACC,KAAM,GAAgB,EACtB,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,OAAO,SAAW,GAAa,CACpD,KAAM,GAAY,OAAO,MAAQ,EAAgB,CAAE,OAAQ,GAAM,CAAC,CACnE,EACD,CAAA,EACU"}

package/dist/components/controls/utils/clear-button/ClearButton.d.mts

@@ -1 +1,26 @@
-import "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
+
+//#region src/components/controls/utils/clear-button/ClearButton.d.ts
+type ClearButtonProps = {
+  label: string;
+  onClick: () => void;
+  name?: string;
+  classNames?: {
+    buttonIcon?: string;
+    root?: string;
+    icon?: string;
+    iconRaw?: {
+      iconRaw?: string;
+      root?: string;
+    };
+  };
+};
+declare const ClearButton: ({
+  label,
+  onClick,
+  name,
+  classNames
+}: ClearButtonProps) => react_jsx_runtime64.JSX.Element;
+//#endregion
+export { ClearButton, ClearButtonProps };
+//# sourceMappingURL=ClearButton.d.mts.map

package/dist/components/controls/utils/clear-button/ClearButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.d.mts","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"mappings":";;;KASY,gBAAA;EACV,KAAA;EACA,OAAA;EACA,IAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,IAAA;IACA,OAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cAKO,WAAA;EAAe,KAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,GAKzB,gBAAA,KAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/utils/clear-button/ClearButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.mjs","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"sourcesContent":["import { ButtonIcon } from '@/components/buttons';\nimport { clearButton, clearButtonRoot, clearButtonIcon, clearButtonIconRaw, clearButtonIconRawRoot } from '@mage-ui/styled-system/recipes';\n\nexport type ClearButtonProps = {\n  label: string;\n  onClick: () => void;\n  name?: string;\n  classNames?: {\n    buttonIcon?: string;\n    root?: string;\n    icon?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const ClearButton = ({\n  label,\n  onClick,\n  name = 'x',\n  classNames,\n}: ClearButtonProps) => {\n  return (\n    <ButtonIcon\n      label={label}\n      path='/icons/sprite-mage.svg'\n      name={name}\n      onClick={onClick}\n      classNames={{\n        buttonIcon: classNames?.buttonIcon ?? clearButton(),\n        root: classNames?.root ?? clearButtonRoot(),\n        icon: classNames?.icon ?? clearButtonIcon(),\n        iconRaw: {\n          iconRaw: classNames?.iconRaw?.iconRaw ?? clearButtonIconRaw(),\n          root: classNames?.iconRaw?.root ?? clearButtonIconRawRoot(),\n        }\n      }}\n    />\n  );\n};\n"],"mappings":"4QAkBA,MAAa,GAAe,CAC1B,QACA,UACA,OAAO,IACP,gBAGE,EAAC,EAAA,CACQ,QACP,KAAK,yBACC,OACG,UACT,WAAY,CACV,WAAY,GAAY,YAAc,GAAa,CACnD,KAAM,GAAY,MAAQ,GAAiB,CAC3C,KAAM,GAAY,MAAQ,GAAiB,CAC3C,QAAS,CACP,QAAS,GAAY,SAAS,SAAW,GAAoB,CAC7D,KAAM,GAAY,SAAS,MAAQ,GAAwB,CAC5D,CACF,EACD"}
+{"version":3,"file":"ClearButton.mjs","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"sourcesContent":["import {\n  clearButton,\n  clearButtonIcon,\n  clearButtonIconRaw,\n  clearButtonIconRawRoot,\n  clearButtonRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nexport type ClearButtonProps = {\n  label: string;\n  onClick: () => void;\n  name?: string;\n  classNames?: {\n    buttonIcon?: string;\n    root?: string;\n    icon?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const ClearButton = ({\n  label,\n  onClick,\n  name = 'x',\n  classNames,\n}: ClearButtonProps) => {\n  return (\n    <ButtonIcon\n      label={label}\n      path='/icons/sprite-mage.svg'\n      name={name}\n      onClick={onClick}\n      classNames={{\n        buttonIcon: classNames?.buttonIcon ?? clearButton(),\n        root: classNames?.root ?? clearButtonRoot(),\n        icon: classNames?.icon ?? clearButtonIcon(),\n        iconRaw: {\n          iconRaw: classNames?.iconRaw?.iconRaw ?? clearButtonIconRaw(),\n          root: classNames?.iconRaw?.root ?? clearButtonIconRawRoot(),\n        },\n      }}\n    />\n  );\n};\n"],"mappings":"4QAwBA,MAAa,GAAe,CAC1B,QACA,UACA,OAAO,IACP,gBAGE,EAAC,EAAA,CACQ,QACP,KAAK,yBACC,OACG,UACT,WAAY,CACV,WAAY,GAAY,YAAc,GAAa,CACnD,KAAM,GAAY,MAAQ,GAAiB,CAC3C,KAAM,GAAY,MAAQ,GAAiB,CAC3C,QAAS,CACP,QAAS,GAAY,SAAS,SAAW,GAAoB,CAC7D,KAAM,GAAY,SAAS,MAAQ,GAAwB,CAC5D,CACF,EACD"}

package/dist/components/controls/utils/index.d.mts

@@ -1,2 +1,2 @@
-import "./chevron/Chevron.mjs";
-import "./clear-button/ClearButton.mjs";
+import { Chevron, ChevronProps } from "./chevron/Chevron.mjs";
+import { ClearButton, ClearButtonProps } from "./clear-button/ClearButton.mjs";

package/dist/components/data-display/assigned-user/AssignedUser.d.mts

@@ -0,0 +1,37 @@
+import { AvatarProps } from "../avatar/Avatar.mjs";
+import { RemovableItemProps } from "../removable-item/RemovableItem.mjs";
+import "../index.mjs";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/assigned-user/AssignedUser.d.ts
+type AssignedUserProps = {
+  name: string;
+  avatarSrc?: string;
+  avatarAlt?: string;
+  onRemove: () => void;
+  children?: ReactNode;
+  removeButtonLabel?: string;
+  classNames?: {
+    assignedUser?: string;
+    root?: string;
+    section?: string;
+    content?: string;
+    name?: string;
+    avatar?: AvatarProps['classNames'];
+    removableItem?: RemovableItemProps['classNames'];
+    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];
+  };
+};
+declare const AssignedUser: ({
+  name,
+  avatarSrc,
+  avatarAlt,
+  onRemove,
+  removeButtonLabel,
+  children,
+  classNames
+}: AssignedUserProps) => react_jsx_runtime39.JSX.Element;
+//#endregion
+export { AssignedUser, AssignedUserProps };
+//# sourceMappingURL=AssignedUser.d.mts.map

package/dist/components/data-display/assigned-user/AssignedUser.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignedUser.d.mts","names":[],"sources":["../../../../src/components/data-display/assigned-user/AssignedUser.tsx"],"mappings":";;;;;;;KA2BY,iBAAA;EACV,IAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA,GAAW,SAAA;EACX,iBAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,IAAA;IACA,MAAA,GAAS,WAAA;IACT,aAAA,GAAgB,kBAAA;IAChB,UAAA,GAAa,WAAA,CAAY,kBAAA;EAAA;AAAA;AAAA,cAIhB,YAAA;EAAgB,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,QAAA;EAAA,iBAAA;EAAA,QAAA;EAAA;AAAA,GAQ1B,iBAAA,KAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/assigned-user/AssignedUser.mjs

@@ -0,0 +1,2 @@
+import{Avatar as e}from"../avatar/Avatar.mjs";import{RemovableItem as t}from"../removable-item/RemovableItem.mjs";import{assignedUser as n,assignedUserAvatar as r,assignedUserAvatarImage as i,assignedUserAvatarPlaceholder as a,assignedUserAvatarRoot as o,assignedUserButtonIcon as s,assignedUserButtonIconIcon as c,assignedUserButtonIconIconRaw as l,assignedUserButtonIconIconRawRoot as u,assignedUserButtonIconRoot as d,assignedUserContent as f,assignedUserName as p,assignedUserRoot as m,assignedUserSection as h}from"@mage-ui/styled-system/recipes";import{jsx as g}from"react/jsx-runtime";const _=({name:_,avatarSrc:v,avatarAlt:y,onRemove:b,removeButtonLabel:x=`Remove user`,children:S,classNames:C})=>g(t,{startSlot:g(e,{name:_,src:v,alt:y,classNames:{avatar:C?.avatar?.avatar??r(),root:C?.avatar?.root??o(),image:C?.avatar?.image??i(),placeholder:C?.avatar?.placeholder??a()}}),onRemove:b,removeButtonLabel:x,classNames:{container:C?.removableItem?.container??C?.assignedUser??n(),root:C?.removableItem?.root??C?.root??m(),section:C?.removableItem?.section??C?.section??h(),content:C?.removableItem?.content??C?.content??f(),buttonIcon:{buttonIcon:C?.buttonIcon?.buttonIcon??C?.removableItem?.buttonIcon?.buttonIcon??s(),root:C?.buttonIcon?.root??C?.removableItem?.buttonIcon?.root??d(),icon:C?.buttonIcon?.icon??C?.removableItem?.buttonIcon?.icon??c(),iconRaw:{iconRaw:C?.buttonIcon?.iconRaw?.iconRaw??C?.removableItem?.buttonIcon?.iconRaw?.iconRaw??l(),root:C?.buttonIcon?.iconRaw?.root??C?.removableItem?.buttonIcon?.iconRaw?.root??u()}}},children:g(`span`,{className:C?.name??p(),children:S})});export{_ as AssignedUser};
+//# sourceMappingURL=AssignedUser.mjs.map

package/dist/components/data-display/assigned-user/AssignedUser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignedUser.mjs","names":[],"sources":["../../../../src/components/data-display/assigned-user/AssignedUser.tsx"],"sourcesContent":["// TODO: crear stories\n\nimport type { ReactNode } from 'react';\n\nimport {\n  assignedUser,\n  assignedUserAvatar,\n  assignedUserAvatarImage,\n  assignedUserAvatarPlaceholder,\n  assignedUserAvatarRoot,\n  assignedUserButtonIcon,\n  assignedUserButtonIconIcon,\n  assignedUserButtonIconIconRaw,\n  assignedUserButtonIconIconRawRoot,\n  assignedUserButtonIconRoot,\n  assignedUserContent,\n  assignedUserName,\n  assignedUserRoot,\n  assignedUserSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Avatar,\n  type AvatarProps,\n  RemovableItem,\n  type RemovableItemProps,\n} from '@/components/data-display';\n\nexport type AssignedUserProps = {\n  name: string;\n  avatarSrc?: string;\n  avatarAlt?: string;\n  onRemove: () => void;\n  children?: ReactNode;\n  removeButtonLabel?: string;\n  classNames?: {\n    assignedUser?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    name?: string;\n    avatar?: AvatarProps['classNames'];\n    removableItem?: RemovableItemProps['classNames'];\n    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n  };\n};\n\nexport const AssignedUser = ({\n  name,\n  avatarSrc,\n  avatarAlt,\n  onRemove,\n  removeButtonLabel = 'Remove user',\n  children,\n  classNames,\n}: AssignedUserProps) => {\n  return (\n    <RemovableItem\n      startSlot={\n        <Avatar\n          name={name}\n          src={avatarSrc}\n          alt={avatarAlt}\n          classNames={{\n            avatar: classNames?.avatar?.avatar ?? assignedUserAvatar(),\n            root: classNames?.avatar?.root ?? assignedUserAvatarRoot(),\n            image: classNames?.avatar?.image ?? assignedUserAvatarImage(),\n            placeholder:\n              classNames?.avatar?.placeholder ??\n              assignedUserAvatarPlaceholder(),\n          }}\n        />\n      }\n      onRemove={onRemove}\n      removeButtonLabel={removeButtonLabel}\n      classNames={{\n        container:\n          classNames?.removableItem?.container ??\n          classNames?.assignedUser ??\n          assignedUser(),\n        root:\n          classNames?.removableItem?.root ??\n          classNames?.root ??\n          assignedUserRoot(),\n        section:\n          classNames?.removableItem?.section ??\n          classNames?.section ??\n          assignedUserSection(),\n        content:\n          classNames?.removableItem?.content ??\n          classNames?.content ??\n          assignedUserContent(),\n        buttonIcon: {\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ??\n            classNames?.removableItem?.buttonIcon?.buttonIcon ??\n            assignedUserButtonIcon(),\n          root:\n            classNames?.buttonIcon?.root ??\n            classNames?.removableItem?.buttonIcon?.root ??\n            assignedUserButtonIconRoot(),\n          icon:\n            classNames?.buttonIcon?.icon ??\n            classNames?.removableItem?.buttonIcon?.icon ??\n            assignedUserButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              classNames?.removableItem?.buttonIcon?.iconRaw?.iconRaw ??\n              assignedUserButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              classNames?.removableItem?.buttonIcon?.iconRaw?.root ??\n              assignedUserButtonIconIconRawRoot(),\n          },\n        },\n      }}\n    >\n      <span className={classNames?.name ?? assignedUserName()}>\n        {children}\n      </span>\n    </RemovableItem>\n  );\n};\n"],"mappings":"glBA8CA,MAAa,GAAgB,CAC3B,OACA,YACA,YACA,WACA,oBAAoB,cACpB,WACA,gBAGE,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CACO,OACN,IAAK,EACL,IAAK,EACL,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAoB,CAC1D,KAAM,GAAY,QAAQ,MAAQ,GAAwB,CAC1D,MAAO,GAAY,QAAQ,OAAS,GAAyB,CAC7D,YACE,GAAY,QAAQ,aACpB,GAA+B,CAClC,EACD,CAEM,WACS,oBACnB,WAAY,CACV,UACE,GAAY,eAAe,WAC3B,GAAY,cACZ,GAAc,CAChB,KACE,GAAY,eAAe,MAC3B,GAAY,MACZ,GAAkB,CACpB,QACE,GAAY,eAAe,SAC3B,GAAY,SACZ,GAAqB,CACvB,QACE,GAAY,eAAe,SAC3B,GAAY,SACZ,GAAqB,CACvB,WAAY,CACV,WACE,GAAY,YAAY,YACxB,GAAY,eAAe,YAAY,YACvC,GAAwB,CAC1B,KACE,GAAY,YAAY,MACxB,GAAY,eAAe,YAAY,MACvC,GAA4B,CAC9B,KACE,GAAY,YAAY,MACxB,GAAY,eAAe,YAAY,MACvC,GAA4B,CAC9B,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAAY,eAAe,YAAY,SAAS,SAChD,GAA+B,CACjC,KACE,GAAY,YAAY,SAAS,MACjC,GAAY,eAAe,YAAY,SAAS,MAChD,GAAmC,CACtC,CACF,CACF,UAED,EAAC,OAAA,CAAK,UAAW,GAAY,MAAQ,GAAkB,CACpD,YACI,EACO"}

package/dist/components/data-display/avatar/Avatar.d.mts

@@ -1,5 +1,5 @@
 import { AvatarVariantProps } from "@mage-ui/styled-system/recipes";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/data-display/avatar/Avatar.d.ts
 type AvatarProps = {
@@ -18,7 +18,7 @@ declare const Avatar: ({
   name,
   src,
   alt
-}: AvatarProps) => react_jsx_runtime38.JSX.Element;
+}: AvatarProps) => react_jsx_runtime40.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.mts.map

package/dist/components/data-display/badge/Badge.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/data-display/badge/Badge.d.ts
@@ -18,7 +18,7 @@ declare const Badge: ({
   endSlot,
   startSlot,
   classNames
-}: BadgeProps) => react_jsx_runtime39.JSX.Element;
+}: BadgeProps) => react_jsx_runtime41.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.mts.map

package/dist/components/data-display/calendar/Calendar.d.mts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 import { CSSProperties } from "react";
-import { DateLocalizer, Event, Event as CalendarEvent, momentLocalizer } from "react-big-calendar";
+import { DateLocalizer, DateLocalizer as DateLocalizer$1, Event, Event as CalendarEvent, momentLocalizer } from "react-big-calendar";
 
 //#region src/components/data-display/calendar/Calendar.d.ts
 type CalendarProps = {
@@ -60,7 +60,7 @@ declare const Calendar$1: ({
   messages,
   popup,
   components
-}: CalendarProps) => react_jsx_runtime46.JSX.Element;
+}: CalendarProps) => react_jsx_runtime42.JSX.Element;
 //#endregion
-export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, momentLocalizer };
+export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, type DateLocalizer$1 as DateLocalizer, momentLocalizer };
 //# sourceMappingURL=Calendar.d.mts.map

package/dist/components/data-display/calendar/Calendar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;;KASY,aAAA;EACV,SAAA,EAAW,aAAA;EACX,MAAA,GAAS,KAAA;EACT,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;EAAA;EAEF,aAAA,IAAiB,KAAA,EAAO,KAAA;EACxB,YAAA,IAAgB,QAAA;IAAY,KAAA,EAAO,IAAA;IAAM,GAAA,EAAK,IAAA;IAAM,MAAA;EAAA;EACpD,UAAA,IAAc,IAAA,EAAM,IAAA,EAAM,IAAA;EAC1B,WAAA;EACA,WAAA,GAAc,IAAA;EACd,GAAA,GAAM,IAAA;EACN,GAAA,GAAM,IAAA;EACN,eAAA,IAAmB,KAAA,UAAe,KAAA,EAAO,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,UAAA;IAA0B,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EAChH,aAAA,IAAiB,IAAA,EAAM,IAAA;IAAW,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EAC9D,KAAA,GAAQ,KAAA;EACR,OAAA;EACA,OAAA;EACA,QAAA;EACA,KAAA;EACA,UAAA;AAAA;AAAA,cAGW,UAAA;EAAY,SAAA;EAAA,MAAA;EAAA,UAAA;EAAA,aAAA;EAAA,YAAA;EAAA,UAAA;EAAA,WAAA;EAAA,WAAA;EAAA,GAAA;EAAA,GAAA;EAAA,eAAA;EAAA,aAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAmBtB,aAAA,KAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;;KAqBY,aAAA;EACV,SAAA,EAAW,aAAA;EACX,MAAA,GAAS,KAAA;EACT,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;EAAA;EAEF,aAAA,IAAiB,KAAA,EAAO,KAAA;EACxB,YAAA,IAAgB,QAAA;IACd,KAAA,EAAO,IAAA;IACP,GAAA,EAAK,IAAA;IACL,MAAA;EAAA;EAEF,UAAA,IAAc,IAAA,EAAM,IAAA,EAAM,IAAA;EAC1B,WAAA;EACA,WAAA,GAAc,IAAA;EACd,GAAA,GAAM,IAAA;EACN,GAAA,GAAM,IAAA;EACN,eAAA,IACE,KAAA,UACA,KAAA,EAAO,IAAA,EACP,GAAA,EAAK,IAAA,EACL,UAAA;IACK,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EACnC,aAAA,IAAiB,IAAA,EAAM,IAAA;IAAW,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EAC9D,KAAA,GAAQ,KAAA;EACR,OAAA;EACA,OAAA;EACA,QAAA;EACA,KAAA;EACA,UAAA;AAAA;AAAA,cAGW,UAAA;EAAY,SAAA;EAAA,MAAA;EAAA,UAAA;EAAA,aAAA;EAAA,YAAA;EAAA,UAAA;EAAA,WAAA;EAAA,WAAA;EAAA,GAAA;EAAA,GAAA;EAAA,eAAA;EAAA,aAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAmBtB,aAAA,KAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/calendar/Calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import { Calendar as BigCalendar, type Event, type DateLocalizer } from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { calendar, calendarAgenda, calendarEvent, calendarMonth, calendarRoot, calendarTimeGrid, calendarToolbar } from '@mage-ui/styled-system/recipes';\nimport type { CSSProperties } from 'react';\n\nexport { momentLocalizer } from 'react-big-calendar';\nexport type { Event as CalendarEvent, DateLocalizer } from 'react-big-calendar';\n\nexport type CalendarProps = {\n  localizer: DateLocalizer;\n  events?: Event[];\n  classNames?: {\n    calendar?: string;\n    root?: string;\n    toolbar?: string;\n    month?: string;\n    event?: string;\n    agenda?: string;\n    timeGrid?: string;\n  };\n  onSelectEvent?: (event: Event) => void;\n  onSelectSlot?: (slotInfo: { start: Date; end: Date; action: 'select' | 'click' | 'doubleClick' }) => void;\n  onNavigate?: (date: Date, view: string) => void;\n  defaultView?: 'month' | 'week' | 'day' | 'agenda';\n  defaultDate?: Date;\n  min?: Date;\n  max?: Date;\n  eventPropGetter?: (event: object, start: Date, end: Date, isSelected: boolean) => { className?: string; style?: CSSProperties };\n  dayPropGetter?: (date: Date) => { className?: string; style?: CSSProperties };\n  views?: Array<'month' | 'week' | 'day' | 'agenda'>;\n  formats?: object;\n  culture?: string;\n  messages?: object;\n  popup?: boolean;\n  components?: object;\n};\n\nexport const Calendar = ({\n  localizer,\n  events,\n  classNames,\n  onSelectEvent,\n  onSelectSlot,\n  onNavigate,\n  defaultView,\n  defaultDate,\n  min,\n  max,\n  eventPropGetter,\n  dayPropGetter,\n  views,\n  formats,\n  culture,\n  messages,\n  popup,\n  components,\n}: CalendarProps) => {\n  return (\n    <BigCalendar\n      className={cx(\n        classNames?.calendar ?? calendar(),\n        classNames?.root ?? calendarRoot(),\n        classNames?.toolbar ?? calendarToolbar(),\n        classNames?.month ?? calendarMonth(),\n        classNames?.event ?? calendarEvent(),\n        classNames?.agenda ?? calendarAgenda(),\n        classNames?.timeGrid ?? calendarTimeGrid()\n      )}\n      localizer={localizer}\n      events={events}\n      onSelectEvent={onSelectEvent}\n      onSelectSlot={onSelectSlot}\n      onNavigate={onNavigate}\n      defaultView={defaultView}\n      defaultDate={defaultDate}\n      min={min}\n      max={max}\n      eventPropGetter={eventPropGetter}\n      dayPropGetter={dayPropGetter}\n      views={views}\n      formats={formats}\n      culture={culture}\n      messages={messages}\n      popup={popup}\n      components={components}\n    />\n  );\n};\n"],"mappings":"4UAsCA,MAAaA,GAAY,CACvB,YACA,SACA,aACA,gBACA,eACA,aACA,cACA,cACA,MACA,MACA,kBACA,gBACA,QACA,UACA,UACA,WACA,QACA,gBAGE,EAACC,EAAAA,CACC,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC3C,CACU,YACH,SACO,gBACD,eACF,aACC,cACA,cACR,MACA,MACY,kBACF,gBACR,QACE,UACA,UACC,WACH,QACK,cACZ"}
+{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport {\n  Calendar as BigCalendar,\n  type DateLocalizer,\n  type Event,\n} from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  calendar,\n  calendarAgenda,\n  calendarEvent,\n  calendarMonth,\n  calendarRoot,\n  calendarTimeGrid,\n  calendarToolbar,\n} from '@mage-ui/styled-system/recipes';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\nexport { momentLocalizer } from 'react-big-calendar';\n\nexport type CalendarProps = {\n  localizer: DateLocalizer;\n  events?: Event[];\n  classNames?: {\n    calendar?: string;\n    root?: string;\n    toolbar?: string;\n    month?: string;\n    event?: string;\n    agenda?: string;\n    timeGrid?: string;\n  };\n  onSelectEvent?: (event: Event) => void;\n  onSelectSlot?: (slotInfo: {\n    start: Date;\n    end: Date;\n    action: 'select' | 'click' | 'doubleClick';\n  }) => void;\n  onNavigate?: (date: Date, view: string) => void;\n  defaultView?: 'month' | 'week' | 'day' | 'agenda';\n  defaultDate?: Date;\n  min?: Date;\n  max?: Date;\n  eventPropGetter?: (\n    event: object,\n    start: Date,\n    end: Date,\n    isSelected: boolean,\n  ) => { className?: string; style?: CSSProperties };\n  dayPropGetter?: (date: Date) => { className?: string; style?: CSSProperties };\n  views?: Array<'month' | 'week' | 'day' | 'agenda'>;\n  formats?: object;\n  culture?: string;\n  messages?: object;\n  popup?: boolean;\n  components?: object;\n};\n\nexport const Calendar = ({\n  localizer,\n  events,\n  classNames,\n  onSelectEvent,\n  onSelectSlot,\n  onNavigate,\n  defaultView,\n  defaultDate,\n  min,\n  max,\n  eventPropGetter,\n  dayPropGetter,\n  views,\n  formats,\n  culture,\n  messages,\n  popup,\n  components,\n}: CalendarProps) => {\n  return (\n    <BigCalendar\n      className={cx(\n        classNames?.calendar ?? calendar(),\n        classNames?.root ?? calendarRoot(),\n        classNames?.toolbar ?? calendarToolbar(),\n        classNames?.month ?? calendarMonth(),\n        classNames?.event ?? calendarEvent(),\n        classNames?.agenda ?? calendarAgenda(),\n        classNames?.timeGrid ?? calendarTimeGrid(),\n      )}\n      localizer={localizer}\n      events={events}\n      onSelectEvent={onSelectEvent}\n      onSelectSlot={onSelectSlot}\n      onNavigate={onNavigate}\n      defaultView={defaultView}\n      defaultDate={defaultDate}\n      min={min}\n      max={max}\n      eventPropGetter={eventPropGetter}\n      dayPropGetter={dayPropGetter}\n      views={views}\n      formats={formats}\n      culture={culture}\n      messages={messages}\n      popup={popup}\n      components={components}\n    />\n  );\n};\n"],"mappings":"4UA2DA,MAAaA,GAAY,CACvB,YACA,SACA,aACA,gBACA,eACA,aACA,cACA,cACA,MACA,MACA,kBACA,gBACA,QACA,UACA,UACA,WACA,QACA,gBAGE,EAACC,EAAAA,CACC,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC3C,CACU,YACH,SACO,gBACD,eACF,aACC,cACA,cACR,MACA,MACY,kBACF,gBACR,QACE,UACA,UACC,WACH,QACK,cACZ"}

package/dist/components/data-display/icons/icon/Icon.d.mts

@@ -3,9 +3,8 @@ import { ReactNode } from "react";
 
 //#region src/components/data-display/icons/icon/Icon.d.ts
 type IconProps = {
-  name?: string;
-  path?: string;
-  children?: ReactNode;
+  name: string;
+  path: string;
   classNames?: {
     icon?: string;
     root?: string;
@@ -18,7 +17,6 @@ type IconProps = {
 declare const Icon: ({
   path,
   name,
-  children,
   classNames
 }: IconProps) => ReactNode;
 //#endregion

package/dist/components/data-display/icons/icon/Icon.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"mappings":";;;;KAYY,SAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA,GAAW,SAAA;EACX,UAAA;IACE,IAAA;IACA,IAAA;IACA,OAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA,IAGF,gBAAA;AAAA,cAES,IAAA;EAAQ,IAAA;EAAA,IAAA;EAAA,QAAA;EAAA;AAAA,GAAsC,SAAA,KAAY,SAAA"}
+{"version":3,"file":"Icon.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"mappings":";;;;KAYY,SAAA;EACV,IAAA;EACA,IAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;IACA,OAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA,IAGF,gBAAA;AAAA,cAES,IAAA;EAAQ,IAAA;EAAA,IAAA;EAAA;AAAA,GAA4B,SAAA,KAAY,SAAA"}

package/dist/components/data-display/icons/icon/Icon.mjs

@@ -1,2 +1,2 @@
-import{IconRaw as e}from"../icon-raw/IconRaw.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{icon as n,iconIconRaw as r,iconIconRawRoot as i,iconRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({path:s,name:c,children:l,classNames:u})=>o(`span`,{className:t(u?.icon??n(),u?.root??a()),"aria-hidden":`true`,children:c&&s?o(e,{classNames:{iconRaw:u?.iconRaw?.iconRaw??r(),root:u?.iconRaw?.root??i()},path:s,name:c}):l});export{s as Icon};
+import{IconRaw as e}from"../icon-raw/IconRaw.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{icon as n,iconIconRaw as r,iconIconRawRoot as i,iconRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({path:s,name:c,classNames:l})=>o(`span`,{className:t(l?.icon??n(),l?.root??a()),"aria-hidden":`true`,children:o(e,{classNames:{iconRaw:l?.iconRaw?.iconRaw??r(),root:l?.iconRaw?.root??i()},path:s,name:c})});export{s as Icon};
 //# sourceMappingURL=Icon.mjs.map

package/dist/components/data-display/icons/icon/Icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  type IconVariantProps,\n  icon,\n  iconRoot,\n  iconIconRaw,\n  iconIconRawRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw } from '@/components/data-display/icons/icon-raw/IconRaw';\n\nexport type IconProps = {\n  name?: string;\n  path?: string;\n  children?: ReactNode;\n  classNames?: {\n    icon?: string;\n    root?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n} & IconVariantProps;\n\nexport const Icon = ({ path, name, children, classNames }: IconProps): ReactNode => {\n  return (\n    <span\n      className={cx(classNames?.icon ?? icon(), classNames?.root ?? iconRoot())}\n      aria-hidden='true'\n    >\n      {name && path ? (\n        <IconRaw\n          classNames={{\n            iconRaw: classNames?.iconRaw?.iconRaw ?? iconIconRaw(),\n            root: classNames?.iconRaw?.root ?? iconIconRawRoot(),\n          }}\n          path={path}\n          name={name}\n        />\n      ) : (\n        children\n      )}\n    </span>\n  );\n};"],"mappings":"oPA0BA,MAAa,GAAQ,CAAE,OAAM,OAAM,WAAU,gBAEzC,EAAC,OAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAM,CAAE,GAAY,MAAQ,GAAU,CAAC,CACzE,cAAY,gBAEX,GAAQ,EACP,EAAC,EAAA,CACC,WAAY,CACV,QAAS,GAAY,SAAS,SAAW,GAAa,CACtD,KAAM,GAAY,SAAS,MAAQ,GAAiB,CACrD,CACK,OACA,QACN,CAEF,GAEG"}
+{"version":3,"file":"Icon.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  type IconVariantProps,\n  icon,\n  iconIconRaw,\n  iconIconRawRoot,\n  iconRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw } from '@/components/data-display/icons/icon-raw/IconRaw';\n\nexport type IconProps = {\n  name: string;\n  path: string;\n  classNames?: {\n    icon?: string;\n    root?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n} & IconVariantProps;\n\nexport const Icon = ({ path, name, classNames }: IconProps): ReactNode => {\n  return (\n    <span\n      className={cx(classNames?.icon ?? icon(), classNames?.root ?? iconRoot())}\n      aria-hidden='true'\n    >\n      <IconRaw\n        classNames={{\n          iconRaw: classNames?.iconRaw?.iconRaw ?? iconIconRaw(),\n          root: classNames?.iconRaw?.root ?? iconIconRawRoot(),\n        }}\n        path={path}\n        name={name}\n      />\n    </span>\n  );\n};\n"],"mappings":"oPAyBA,MAAa,GAAQ,CAAE,OAAM,OAAM,gBAE/B,EAAC,OAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAM,CAAE,GAAY,MAAQ,GAAU,CAAC,CACzE,cAAY,gBAEZ,EAAC,EAAA,CACC,WAAY,CACV,QAAS,GAAY,SAAS,SAAW,GAAa,CACtD,KAAM,GAAY,SAAS,MAAQ,GAAiB,CACrD,CACK,OACA,QACN,EACG"}

package/dist/components/data-display/icons/icon-raw/IconRaw.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"mappings":";;;KAKY,YAAA;EACV,IAAA;EACA,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,IAAA;EAAA,IAAA;EAAA;AAAA,GAA4B,YAAA,KAAe,SAAA"}
+{"version":3,"file":"IconRaw.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"mappings":";;;KAKY,YAAA;EACV,IAAA;EACA,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,IAAA;EAAA,IAAA;EAAA;AAAA,GAIrB,YAAA,KAAe,SAAA"}

package/dist/components/data-display/icons/icon-raw/IconRaw.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { iconRaw, iconRawRoot } from '@mage-ui/styled-system/recipes';\n\nexport type IconRawProps = {\n  path: string;\n  name: string;\n  classNames?: {\n    iconRaw?: string;\n    root?: string;\n  };\n};\n\nexport const IconRaw = ({ path, name, classNames }: IconRawProps): ReactNode => {\n  return (\n    <svg\n      className={cx(\n        classNames?.iconRaw ?? iconRaw(),\n        classNames?.root ?? iconRawRoot(),\n      )}\n    >\n      <title>{name}</title>\n      <use href={`${path}#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"4KAcA,MAAa,GAAW,CAAE,OAAM,OAAM,gBAElC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,WAED,EAAC,QAAA,CAAA,SAAO,EAAA,CAAa,CACrB,EAAC,MAAA,CAAI,KAAM,GAAG,EAAK,GAAG,IAAA,CAAU,CAAA,EAC5B"}
+{"version":3,"file":"IconRaw.mjs","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { iconRaw, iconRawRoot } from '@mage-ui/styled-system/recipes';\n\nexport type IconRawProps = {\n  path: string;\n  name: string;\n  classNames?: {\n    iconRaw?: string;\n    root?: string;\n  };\n};\n\nexport const IconRaw = ({\n  path,\n  name,\n  classNames,\n}: IconRawProps): ReactNode => {\n  return (\n    <svg\n      className={cx(\n        classNames?.iconRaw ?? iconRaw(),\n        classNames?.root ?? iconRawRoot(),\n      )}\n    >\n      <title>{name}</title>\n      <use href={`${path}#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"4KAcA,MAAa,GAAW,CACtB,OACA,OACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,WAED,EAAC,QAAA,CAAA,SAAO,EAAA,CAAa,CACrB,EAAC,MAAA,CAAI,KAAM,GAAG,EAAK,GAAG,IAAA,CAAU,CAAA,EAC5B"}

package/dist/components/data-display/icons/icon-svg/IconSvg.d.mts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+
+//#region src/components/data-display/icons/icon-svg/IconSvg.d.ts
+type IconSvgProps = {
+  classNames?: {
+    iconSvg?: string;
+    root?: string;
+    svg?: string;
+  };
+  width?: number | string;
+  height?: number | string;
+  viewBox?: string;
+  children: ReactNode;
+};
+declare const IconSvg: ({
+  classNames,
+  children,
+  width,
+  height,
+  viewBox
+}: IconSvgProps) => ReactNode;
+//#endregion
+export { IconSvg, IconSvgProps };
+//# sourceMappingURL=IconSvg.d.mts.map

package/dist/components/data-display/icons/icon-svg/IconSvg.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSvg.d.mts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-svg/IconSvg.tsx"],"mappings":";;;KASY,YAAA;EACV,UAAA;IACE,OAAA;IACA,IAAA;IACA,GAAA;EAAA;EAEF,KAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,OAAA;EAAW,UAAA;EAAA,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,GAMrB,YAAA,KAAe,SAAA"}

package/dist/components/data-display/icons/icon-svg/IconSvg.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{iconSvg as t,iconSvgRoot as n,iconSvgSvg as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,children:o,width:s,height:c,viewBox:l})=>i(`span`,{className:e(a?.iconSvg??t(),a?.root??n()),"aria-hidden":`true`,children:i(`svg`,{className:a?.svg??r(),width:s,height:c,viewBox:l,"aria-hidden":`true`,focusable:`false`,xmlns:`http://www.w3.org/2000/svg`,children:o})});export{a as IconSvg};
+//# sourceMappingURL=IconSvg.mjs.map