@mage-ui/components 0.0.25 → 0.0.27

package/dist/components/buttons/button/Button.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/buttons/button/Button.d.ts
@@ -18,7 +18,7 @@ declare const Button: ({
   endSlot,
   children,
   ...props
-}: ButtonProps) => react_jsx_runtime48.JSX.Element;
+}: ButtonProps) => react_jsx_runtime29.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map
 
 //#endregion

package/dist/components/buttons/button-icon/ButtonIcon.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "../button/Button.js";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/buttons/button-icon/ButtonIcon.d.ts
 type ButtonIconProps = ButtonProps & {
@@ -15,7 +15,7 @@ declare const ButtonIcon: ({
   icon,
   classNames,
   ...props
-}: ButtonIconProps) => react_jsx_runtime40.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime1.JSX.Element;
 //# sourceMappingURL=ButtonIcon.d.ts.map
 
 //#endregion

package/dist/components/buttons/button-icon/ButtonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../../src/components/buttons/button-icon/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,eAAA,GAAkB;;;EAAlB,UAAA,CAAA,EAAA;IASC,IAAA,CAAA,EAAA,MAkBZ;IAAA,IAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAlB0B;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,IAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAKxB,eALwB,EAAA,GAKT,mBAAA,CAAA,GAAA,CAAA,OALS"}
+{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../../src/components/buttons/button-icon/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,eAAA,GAAkB;;;EAAlB,UAAA,CAAA,EAAA;IASC,IAAA,CAAA,EAAA,MAkBZ;IAAA,IAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAlB0B;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,IAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAKxB,eALwB,EAAA,GAKT,kBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/components/buttons/button-icon/ButtonIcon.js

@@ -1,2 +1,2 @@
-import{IconRaw as e}from"../../data-display/icons/icon-raw/IconRaw.js";import{VisuallyHidden as t}from"../../misc/visually-hidden/VisuallyHidden.js";import{buttonIcon as n,buttonIconIcon as r}from"@mage-ui/styled-system/recipes";import{ActionIcon as i}from"@mantine/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({label:s,icon:c,classNames:l,...u})=>o(i,{classNames:{root:l?.root??n(),icon:l?.icon??r()},...u,children:[a(e,{name:c}),a(t,{children:s})]});export{s as ButtonIcon};
+import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.js";import{IconRaw as t}from"../../data-display/icons/icon-raw/IconRaw.js";import{buttonIcon as n,buttonIconIcon as r}from"@mage-ui/styled-system/recipes";import{ActionIcon as i}from"@mantine/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({label:s,icon:c,classNames:l,...u})=>o(i,{classNames:{root:l?.root??n(),icon:l?.icon??r()},...u,children:[a(t,{name:c}),a(e,{children:s})]});export{s as ButtonIcon};
 //# sourceMappingURL=ButtonIcon.js.map

package/dist/components/controls/dropdown/Combobox.d.ts

@@ -1,6 +1,6 @@
 import { DropdownBaseProps } from "./DropdownBase.js";
 import { InputTextProps } from "../input-text/InputText.js";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/controls/dropdown/Combobox.d.ts
@@ -21,20 +21,20 @@ type ComboboxProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery'
   };
   create?: string;
   empty?: string;
-  dropdownIcon?: React.ReactNode;
+  endSlot?: React.ReactNode;
 };
 declare const Combobox: ({
   defaultOpened,
   creatable,
   setSelectedOption,
   selectedOption,
-  dropdownIcon,
+  endSlot,
   options,
   classNames,
   create,
   empty,
   ...props
-}: ComboboxProps) => react_jsx_runtime29.JSX.Element;
+}: ComboboxProps) => react_jsx_runtime30.JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map
 
 //#endregion

package/dist/components/controls/dropdown/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBY,aAAA,GAAgB,KAC1B,qEAGA;;;IAJU,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAI1B,KAAA,EAAA,MAAA;EAAc,CAAA,EAaG;EAAe,SAAA,CAAA,EAAA,OAAA;EAGrB,UAAA,CAoFZ,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;IApFwB,KAAA,CAAA,EAAA,MAAA;IAAA,MAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAHN,KAAA,CAAM,SAGA;CAAA;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,YAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAWtB,aAXsB,EAAA,GAWT,mBAAA,CAAA,GAAA,CAAA,OAXS"}
+{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBY,aAAA,GAAgB,KAC1B,qEAGA;;;IAJU,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAI1B,KAAA,EAAA,MAAA;EAAc,CAAA,EAaF;EAAe,SAAA,CAAA,EAAA,OAAA;EAGhB,UAAA,CAoFZ,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;IApFwB,KAAA,CAAA,EAAA,MAAA;IAAA,MAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAHX,KAAA,CAAM,SAGK;CAAA;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAWtB,aAXsB,EAAA,GAWT,mBAAA,CAAA,GAAA,CAAA,OAXS"}

package/dist/components/controls/dropdown/Combobox.js

@@ -1,2 +1,2 @@
-import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{DropdownBase as t}from"./DropdownBase.js";import{InputText as n}from"../input-text/InputText.js";import{comboboxEmpty as r,comboboxOption as i,icon as a,inputSection as o,selectSection as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useState as u}from"react";import{cx as d}from"@mage-ui/styled-system/css";const f=({defaultOpened:f=!1,creatable:p,setSelectedOption:m,selectedOption:h,dropdownIcon:g,options:_,classNames:v,create:y,empty:b,...x})=>{let[S,C]=u(h?.value??``),w=_.every(e=>e.value!==S),T=w?_.filter(e=>e.value.toLowerCase().includes(S.toLowerCase().trim())):_,E=T.map(e=>c(t.Option,{value:e.value,active:h?.id===e.id,classNames:{option:v?.option??i()},children:e.value},e.id)),D=()=>p&&S?l(t.Option,{value:S,classNames:{option:v?.create??i({type:`create`})},children:[c(e,{name:`plus`,classNames:a({size:`m`})}),`${y??`Create`} '${S}'`]},S):c(t.Empty,{classNames:{empty:v?.empty??r()},children:b??`Nothing found`}),O=e=>{let t=_.find(t=>t.value===e);!t&&p&&e&&(t={id:`new`,value:e}),m(t)};return c(t,{readOnly:!1,target:c(n,{value:S,classNames:{section:v?.section??d(o(),s())},...x}),selectedOption:h,setQuery:C,setSelectedOption:e=>O(e),dropdownIcon:g,children:E.length>0?E:c(D,{})})};export{f as Combobox};
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{DropdownBase as t}from"./DropdownBase.js";import{InputText as n}from"../input-text/InputText.js";import{comboboxEmpty as r,comboboxOption as i,icon as a,inputSection as o,selectSection as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useState as u}from"react";import{cx as d}from"@mage-ui/styled-system/css";const f=({defaultOpened:f=!1,creatable:p,setSelectedOption:m,selectedOption:h,endSlot:g,options:_,classNames:v,create:y,empty:b,...x})=>{let[S,C]=u(h?.value??``),w=_.every(e=>e.value!==S),T=w?_.filter(e=>e.value.toLowerCase().includes(S.toLowerCase().trim())):_,E=T.map(e=>c(t.Option,{value:e.value,active:h?.id===e.id,classNames:{option:v?.option??i()},children:e.value},e.id)),D=()=>p&&S?l(t.Option,{value:S,classNames:{option:v?.create??i({type:`create`})},children:[c(e,{name:`plus`,classNames:a({size:`m`})}),`${y??`Create`} '${S}'`]},S):c(t.Empty,{classNames:{empty:v?.empty??r()},children:b??`Nothing found`}),O=e=>{let t=_.find(t=>t.value===e);!t&&p&&e&&(t={id:`new`,value:e}),m(t)};return c(t,{readOnly:!1,target:c(n,{value:S,classNames:{section:v?.section??d(o(),s())},...x}),selectedOption:h,setQuery:C,setSelectedOption:e=>O(e),endSlot:g,children:E.length>0?E:c(D,{})})};export{f as Combobox};
 //# sourceMappingURL=Combobox.js.map

package/dist/components/controls/dropdown/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["value: string | undefined"],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  comboboxEmpty,\n  comboboxOption,\n  icon,\n  inputSection,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\nimport { Icon } from '@/components/data-display';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type ComboboxProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    creatable?: boolean;\n    classNames?: {\n      option?: string;\n      empty?: string;\n      create?: string;\n    };\n    create?: string;\n    empty?: string;\n    dropdownIcon?: React.ReactNode;\n  };\n\nexport const Combobox = ({\n  defaultOpened = false,\n  creatable,\n  setSelectedOption,\n  selectedOption,\n  dropdownIcon,\n  options,\n  classNames,\n  create,\n  empty,\n  ...props\n}: ComboboxProps) => {\n  const [query, setQuery] = useState(selectedOption?.value ?? '');\n\n  const shouldFilterOptions = options.every((item) => item.value !== query);\n  const filteredOptions = shouldFilterOptions\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(query.toLowerCase().trim()),\n      )\n    : options;\n\n  const dropdownOptions = filteredOptions.map((option) => (\n    <DropdownBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </DropdownBase.Option>\n  ));\n\n  const MissingOption = () => {\n    if (creatable && query) {\n      return (\n        <DropdownBase.Option\n          value={query}\n          key={query}\n          classNames={{\n            option: classNames?.create ?? comboboxOption({ type: 'create' }),\n          }}\n        >\n          <Icon name='plus' classNames={icon({ size: 'm' })} />\n          {`${create ?? 'Create'} '${query}'`}\n        </DropdownBase.Option>\n      );\n    }\n    return (\n      <DropdownBase.Empty\n        classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n      >\n        {empty ?? 'Nothing found'}\n      </DropdownBase.Empty>\n    );\n  };\n\n  const onChange = (value: string | undefined) => {\n    let selected = options.find((item) => item.value === value);\n    if (!selected && creatable && value) {\n      selected = { id: 'new', value };\n    }\n    setSelectedOption(selected);\n  };\n\n  return (\n    <DropdownBase\n      readOnly={false}\n      target={\n        <InputText\n          value={query}\n          classNames={{\n            section: classNames?.section ?? cx(inputSection(), selectSection()),\n          }}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      dropdownIcon={dropdownIcon}\n    >\n      {dropdownOptions.length > 0 ? dropdownOptions : <MissingOption />}\n    </DropdownBase>\n  );\n};\n"],"mappings":"0aAoCA,MAAa,EAAW,CAAC,CACvB,iBAAgB,EAChB,YACA,oBACA,iBACA,eACA,UACA,aACA,SACA,QACA,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,GAAU,SAAS,IAAI,EAAM,EAAA,GAN5B,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,GAAS,iBACS,CAInB,EAAW,AAACA,GAA8B,CAC9C,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACC,UAAU,EACV,OACE,EAAC,EAAA,CACC,MAAO,EACP,WAAY,CACV,QAAS,GAAY,SAAW,EAAG,GAAc,CAAE,GAAe,CAAC,AACpE,EACD,GAAI,GACJ,CAEY,iBACN,WACV,kBAAmB,AAAC,GAAW,EAAS,EAAO,CACjC,wBAEb,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}
+{"version":3,"file":"Combobox.js","names":["value: string | undefined"],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  comboboxEmpty,\n  comboboxOption,\n  icon,\n  inputSection,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\nimport { Icon } from '@/components/data-display';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type ComboboxProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    creatable?: boolean;\n    classNames?: {\n      option?: string;\n      empty?: string;\n      create?: string;\n    };\n    create?: string;\n    empty?: string;\n    endSlot?: React.ReactNode;\n  };\n\nexport const Combobox = ({\n  defaultOpened = false,\n  creatable,\n  setSelectedOption,\n  selectedOption,\n  endSlot,\n  options,\n  classNames,\n  create,\n  empty,\n  ...props\n}: ComboboxProps) => {\n  const [query, setQuery] = useState(selectedOption?.value ?? '');\n\n  const shouldFilterOptions = options.every((item) => item.value !== query);\n  const filteredOptions = shouldFilterOptions\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(query.toLowerCase().trim()),\n      )\n    : options;\n\n  const dropdownOptions = filteredOptions.map((option) => (\n    <DropdownBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </DropdownBase.Option>\n  ));\n\n  const MissingOption = () => {\n    if (creatable && query) {\n      return (\n        <DropdownBase.Option\n          value={query}\n          key={query}\n          classNames={{\n            option: classNames?.create ?? comboboxOption({ type: 'create' }),\n          }}\n        >\n          <Icon name='plus' classNames={icon({ size: 'm' })} />\n          {`${create ?? 'Create'} '${query}'`}\n        </DropdownBase.Option>\n      );\n    }\n    return (\n      <DropdownBase.Empty\n        classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n      >\n        {empty ?? 'Nothing found'}\n      </DropdownBase.Empty>\n    );\n  };\n\n  const onChange = (value: string | undefined) => {\n    let selected = options.find((item) => item.value === value);\n    if (!selected && creatable && value) {\n      selected = { id: 'new', value };\n    }\n    setSelectedOption(selected);\n  };\n\n  return (\n    <DropdownBase\n      readOnly={false}\n      target={\n        <InputText\n          value={query}\n          classNames={{\n            section: classNames?.section ?? cx(inputSection(), selectSection()),\n          }}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      endSlot={endSlot}\n    >\n      {dropdownOptions.length > 0 ? dropdownOptions : <MissingOption />}\n    </DropdownBase>\n  );\n};\n"],"mappings":"0aAoCA,MAAa,EAAW,CAAC,CACvB,iBAAgB,EAChB,YACA,oBACA,iBACA,UACA,UACA,aACA,SACA,QACA,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,GAAU,SAAS,IAAI,EAAM,EAAA,GAN5B,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,GAAS,iBACS,CAInB,EAAW,AAACA,GAA8B,CAC9C,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACC,UAAU,EACV,OACE,EAAC,EAAA,CACC,MAAO,EACP,WAAY,CACV,QAAS,GAAY,SAAW,EAAG,GAAc,CAAE,GAAe,CAAC,AACpE,EACD,GAAI,GACJ,CAEY,iBACN,WACV,kBAAmB,AAAC,GAAW,EAAS,EAAO,CACtC,mBAER,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}

package/dist/components/controls/dropdown/DropdownBase.d.ts

@@ -16,7 +16,7 @@ type DropdownBaseProps = {
     dropdown?: string;
     options?: string;
   };
-  dropdownIcon?: React.ReactNode;
+  endSlot?: React.ReactNode;
   children: React.ReactNode;
 };
 //#endregion

package/dist/components/controls/dropdown/DropdownBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownBase.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,iBAAA;;;;EAAA,cAAA,CAAA,EAAA;IAAiB,EAAA,EAAA,MAAA,GAAA,MAAA;IAMnB,KAAM,EAAA,MAAA;EAAY,CAAA,GAKX,SAAM;EAAS,iBACd,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAS,MAAA,EANjB,KAAA,CAAM,YAMW;;;;;iBADV,KAAA,CAAM;YACX,KAAA,CAAM"}
+{"version":3,"file":"DropdownBase.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,iBAAA;;;;EAAA,cAAA,CAAA,EAAA;IAAiB,EAAA,EAAA,MAAA,GAAA,MAAA;IAMnB,KAAM,EAAA,MAAA;EAAY,CAAA,GAKhB,SAAM;EAAS,iBACT,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAS,MAAA,EANjB,KAAA,CAAM,YAMW;;;;;YADf,KAAA,CAAM;YACN,KAAA,CAAM"}

package/dist/components/controls/dropdown/DropdownBase.js

@@ -1,2 +1,2 @@
-import{comboboxOptions as e,dropdown as t}from"@mage-ui/styled-system/recipes";import{Combobox as n,useCombobox as r}from"@mantine/core";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cloneElement as o}from"react";const s=({defaultOpened:s,readOnly:c,setQuery:l,setSelectedOption:u,selectedOption:d,target:f,classNames:p,children:m,dropdownIcon:h,...g})=>{let _=r({defaultOpened:s??!1,scrollBehavior:`smooth`,onDropdownClose:()=>{_.resetSelectedOption()}}),v=o(f,{...f?.props??{},onChange:({currentTarget:e})=>{l?.(e.value),_.openDropdown(),_.updateSelectedOptionIndex()},onBlur:()=>{l?.(d?.value??``)},onClick:()=>{c?_.toggleDropdown():_.openDropdown()},endSlot:h});return a(n,{readOnly:c??!1,onOptionSubmit:e=>{u(e),l?.(e),_.closeDropdown()},store:_,withinPortal:!0,position:`bottom-start`,...g,children:[i(n.Target,{children:v}),i(n.Dropdown,{classNames:{dropdown:p?.dropdown??t()},children:i(n.Options,{classNames:{options:p?.options??e()},children:m})})]})};s.Option=n.Option,s.Option.displayName=`DropdownBase.Option`,s.Empty=n.Empty,s.Empty.displayName=`DropdownBase.Empty`;export{s as DropdownBase};
+import{comboboxOptions as e,dropdown as t}from"@mage-ui/styled-system/recipes";import{Combobox as n,useCombobox as r}from"@mantine/core";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cloneElement as o}from"react";const s=({defaultOpened:s,readOnly:c,setQuery:l,setSelectedOption:u,selectedOption:d,target:f,classNames:p,children:m,endSlot:h,...g})=>{let _=r({defaultOpened:s??!1,scrollBehavior:`smooth`,onDropdownClose:()=>{_.resetSelectedOption()}}),v=o(f,{...f?.props??{},onChange:({currentTarget:e})=>{l?.(e.value),_.openDropdown(),_.updateSelectedOptionIndex()},onBlur:()=>{l?.(d?.value??``)},onClick:()=>{c?_.toggleDropdown():_.openDropdown()},endSlot:h});return a(n,{readOnly:c??!1,onOptionSubmit:e=>{u(e),l?.(e),_.closeDropdown()},store:_,withinPortal:!0,position:`bottom-start`,...g,children:[i(n.Target,{children:v}),i(n.Dropdown,{classNames:{dropdown:p?.dropdown??t()},children:i(n.Options,{classNames:{options:p?.options??e()},children:m})})]})};s.Option=n.Option,s.Option.displayName=`DropdownBase.Option`,s.Empty=n.Empty,s.Empty.displayName=`DropdownBase.Empty`;export{s as DropdownBase};
 //# sourceMappingURL=DropdownBase.js.map

package/dist/components/controls/dropdown/DropdownBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownBase.js","names":["MantineCombobox"],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":["import { type ChangeEvent, cloneElement } from 'react';\n\nimport { comboboxOptions, dropdown } from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox, useCombobox } from '@mantine/core';\n\nexport type DropdownBaseProps = {\n  defaultOpened?: boolean;\n  readOnly?: boolean;\n  setQuery?: (value: string) => void;\n  selectedOption?: { id: string | number; value: string } | undefined;\n  setSelectedOption: (value: string | undefined) => void;\n  target: React.ReactElement;\n  classNames?: {\n    dropdown?: string;\n    options?: string;\n  };\n  dropdownIcon?: React.ReactNode;\n  children: React.ReactNode;\n};\n\nexport const DropdownBase = ({\n  defaultOpened,\n  readOnly,\n  setQuery,\n  setSelectedOption,\n  selectedOption,\n  target,\n  classNames,\n  children,\n  dropdownIcon,\n  ...props\n}: DropdownBaseProps) => {\n  const combobox = useCombobox({\n    defaultOpened: defaultOpened ?? false,\n    scrollBehavior: 'smooth',\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n    },\n  });\n\n  const targetComponent = cloneElement(target, {\n    ...(target?.props ?? {}),\n    onChange: ({\n      currentTarget,\n    }: ChangeEvent<HTMLInputElement | HTMLButtonElement>) => {\n      setQuery?.(currentTarget.value);\n      combobox.openDropdown();\n      combobox.updateSelectedOptionIndex();\n    },\n    onBlur: () => {\n      setQuery?.(selectedOption?.value ?? '');\n    },\n    onClick: () => {\n      if (readOnly) {\n        combobox.toggleDropdown();\n      } else {\n        combobox.openDropdown();\n      }\n    },\n    endSlot: dropdownIcon,\n  } as React.HTMLProps<HTMLInputElement | HTMLButtonElement>);\n\n  return (\n    <MantineCombobox\n      readOnly={readOnly ?? false}\n      onOptionSubmit={(option) => {\n        setSelectedOption(option);\n        setQuery?.(option);\n        combobox.closeDropdown();\n      }}\n      store={combobox}\n      withinPortal={true}\n      position='bottom-start'\n      {...props}\n    >\n      <MantineCombobox.Target>{targetComponent}</MantineCombobox.Target>\n      <MantineCombobox.Dropdown\n        classNames={{\n          dropdown: classNames?.dropdown ?? dropdown(),\n        }}\n      >\n        <MantineCombobox.Options\n          classNames={{\n            options: classNames?.options ?? comboboxOptions(),\n          }}\n        >\n          {children}\n        </MantineCombobox.Options>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nDropdownBase.Option = MantineCombobox.Option;\nDropdownBase.Option.displayName = 'DropdownBase.Option';\nDropdownBase.Empty = MantineCombobox.Empty;\nDropdownBase.Empty.displayName = 'DropdownBase.Empty';\n"],"mappings":"gOAoBA,MAAa,EAAe,CAAC,CAC3B,gBACA,WACA,WACA,oBACA,iBACA,SACA,aACA,WACA,eACA,GAAG,EACe,GAAK,CASvB,IARM,EAAW,EAAY,CAC3B,cAAe,IAAiB,EAChC,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEI,EAAkB,EAAa,EAAQ,CAC3C,GAAI,GAAQ,OAAS,CAAE,EACvB,SAAU,CAAC,CACT,gBACkD,GAAK,CAGvD,AAFA,IAAW,EAAc,MAAM,CAC/B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,OAAQ,IAAM,CACZ,IAAW,GAAgB,OAAS,GAAG,AACxC,EACD,QAAS,IAAM,CACb,AAAI,EACF,EAAS,gBAAgB,CAEzB,EAAS,cAAc,AAE1B,EACD,QAAS,CACV,EAA0D,CAE3D,MACE,GAACA,EAAAA,CACC,SAAU,IAAY,EACtB,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,IAAW,EAAO,CAClB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,SAAS,eACT,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SAAQ,CAAA,EAAyC,CAClE,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,GACX,AAErB,EAKD,AAHA,EAAa,OAASA,EAAgB,OACtC,EAAa,OAAO,YAAc,sBAClC,EAAa,MAAQA,EAAgB,MACrC,EAAa,MAAM,YAAc"}
+{"version":3,"file":"DropdownBase.js","names":["MantineCombobox"],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":["import { type ChangeEvent, cloneElement } from 'react';\n\nimport { comboboxOptions, dropdown } from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox, useCombobox } from '@mantine/core';\n\nexport type DropdownBaseProps = {\n  defaultOpened?: boolean;\n  readOnly?: boolean;\n  setQuery?: (value: string) => void;\n  selectedOption?: { id: string | number; value: string } | undefined;\n  setSelectedOption: (value: string | undefined) => void;\n  target: React.ReactElement;\n  classNames?: {\n    dropdown?: string;\n    options?: string;\n  };\n  endSlot?: React.ReactNode;\n  children: React.ReactNode;\n};\n\nexport const DropdownBase = ({\n  defaultOpened,\n  readOnly,\n  setQuery,\n  setSelectedOption,\n  selectedOption,\n  target,\n  classNames,\n  children,\n  endSlot,\n  ...props\n}: DropdownBaseProps) => {\n  const combobox = useCombobox({\n    defaultOpened: defaultOpened ?? false,\n    scrollBehavior: 'smooth',\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n    },\n  });\n\n  const targetComponent = cloneElement(target, {\n    ...(target?.props ?? {}),\n    onChange: ({\n      currentTarget,\n    }: ChangeEvent<HTMLInputElement | HTMLButtonElement>) => {\n      setQuery?.(currentTarget.value);\n      combobox.openDropdown();\n      combobox.updateSelectedOptionIndex();\n    },\n    onBlur: () => {\n      setQuery?.(selectedOption?.value ?? '');\n    },\n    onClick: () => {\n      if (readOnly) {\n        combobox.toggleDropdown();\n      } else {\n        combobox.openDropdown();\n      }\n    },\n    endSlot: endSlot,\n  } as React.HTMLProps<HTMLInputElement | HTMLButtonElement>);\n\n  return (\n    <MantineCombobox\n      readOnly={readOnly ?? false}\n      onOptionSubmit={(option) => {\n        setSelectedOption(option);\n        setQuery?.(option);\n        combobox.closeDropdown();\n      }}\n      store={combobox}\n      withinPortal={true}\n      position='bottom-start'\n      {...props}\n    >\n      <MantineCombobox.Target>{targetComponent}</MantineCombobox.Target>\n      <MantineCombobox.Dropdown\n        classNames={{\n          dropdown: classNames?.dropdown ?? dropdown(),\n        }}\n      >\n        <MantineCombobox.Options\n          classNames={{\n            options: classNames?.options ?? comboboxOptions(),\n          }}\n        >\n          {children}\n        </MantineCombobox.Options>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nDropdownBase.Option = MantineCombobox.Option;\nDropdownBase.Option.displayName = 'DropdownBase.Option';\nDropdownBase.Empty = MantineCombobox.Empty;\nDropdownBase.Empty.displayName = 'DropdownBase.Empty';\n"],"mappings":"gOAoBA,MAAa,EAAe,CAAC,CAC3B,gBACA,WACA,WACA,oBACA,iBACA,SACA,aACA,WACA,UACA,GAAG,EACe,GAAK,CASvB,IARM,EAAW,EAAY,CAC3B,cAAe,IAAiB,EAChC,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEI,EAAkB,EAAa,EAAQ,CAC3C,GAAI,GAAQ,OAAS,CAAE,EACvB,SAAU,CAAC,CACT,gBACkD,GAAK,CAGvD,AAFA,IAAW,EAAc,MAAM,CAC/B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,OAAQ,IAAM,CACZ,IAAW,GAAgB,OAAS,GAAG,AACxC,EACD,QAAS,IAAM,CACb,AAAI,EACF,EAAS,gBAAgB,CAEzB,EAAS,cAAc,AAE1B,EACQ,SACV,EAA0D,CAE3D,MACE,GAACA,EAAAA,CACC,SAAU,IAAY,EACtB,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,IAAW,EAAO,CAClB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,SAAS,eACT,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SAAQ,CAAA,EAAyC,CAClE,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,GACX,AAErB,EAKD,AAHA,EAAa,OAASA,EAAgB,OACtC,EAAa,OAAO,YAAc,sBAClC,EAAa,MAAQA,EAAgB,MACrC,EAAa,MAAM,YAAc"}

package/dist/components/controls/dropdown/DropdownButton.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime30 from "react/jsx-runtime";
-import * as react31 from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react32 from "react";
 
 //#region src/components/controls/dropdown/DropdownButton.d.ts
 type DropdownButtonProps = {
@@ -9,20 +9,20 @@ type DropdownButtonProps = {
     dropdown?: string;
   };
   children?: React.ReactNode;
-  dropdownIcon?: React.ReactNode;
+  endSlot?: React.ReactNode;
 };
 declare const DropdownButton: {
   ({
     label,
     classNames,
     children,
-    dropdownIcon,
+    endSlot,
     ...props
-  }: DropdownButtonProps): react_jsx_runtime30.JSX.Element;
+  }: DropdownButtonProps): react_jsx_runtime31.JSX.Element;
   Option: {
     ({
       children
-    }: DropdownButtonOptionProps): react31.ReactNode;
+    }: DropdownButtonOptionProps): react32.ReactNode;
     displayName: string;
   };
 };

package/dist/components/controls/dropdown/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownButton.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,mBAAA;;;;IAAA,QAAA,CAAA,EAAA,MAAA;EAAmB,CAAA;EAAA,QAMlB,CAAM,EAAN,KAAA,CAAM,SAAA;EAAS,YACL,CAAA,EAAN,KAAA,CAAM,SAAA;AAAS,CAAA;AAGnB,cAAA,cA8CZ,EAAA;EAAA,CAAA;IAAA,KAAA;IAAA,UAAA;IAAA,QAAA;IAAA,YAAA;IAAA,GAAA;EAAA,CAAA,EAxCE,mBAwCF,CAAA,EAxCqB,mBAAA,CAAA,GAAA,CAAA,OAwCrB;EAAA,MAAA,EAAA;;;OAS6B,4BAAyB,OAAA,CAAA;;;;KAPlD,yBAAA,GA1CiB;EAAA,EAAA,EAAA,MAAA,GAAA,MAAA;OAiDQ,EAAA,MAAA;EAAyB,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAH1C,KAAA,CAAM,SAGoC;AATrD,CAAA"}
+{"version":3,"file":"DropdownButton.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownButton.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,mBAAA;;;;IAAA,QAAA,CAAA,EAAA,MAAA;EAAmB,CAAA;EAAA,QAMlB,CAAM,EAAN,KAAA,CAAM,SAAA;EAAS,OAChB,CAAA,EAAA,KAAA,CAAM,SAAA;AAAS,CAAA;AAGd,cAAA,cA8CZ,EAAA;EAAA,CAAA;IAAA,KAAA;IAAA,UAAA;IAAA,QAAA;IAAA,OAAA;IAAA,GAAA;EAAA,CAAA,EAxCE,mBAwCF,CAAA,EAxCqB,mBAAA,CAAA,GAAA,CAAA,OAwCrB;EAAA,MAAA,EAAA;;;OAS6B,4BAAyB,OAAA,CAAA;;;;KAPlD,yBAAA,GA1CiB;EAAA,EAAA,EAAA,MAAA,GAAA,MAAA;OAiDQ,EAAA,MAAA;EAAyB,OAAA,EAAA,GAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAH1C,KAAA,CAAM,SAGoC;AATrD,CAAA"}

package/dist/components/controls/dropdown/DropdownButton.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../../buttons/button/Button.js";import{DropdownBase as t}from"./DropdownBase.js";import{button as n,comboboxOption as r,dropdown as i}from"@mage-ui/styled-system/recipes";import{jsx as a}from"react/jsx-runtime";import{Children as o,isValidElement as s}from"react";const c=({label:l=`Guardar`,classNames:u,children:d,dropdownIcon:f,...p})=>{let m=o.toArray(d).filter(e=>s(e)&&e.type===c.Option),h=e=>{let t=m.find(t=>t.props.value===e);t&&t.props.onClick()};return a(t,{setSelectedOption:h,target:a(e,{classNames:{root:n({color:`primary`})},children:l}),classNames:{dropdown:u?.dropdown??i({size:`m`})},dropdownIcon:f,...p,children:m.map(e=>{let{id:n,value:i,children:o}=e.props;return a(t.Option,{value:i,classNames:{option:u?.option??r()},children:o},n)})})},l=({children:e})=>e;l.displayName=`DropdownButton.Option`,c.Option=l;export{c as DropdownButton};
+import{Button as e}from"../../buttons/button/Button.js";import{DropdownBase as t}from"./DropdownBase.js";import{button as n,comboboxOption as r,dropdown as i}from"@mage-ui/styled-system/recipes";import{jsx as a}from"react/jsx-runtime";import{Children as o,isValidElement as s}from"react";const c=({label:l=`Guardar`,classNames:u,children:d,endSlot:f,...p})=>{let m=o.toArray(d).filter(e=>s(e)&&e.type===c.Option),h=e=>{let t=m.find(t=>t.props.value===e);t&&t.props.onClick()};return a(t,{setSelectedOption:h,target:a(e,{classNames:{root:n({color:`primary`})},children:l}),classNames:{dropdown:u?.dropdown??i({size:`m`})},endSlot:f,...p,children:m.map(e=>{let{id:n,value:i,children:o}=e.props;return a(t.Option,{value:i,classNames:{option:u?.option??r()},children:o},n)})})},l=({children:e})=>e;l.displayName=`DropdownButton.Option`,c.Option=l;export{c as DropdownButton};
 //# sourceMappingURL=DropdownButton.js.map

package/dist/components/controls/dropdown/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","names":["value?: string","children"],"sources":["../../../../src/components/controls/dropdown/DropdownButton.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport {\n  button,\n  comboboxOption,\n  dropdown,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\n\nimport { DropdownBase } from './DropdownBase';\n\nexport type DropdownButtonProps = {\n  label?: string;\n  classNames?: {\n    option?: string;\n    dropdown?: string;\n  };\n  children?: React.ReactNode;\n  dropdownIcon?: React.ReactNode;\n};\n\nexport const DropdownButton = ({\n  label = 'Guardar',\n  classNames,\n  children,\n  dropdownIcon,\n  ...props\n}: DropdownButtonProps) => {\n  const options = Children.toArray(children).filter(\n    (child): child is React.ReactElement<DropdownButtonOptionProps> =>\n      isValidElement(child) && child.type === DropdownButton.Option,\n  );\n\n  const handleOptionSelect = (value?: string) => {\n    const selected = options.find((child) => child.props.value === value);\n    if (selected) selected.props.onClick();\n  };\n\n  return (\n    <DropdownBase\n      setSelectedOption={handleOptionSelect}\n      target={\n        <Button classNames={{ root: button({ color: 'primary' }) }}>\n          {label}\n        </Button>\n      }\n      classNames={{\n        dropdown: classNames?.dropdown ?? dropdown({ size: 'm' }),\n      }}\n      dropdownIcon={dropdownIcon}\n      {...props}\n    >\n      {options.map((child) => {\n        const { id, value, children } = child.props;\n\n        return (\n          <DropdownBase.Option\n            key={id}\n            value={value}\n            classNames={{ option: classNames?.option ?? comboboxOption() }}\n          >\n            {children}\n          </DropdownBase.Option>\n        );\n      })}\n    </DropdownBase>\n  );\n};\n\ntype DropdownButtonOptionProps = {\n  id: string | number;\n  value: string;\n  onClick: () => void;\n  children?: React.ReactNode;\n};\n\nconst Option = ({ children }: DropdownButtonOptionProps) => {\n  return children;\n};\n\nOption.displayName = 'DropdownButton.Option';\nDropdownButton.Option = Option;\n"],"mappings":"gSA4EA,MAvDa,EAAiB,CAAC,CAC7B,QAAQ,UACR,aACA,WACA,eACA,GAAG,EACiB,GAAK,CAMzB,IALM,EAAU,EAAS,QAAQ,EAAS,CAAC,OACzC,AAAC,GACC,EAAe,EAAM,EAAI,EAAM,OAAS,EAAe,OAC1D,CAEK,EAAqB,AAACA,GAAmB,CAC7C,IAAM,EAAW,EAAQ,KAAK,AAAC,GAAU,EAAM,MAAM,QAAU,EAAM,CACrE,AAAI,GAAU,EAAS,MAAM,SAAS,AACvC,EAED,MACE,GAAC,EAAA,CACC,kBAAmB,EACnB,OACE,EAAC,EAAA,CAAO,WAAY,CAAE,KAAM,EAAO,CAAE,MAAO,SAAW,EAAC,AAAE,WACvD,GACM,CAEX,WAAY,CACV,SAAU,GAAY,UAAY,EAAS,CAAE,KAAM,GAAK,EAAC,AAC1D,EACa,eACd,GAAI,WAEH,EAAQ,IAAI,AAAC,GAAU,CACtB,GAAM,CAAE,KAAI,QAAO,SAAA,EAAU,CAAG,EAAM,MAEtC,MACE,GAAC,EAAa,OAAA,CAEL,QACP,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7DC,GAJI,EAKe,AAEzB,EAAC,EACW,AAElB,EASK,EAAS,CAAC,CAAE,WAAqC,GAC9C,EAIT,AADA,EAAO,YAAc,wBACrB,EAAe,OAAS"}
+{"version":3,"file":"DropdownButton.js","names":["value?: string","children"],"sources":["../../../../src/components/controls/dropdown/DropdownButton.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport {\n  button,\n  comboboxOption,\n  dropdown,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\n\nimport { DropdownBase } from './DropdownBase';\n\nexport type DropdownButtonProps = {\n  label?: string;\n  classNames?: {\n    option?: string;\n    dropdown?: string;\n  };\n  children?: React.ReactNode;\n  endSlot?: React.ReactNode;\n};\n\nexport const DropdownButton = ({\n  label = 'Guardar',\n  classNames,\n  children,\n  endSlot,\n  ...props\n}: DropdownButtonProps) => {\n  const options = Children.toArray(children).filter(\n    (child): child is React.ReactElement<DropdownButtonOptionProps> =>\n      isValidElement(child) && child.type === DropdownButton.Option,\n  );\n\n  const handleOptionSelect = (value?: string) => {\n    const selected = options.find((child) => child.props.value === value);\n    if (selected) selected.props.onClick();\n  };\n\n  return (\n    <DropdownBase\n      setSelectedOption={handleOptionSelect}\n      target={\n        <Button classNames={{ root: button({ color: 'primary' }) }}>\n          {label}\n        </Button>\n      }\n      classNames={{\n        dropdown: classNames?.dropdown ?? dropdown({ size: 'm' }),\n      }}\n      endSlot={endSlot}\n      {...props}\n    >\n      {options.map((child) => {\n        const { id, value, children } = child.props;\n\n        return (\n          <DropdownBase.Option\n            key={id}\n            value={value}\n            classNames={{ option: classNames?.option ?? comboboxOption() }}\n          >\n            {children}\n          </DropdownBase.Option>\n        );\n      })}\n    </DropdownBase>\n  );\n};\n\ntype DropdownButtonOptionProps = {\n  id: string | number;\n  value: string;\n  onClick: () => void;\n  children?: React.ReactNode;\n};\n\nconst Option = ({ children }: DropdownButtonOptionProps) => {\n  return children;\n};\n\nOption.displayName = 'DropdownButton.Option';\nDropdownButton.Option = Option;\n"],"mappings":"gSA4EA,MAvDa,EAAiB,CAAC,CAC7B,QAAQ,UACR,aACA,WACA,UACA,GAAG,EACiB,GAAK,CAMzB,IALM,EAAU,EAAS,QAAQ,EAAS,CAAC,OACzC,AAAC,GACC,EAAe,EAAM,EAAI,EAAM,OAAS,EAAe,OAC1D,CAEK,EAAqB,AAACA,GAAmB,CAC7C,IAAM,EAAW,EAAQ,KAAK,AAAC,GAAU,EAAM,MAAM,QAAU,EAAM,CACrE,AAAI,GAAU,EAAS,MAAM,SAAS,AACvC,EAED,MACE,GAAC,EAAA,CACC,kBAAmB,EACnB,OACE,EAAC,EAAA,CAAO,WAAY,CAAE,KAAM,EAAO,CAAE,MAAO,SAAW,EAAC,AAAE,WACvD,GACM,CAEX,WAAY,CACV,SAAU,GAAY,UAAY,EAAS,CAAE,KAAM,GAAK,EAAC,AAC1D,EACQ,UACT,GAAI,WAEH,EAAQ,IAAI,AAAC,GAAU,CACtB,GAAM,CAAE,KAAI,QAAO,SAAA,EAAU,CAAG,EAAM,MAEtC,MACE,GAAC,EAAa,OAAA,CAEL,QACP,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7DC,GAJI,EAKe,AAEzB,EAAC,EACW,AAElB,EASK,EAAS,CAAC,CAAE,WAAqC,GAC9C,EAIT,AADA,EAAO,YAAc,wBACrB,EAAe,OAAS"}

package/dist/components/controls/dropdown/Select.d.ts

@@ -1,6 +1,6 @@
 import { DropdownBaseProps } from "./DropdownBase.js";
 import { InputTextProps } from "../input-text/InputText.js";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/controls/dropdown/Select.d.ts
 type SelectProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery' | 'target'> & InputTextProps & {
@@ -23,7 +23,7 @@ declare const Select: ({
   options,
   classNames,
   ...props
-}: SelectProps) => react_jsx_runtime32.JSX.Element;
+}: SelectProps) => react_jsx_runtime33.JSX.Element;
 //# sourceMappingURL=Select.d.ts.map
 
 //#endregion

package/dist/components/controls/input-file/InputFile.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/controls/input-file/InputFile.d.ts
 type InputFileProps = {
@@ -26,7 +26,7 @@ declare const InputFile: ({
   multiple,
   badgeClassName,
   ...props
-}: InputFileProps) => react_jsx_runtime33.JSX.Element;
+}: InputFileProps) => react_jsx_runtime34.JSX.Element;
 //# sourceMappingURL=InputFile.d.ts.map
 //#endregion
 export { InputFile, InputFileProps };

package/dist/components/controls/input-password/InputPassword.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/input-password/InputPassword.d.ts
@@ -26,7 +26,7 @@ declare const InputPassword: ({
   startSlot,
   endSlot,
   ...props
-}: InputPasswordProps) => react_jsx_runtime34.JSX.Element;
+}: InputPasswordProps) => react_jsx_runtime35.JSX.Element;
 //# sourceMappingURL=InputPassword.d.ts.map
 //#endregion
 export { InputPassword, InputPasswordProps };

package/dist/components/controls/input-text/InputText.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/input-text/InputText.d.ts
@@ -25,7 +25,7 @@ declare const InputText: ({
   startSlot,
   endSlot,
   ...props
-}: InputTextProps) => react_jsx_runtime35.JSX.Element;
+}: InputTextProps) => react_jsx_runtime36.JSX.Element;
 //# sourceMappingURL=InputText.d.ts.map
 //#endregion
 export { InputText, InputTextProps };

package/dist/components/controls/radio/Radio.d.ts

@@ -1,4 +1,3 @@
-import { RadioGroupProps } from "./RadioGroup.js";
 import { ReactNode } from "react";
 
 //#region src/components/controls/radio/Radio.d.ts
@@ -28,14 +27,6 @@ declare const Radio: {
     ...props
   }: RadioProps): ReactNode;
   displayName: string;
-  Group: {
-    ({
-      classNames,
-      children,
-      ...props
-    }: RadioGroupProps): ReactNode;
-    displayName: string;
-  };
 };
 //# sourceMappingURL=Radio.d.ts.map
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","names":[],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":[],"mappings":";;;;KAkBY,UAAA;UACF;UACA;EAFE,WAAA,CAAA,EAGI,SAHM;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,IACZ,CAAA,EAAA,MAAA;EAAS,OACT,CAAA,EAAA,OAAA;EAAS,QACH,CAAA,EAAA,OAAA;EAAS,UAAA,CAAA,EAAA;IAkBZ,IAiBZ,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAAA,MAAA;IAjB+C,KAAA,CAAA,EAAA,MAAA;IAAa,IAAA,CAAA,EAAA,MAAA;IAAS,YAAA,CAAA,EAAA,MAAA;;;;;;cAAzD;;;;KAAmC,aAAa"}
+{"version":3,"file":"Radio.d.ts","names":[],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":[],"mappings":";;;KAgBY,UAAA;UACF;EADE,KAAA,CAAA,EAEF,SAFY;EAAA,WAAA,CAAA,EAGN,SAHM;EAAA,KACZ,CAAA,EAAA,MAAA;EAAS,IACT,CAAA,EAAA,MAAA;EAAS,OACH,CAAA,EAAA,OAAA;EAAS,QAAA,CAAA,EAAA,OAAA;EAkBZ,UAiBZ,CAAA,EAAA;IAAA,IAAA,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAjB+C,IAAA,CAAA,EAAA,MAAA;IAAa,KAAA,CAAA,EAAA,MAAA;IAAS,IAAA,CAAA,EAAA,MAAA;;;;;;;cAAzD;;;;KAAmC,aAAa"}

package/dist/components/controls/radio/Radio.js

@@ -1,2 +1,2 @@
-import{RadioGroup as e}from"./RadioGroup.js";import{radio as t,radioBody as n,radioDescription as r,radioError as i,radioIcon as a,radioInner as o,radioLabel as s,radioLabelWrapper as c,radioRoot as l}from"@mage-ui/styled-system/recipes";import{Radio as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";import{cx as f}from"@mage-ui/styled-system/css";const p=({classNames:e,...p})=>d(u,{classNames:{root:e?.root??l(),radio:f(e?.radio??t(),`peer`),icon:e?.icon??a(),inner:e?.inner??o(),body:e?.body??n(),labelWrapper:e?.labelWrapper??c(),label:e?.label??s(),description:e?.description??r(),error:e?.error??i()},...p});p.displayName=`Radio`,p.Group=e;export{p as Radio};
+import{radio as e,radioBody as t,radioDescription as n,radioError as r,radioIcon as i,radioInner as a,radioLabel as o,radioLabelWrapper as s,radioRoot as c}from"@mage-ui/styled-system/recipes";import{Radio as l}from"@mantine/core";import{jsx as u}from"react/jsx-runtime";import{cx as d}from"@mage-ui/styled-system/css";const f=({classNames:f,...p})=>u(l,{classNames:{root:f?.root??c(),radio:d(f?.radio??e(),`peer`),icon:f?.icon??i(),inner:f?.inner??a(),body:f?.body??t(),labelWrapper:f?.labelWrapper??s(),label:f?.label??o(),description:f?.description??n(),error:f?.error??r()},...p});f.displayName=`Radio`;export{f as Radio};
 //# sourceMappingURL=Radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["Radio","RadioMantine"],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":["import type { 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  radioRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as RadioMantine } from '@mantine/core';\n\nimport { RadioGroup } from './RadioGroup';\n\nexport type RadioProps = {\n  label?: ReactNode;\n  error?: ReactNode;\n  description?: ReactNode;\n  value?: string;\n  name?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  classNames?: {\n    root?: string;\n    radio?: 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 = ({ classNames, ...props }: RadioProps): ReactNode => {\n  return (\n    <RadioMantine\n      classNames={{\n        root: classNames?.root ?? radioRoot(),\n        radio: cx(classNames?.radio ?? radio(), 'peer'),\n        icon: classNames?.icon ?? radioIcon(),\n        inner: classNames?.inner ?? radioInner(),\n        body: classNames?.body ?? radioBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioLabelWrapper(),\n        label: classNames?.label ?? radioLabel(),\n        description: classNames?.description ?? radioDescription(),\n        error: classNames?.error ?? radioError(),\n      }}\n      {...props}\n    />\n  );\n};\n\nRadio.displayName = 'Radio';\nRadio.Group = RadioGroup;\n"],"mappings":"4WAuCA,MAAaA,EAAQ,CAAC,CAAE,aAAY,GAAG,EAAmB,GAEtD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,EAAG,GAAY,OAAS,GAAO,CAAE,OAAO,CAC/C,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,aAAc,GAAY,cAAgB,GAAmB,CAC7D,MAAO,GAAY,OAAS,GAAY,CACxC,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,AACzC,EACD,GAAI,GACJ,CAKN,AADA,EAAM,YAAc,QACpB,EAAM,MAAQ"}
+{"version":3,"file":"Radio.js","names":["Radio","RadioMantine"],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":["import type { 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  radioRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as RadioMantine } from '@mantine/core';\n\nexport type RadioProps = {\n  label?: ReactNode;\n  error?: ReactNode;\n  description?: ReactNode;\n  value?: string;\n  name?: string;\n  checked?: boolean;\n  disabled?: boolean;\n  classNames?: {\n    root?: string;\n    radio?: 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 = ({ classNames, ...props }: RadioProps): ReactNode => {\n  return (\n    <RadioMantine\n      classNames={{\n        root: classNames?.root ?? radioRoot(),\n        radio: cx(classNames?.radio ?? radio(), 'peer'),\n        icon: classNames?.icon ?? radioIcon(),\n        inner: classNames?.inner ?? radioInner(),\n        body: classNames?.body ?? radioBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioLabelWrapper(),\n        label: classNames?.label ?? radioLabel(),\n        description: classNames?.description ?? radioDescription(),\n        error: classNames?.error ?? radioError(),\n      }}\n      {...props}\n    />\n  );\n};\n\nRadio.displayName = 'Radio';\n"],"mappings":"+TAqCA,MAAaA,EAAQ,CAAC,CAAE,aAAY,GAAG,EAAmB,GAEtD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,EAAG,GAAY,OAAS,GAAO,CAAE,OAAO,CAC/C,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,aAAc,GAAY,cAAgB,GAAmB,CAC7D,MAAO,GAAY,OAAS,GAAY,CACxC,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,AACzC,EACD,GAAI,GACJ,CAIN,EAAM,YAAc"}

package/dist/components/controls/radio/RadioIcon.js

@@ -1,2 +1,2 @@
-import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{VisuallyHidden as t}from"../../misc/visually-hidden/VisuallyHidden.js";import{radioOnlyIcon as n,radioOnlyIconBody as r,radioOnlyIconIcon as i,radioOnlyIconInner as a,radioOnlyIconLabel as o,radioOnlyIconLabelWrapper as s,radioOnlyIconRoot as c,radioOnlyIconSettings as l}from"@mage-ui/styled-system/recipes";import{Radio as u}from"@mantine/core";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{cx as m}from"@mage-ui/styled-system/css";const h=({icon:n,a11yText:r})=>p(d,{children:[f(e,{name:n}),r&&f(t,{children:r})]}),g=({icon:e,a11yText:t,classNames:d,...p})=>f(u,{classNames:{root:m(d?.root??c(),l()),radio:m(d?.radio??n(),`peer`),icon:d?.icon??i(),inner:d?.inner??a(),body:d?.body??r(),labelWrapper:d?.labelWrapper??s(),label:d?.label??o()},label:f(h,{icon:e,a11yText:t}),...p});g.displayName=`RadioIcon`;export{g as RadioIcon};
+import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.js";import{Icon as t}from"../../data-display/icons/icon/Icon.js";import{radioOnlyIcon as n,radioOnlyIconBody as r,radioOnlyIconIcon as i,radioOnlyIconInner as a,radioOnlyIconLabel as o,radioOnlyIconLabelWrapper as s,radioOnlyIconRoot as c,radioOnlyIconSettings as l}from"@mage-ui/styled-system/recipes";import{Radio as u}from"@mantine/core";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{cx as m}from"@mage-ui/styled-system/css";const h=({icon:n,a11yText:r})=>p(d,{children:[f(t,{name:n}),r&&f(e,{children:r})]}),g=({icon:e,a11yText:t,classNames:d,...p})=>f(u,{classNames:{root:m(d?.root??c(),l()),radio:m(d?.radio??n(),`peer`),icon:d?.icon??i(),inner:d?.inner??a(),body:d?.body??r(),labelWrapper:d?.labelWrapper??s(),label:d?.label??o()},label:f(h,{icon:e,a11yText:t}),...p});g.displayName=`RadioIcon`;export{g as RadioIcon};
 //# sourceMappingURL=RadioIcon.js.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/textarea/Textarea.d.ts
@@ -27,7 +27,7 @@ declare const Textarea: ({
   autosize,
   onChange,
   ...props
-}: TextareaProps) => react_jsx_runtime1.JSX.Element;
+}: TextareaProps) => react_jsx_runtime2.JSX.Element;
 //# sourceMappingURL=Textarea.d.ts.map
 
 //#endregion

package/dist/components/data-display/carousel/Carousel.d.ts

@@ -30,6 +30,10 @@ type CarouselProps = {
     label?: string;
     icon?: string;
   };
+  indicatorControl?: {
+    label?: string;
+    ofLabel?: string;
+  };
   children?: ReactNode;
 };
 declare const Carousel: {

package/dist/components/data-display/carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","names":[],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":[],"mappings":";;;;KAuBY,aAAA;;;IAAA,IAAA,CAAA,EAAA,MAAa;IA+BZ,KAAA,CAAA,EA4GZ,MAAA;IAAA,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,CAAA,EAAA,MAAA;IA5GkD,QAAA,CAAA,EAAA,MAAA;IAAa,OAAA,CAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAAA,MAAA;IA8GvB,UAAA,CAAA,EAAA,MAAA;IAAW,SAAA,CAAA,EAAA,MAAA;EAAA,CAAA;;;;;;;;;;;;;;;;aAjHvC;;cAGA;;;;KAAsC,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;gBA8GvB;QAAW"}
+{"version":3,"file":"Carousel.d.ts","names":[],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":[],"mappings":";;;;KAwBY,aAAA;;;IAAA,IAAA,CAAA,EAAA,MAAa;IAmCZ,KAAA,CAAA,EAqHZ,MAAA;IAAA,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,CAAA,EAAA,MAAA;IArHkD,QAAA,CAAA,EAAA,MAAA;IAAa,OAAA,CAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAAA,MAAA;IAuHvB,UAAA,CAAA,EAAA,MAAA;IAAW,SAAA,CAAA,EAAA,MAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;aA1HvC;;cAGA;;;;KAAsC,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;gBAuHvB;QAAW"}

package/dist/components/data-display/carousel/Carousel.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../../buttons/button/Button.js";import{useDotButton as t,useNavButtons as n}from"./useEmbla.js";import{ButtonIcon as r}from"../../buttons/button-icon/ButtonIcon.js";import{buttonIconIcon as i,carousel as a,carouselContainer as o,carouselControl as s,carouselControls as c,carouselIndicator as l,carouselIndicators as u,carouselSlide as d,carouselViewport as f}from"@mage-ui/styled-system/recipes";import{jsx as p,jsxs as m}from"react/jsx-runtime";import h from"embla-carousel-autoplay";import g from"embla-carousel-react";import{Children as _,isValidElement as v,useCallback as y}from"react";import{cx as b}from"@mage-ui/styled-system/css";const x=({classNames:x,...C})=>{let w=[];C.autoplay&&C.autoplay>0&&w.push(h({delay:C.autoplay??1e3,stopOnMouseEnter:!0}));let[T,E]=g({align:C?.align??`center`,loop:C?.loop??!0,dragFree:C?.dragFree??!0,slidesToScroll:C?.slidesToScroll??`auto`},w),D=y(e=>{let t=C?.autoplay&&C.autoplay>0?e?.plugins()?.autoplay:null;if(!t)return;let n=t.options.stopOnInteraction===!1?t.reset:t.stop;n()},[]),{selectedIndex:O,scrollSnaps:k,onDotButtonClick:A}=t(E,D),{prevBtnDisabled:j,nextBtnDisabled:M,onPrevButtonClick:N,onNextButtonClick:P}=n(E,D);return m(`section`,{className:b(x?.root??a(),x?.settings),onMouseLeave:()=>E?.plugins().autoplay?.play(),"aria-label":`Carousel`,children:[p(`div`,{className:x?.viewport??f(),ref:T,children:p(`div`,{className:x?.container??o(),children:_.map(C.children,e=>v(e)&&e.type===S&&p(`div`,{className:x?.slide??d(),children:e}))})}),C?.withControls&&C.withControls&&m(`div`,{className:x?.controls??c(),children:[p(r,{classNames:{root:x?.control??s(),icon:x?.icon??i({size:`m`})},onClick:N,disabled:j,label:C?.previousControl?.label??`Previous`,icon:C?.previousControl?.icon??`chevron-left`}),p(r,{classNames:{root:x?.control??s(),icon:x?.icon??i({size:`m`})},onClick:P,disabled:M,label:C?.nextControl?.label??`Next`,icon:C?.nextControl?.icon??`chevron-right`})]}),C?.withIndicators&&C.withIndicators&&p(`div`,{className:x?.indicators??u(),children:k.map((t,n)=>p(e,{onClick:()=>A(n),classNames:{root:x?.indicator??l()},"aria-selected":n===O?!0:void 0},t))})]})},S=({children:e})=>e;S.displayName=`Carousel.Slide`,x.Slide=S,x.displayName=`Carousel`;export{x as Carousel};
+import{Button as e}from"../../buttons/button/Button.js";import{VisuallyHidden as t}from"../../misc/visually-hidden/VisuallyHidden.js";import{useDotButton as n,useNavButtons as r}from"./useEmbla.js";import{ButtonIcon as i}from"../../buttons/button-icon/ButtonIcon.js";import{buttonIconIcon as a,carousel as o,carouselContainer as s,carouselControl as c,carouselControls as l,carouselIndicator as u,carouselIndicators as d,carouselSlide as f,carouselViewport as p}from"@mage-ui/styled-system/recipes";import{jsx as m,jsxs as h}from"react/jsx-runtime";import g from"embla-carousel-autoplay";import _ from"embla-carousel-react";import{Children as v,isValidElement as y,useCallback as b}from"react";import{cx as x}from"@mage-ui/styled-system/css";const S=({classNames:S,...w})=>{let T=[];w.autoplay&&w.autoplay>0&&T.push(g({delay:w.autoplay??1e3,stopOnMouseEnter:!0}));let[E,D]=_({align:w?.align??`center`,loop:w?.loop??!0,dragFree:w?.dragFree??!0,slidesToScroll:w?.slidesToScroll??`auto`},T),O=b(e=>{let t=w?.autoplay&&w.autoplay>0?e?.plugins()?.autoplay:null;if(!t)return;let n=t.options.stopOnInteraction===!1?t.reset:t.stop;n()},[]),{selectedIndex:k,scrollSnaps:A,onDotButtonClick:j}=n(D,O),{prevBtnDisabled:M,nextBtnDisabled:N,onPrevButtonClick:P,onNextButtonClick:F}=r(D,O);return h(`section`,{className:x(S?.root??o(),S?.settings),onMouseLeave:()=>D?.plugins().autoplay?.play(),"aria-label":`Carousel`,children:[m(`div`,{className:S?.viewport??p(),ref:E,children:m(`div`,{className:S?.container??s(),children:v.map(w.children,e=>y(e)&&e.type===C&&m(`div`,{className:S?.slide??f(),children:e}))})}),w?.withControls&&w.withControls&&h(`div`,{className:S?.controls??l(),children:[m(i,{classNames:{root:S?.control??c(),icon:S?.icon??a({size:`m`})},onClick:P,disabled:M,label:w?.previousControl?.label??`Previous`,icon:w?.previousControl?.icon??`chevron-left`}),m(i,{classNames:{root:S?.control??c(),icon:S?.icon??a({size:`m`})},onClick:F,disabled:N,label:w?.nextControl?.label??`Next`,icon:w?.nextControl?.icon??`chevron-right`})]}),w?.withIndicators&&w.withIndicators&&m(`div`,{className:S?.indicators??d(),children:A.map((n,r)=>{let i=v.toArray(w.children).length;return m(e,{onClick:()=>j(r),classNames:{root:S?.indicator??u()},"aria-selected":r===k?!0:void 0,children:m(t,{children:`${w.indicatorControl?.label??`Slide`} ${r+1} ${w.indicatorControl?.ofLabel??`of`} ${i}`})},n)})})]})},C=({children:e})=>e;C.displayName=`Carousel.Slide`,S.Slide=C,S.displayName=`Carousel`;export{S as Carousel};
 //# sourceMappingURL=Carousel.js.map

package/dist/components/data-display/carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["emblaApi: EmblaCarouselType"],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":["'use client';\n\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { Children, isValidElement, type ReactNode, useCallback } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconIcon,\n  carousel,\n  carouselContainer,\n  carouselControl,\n  carouselControls,\n  carouselIndicator,\n  carouselIndicators,\n  carouselSlide,\n  carouselViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { Button, ButtonIcon } from '@/components/buttons';\n\nimport { useDotButton, useNavButtons } from './useEmbla';\n\nexport type CarouselProps = {\n  classNames?: {\n    settings?: string;\n    root?: string;\n    slide?: string;\n    container?: string;\n    viewport?: string;\n    controls?: string;\n    control?: string;\n    icon?: string;\n    indicators?: string;\n    indicator?: string;\n  };\n  withIndicators?: boolean;\n  withControls?: boolean;\n  loop?: boolean;\n  dragFree?: boolean;\n  align?: 'start' | 'center' | 'end';\n  slidesToScroll?: number | 'auto';\n  autoplay?: number;\n  previousControl?: {\n    label?: string;\n    icon?: string;\n  };\n  nextControl?: {\n    label?: string;\n    icon?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Carousel = ({ classNames, ...props }: CarouselProps) => {\n  const plugins = [];\n  if (props.autoplay && props.autoplay > 0) {\n    plugins.push(\n      Autoplay({ delay: props.autoplay ?? 1000, stopOnMouseEnter: true }),\n    );\n  }\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(\n    {\n      align: props?.align ?? 'center',\n      loop: props?.loop ?? true,\n      dragFree: props?.dragFree ?? true,\n      slidesToScroll: props?.slidesToScroll ?? 'auto',\n    },\n    plugins,\n  );\n\n  const onNavButtonClick = useCallback((emblaApi: EmblaCarouselType) => {\n    const autoplay =\n      props?.autoplay && props.autoplay > 0\n        ? emblaApi?.plugins()?.autoplay\n        : null;\n    if (!autoplay) return;\n\n    const resetOrStop =\n      autoplay.options.stopOnInteraction === false\n        ? autoplay.reset\n        : autoplay.stop;\n\n    resetOrStop();\n  }, []);\n\n  const { selectedIndex, scrollSnaps, onDotButtonClick } = useDotButton(\n    emblaApi as EmblaCarouselType,\n    onNavButtonClick,\n  );\n\n  const {\n    prevBtnDisabled,\n    nextBtnDisabled,\n    onPrevButtonClick,\n    onNextButtonClick,\n  } = useNavButtons(emblaApi as EmblaCarouselType, onNavButtonClick);\n\n  return (\n    <section\n      className={cx(classNames?.root ?? carousel(), classNames?.settings)}\n      onMouseLeave={() => emblaApi?.plugins().autoplay?.play()}\n      aria-label='Carousel'\n    >\n      <div\n        className={classNames?.viewport ?? carouselViewport()}\n        ref={emblaRef}\n      >\n        <div className={classNames?.container ?? carouselContainer()}>\n          {Children.map(\n            props.children,\n            (child) =>\n              isValidElement(child) &&\n              child.type === Slide && (\n                <div className={classNames?.slide ?? carouselSlide()}>\n                  {child}\n                </div>\n              ),\n          )}\n        </div>\n      </div>\n      {props?.withControls && props.withControls && (\n        <div className={classNames?.controls ?? carouselControls()}>\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onPrevButtonClick}\n            disabled={prevBtnDisabled}\n            label={props?.previousControl?.label ?? 'Previous'}\n            icon={props?.previousControl?.icon ?? 'chevron-left'}\n          />\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onNextButtonClick}\n            disabled={nextBtnDisabled}\n            label={props?.nextControl?.label ?? 'Next'}\n            icon={props?.nextControl?.icon ?? 'chevron-right'}\n          />\n        </div>\n      )}\n      {props?.withIndicators && props.withIndicators && (\n        <div className={classNames?.indicators ?? carouselIndicators()}>\n          {scrollSnaps.map((snap, index) => (\n            <Button\n              key={snap}\n              onClick={() => onDotButtonClick(index)}\n              classNames={{\n                root: classNames?.indicator ?? carouselIndicator(),\n              }}\n              aria-selected={index === selectedIndex ? true : undefined}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n};\n\nconst Slide = ({ children }: { children: ReactNode }) => {\n  return children;\n};\n\nSlide.displayName = 'Carousel.Slide';\nCarousel.Slide = Slide;\nCarousel.displayName = 'Carousel';\n"],"mappings":"wpBAoKA,MA9Ga,EAAW,CAAC,CAAE,aAAY,GAAG,EAAsB,GAAK,CACnE,IAAM,EAAU,CAAE,EAClB,AAAI,EAAM,UAAY,EAAM,SAAW,GACrC,EAAQ,KACN,EAAS,CAAE,MAAO,EAAM,UAAY,IAAM,kBAAkB,CAAM,EAAC,CACpE,CAiCH,GA9BM,CAAC,EAAU,EAAS,CAAG,EAC3B,CACE,MAAO,GAAO,OAAS,SACvB,KAAM,GAAO,OAAQ,EACrB,SAAU,GAAO,WAAY,EAC7B,eAAgB,GAAO,gBAAkB,MAC1C,EACD,EACD,CAEK,EAAmB,EAAY,AAACA,GAAgC,CACpE,IAAM,EACJ,GAAO,UAAY,EAAM,SAAW,EAChC,GAAU,SAAS,EAAE,SACrB,KACN,IAAK,EAAU,OAEf,IAAM,EACJ,EAAS,QAAQ,qBAAsB,EACnC,EAAS,MACT,EAAS,KAEf,GAAa,AACd,EAAE,CAAE,EAAC,CAEA,CAAE,gBAAe,cAAa,mBAAkB,CAAG,EACvD,EACA,EACD,CAEK,CACJ,kBACA,kBACA,oBACA,oBACD,CAAG,EAAc,EAA+B,EAAiB,CAElE,MACE,GAAC,UAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAU,CAAE,GAAY,SAAS,CACnE,aAAc,IAAM,GAAU,SAAS,CAAC,UAAU,MAAM,CACxD,aAAW,qBAEX,EAAC,MAAA,CACC,UAAW,GAAY,UAAY,GAAkB,CACrD,IAAK,WAEL,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAmB,UACzD,EAAS,IACR,EAAM,SACN,AAAC,GACC,EAAe,EAAM,EACrB,EAAM,OAAS,GACb,EAAC,MAAA,CAAI,UAAW,GAAY,OAAS,GAAe,UACjD,GACG,CAEX,EACG,EACF,CACL,GAAO,cAAgB,EAAM,cAC5B,EAAC,MAAA,CAAI,UAAW,GAAY,UAAY,GAAkB,WACxD,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,GAAK,EAAC,AACxD,EACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,iBAAiB,OAAS,WACxC,KAAM,GAAO,iBAAiB,MAAQ,gBACtC,CACF,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,GAAK,EAAC,AACxD,EACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,aAAa,OAAS,OACpC,KAAM,GAAO,aAAa,MAAQ,iBAClC,GACE,CAEP,GAAO,gBAAkB,EAAM,gBAC9B,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAoB,UAC3D,EAAY,IAAI,CAAC,EAAM,IACtB,EAAC,EAAA,CAEC,QAAS,IAAM,EAAiB,EAAM,CACtC,WAAY,CACV,KAAM,GAAY,WAAa,GAAmB,AACnD,EACD,gBAAe,IAAU,GAAgB,MAAA,IALpC,EAML,CACF,EACE,GAEA,AAEb,EAEK,EAAQ,CAAC,CAAE,WAAmC,GAC3C,EAKT,AAFA,EAAM,YAAc,iBACpB,EAAS,MAAQ,EACjB,EAAS,YAAc"}
+{"version":3,"file":"Carousel.js","names":["emblaApi: EmblaCarouselType"],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":["'use client';\n\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { Children, isValidElement, type ReactNode, useCallback } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconIcon,\n  carousel,\n  carouselContainer,\n  carouselControl,\n  carouselControls,\n  carouselIndicator,\n  carouselIndicators,\n  carouselSlide,\n  carouselViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { Button, ButtonIcon } from '@/components/buttons';\nimport { VisuallyHidden } from '@/components/misc';\n\nimport { useDotButton, useNavButtons } from './useEmbla';\n\nexport type CarouselProps = {\n  classNames?: {\n    settings?: string;\n    root?: string;\n    slide?: string;\n    container?: string;\n    viewport?: string;\n    controls?: string;\n    control?: string;\n    icon?: string;\n    indicators?: string;\n    indicator?: string;\n  };\n  withIndicators?: boolean;\n  withControls?: boolean;\n  loop?: boolean;\n  dragFree?: boolean;\n  align?: 'start' | 'center' | 'end';\n  slidesToScroll?: number | 'auto';\n  autoplay?: number;\n  previousControl?: {\n    label?: string;\n    icon?: string;\n  };\n  nextControl?: {\n    label?: string;\n    icon?: string;\n  };\n  indicatorControl?: {\n    label?: string;\n    ofLabel?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Carousel = ({ classNames, ...props }: CarouselProps) => {\n  const plugins = [];\n  if (props.autoplay && props.autoplay > 0) {\n    plugins.push(\n      Autoplay({ delay: props.autoplay ?? 1000, stopOnMouseEnter: true }),\n    );\n  }\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(\n    {\n      align: props?.align ?? 'center',\n      loop: props?.loop ?? true,\n      dragFree: props?.dragFree ?? true,\n      slidesToScroll: props?.slidesToScroll ?? 'auto',\n    },\n    plugins,\n  );\n\n  const onNavButtonClick = useCallback((emblaApi: EmblaCarouselType) => {\n    const autoplay =\n      props?.autoplay && props.autoplay > 0\n        ? emblaApi?.plugins()?.autoplay\n        : null;\n    if (!autoplay) return;\n\n    const resetOrStop =\n      autoplay.options.stopOnInteraction === false\n        ? autoplay.reset\n        : autoplay.stop;\n\n    resetOrStop();\n  }, []);\n\n  const { selectedIndex, scrollSnaps, onDotButtonClick } = useDotButton(\n    emblaApi as EmblaCarouselType,\n    onNavButtonClick,\n  );\n\n  const {\n    prevBtnDisabled,\n    nextBtnDisabled,\n    onPrevButtonClick,\n    onNextButtonClick,\n  } = useNavButtons(emblaApi as EmblaCarouselType, onNavButtonClick);\n\n  return (\n    <section\n      className={cx(classNames?.root ?? carousel(), classNames?.settings)}\n      onMouseLeave={() => emblaApi?.plugins().autoplay?.play()}\n      aria-label='Carousel'\n    >\n      <div\n        className={classNames?.viewport ?? carouselViewport()}\n        ref={emblaRef}\n      >\n        <div className={classNames?.container ?? carouselContainer()}>\n          {Children.map(\n            props.children,\n            (child) =>\n              isValidElement(child) &&\n              child.type === Slide && (\n                <div className={classNames?.slide ?? carouselSlide()}>\n                  {child}\n                </div>\n              ),\n          )}\n        </div>\n      </div>\n      {props?.withControls && props.withControls && (\n        <div className={classNames?.controls ?? carouselControls()}>\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onPrevButtonClick}\n            disabled={prevBtnDisabled}\n            label={props?.previousControl?.label ?? 'Previous'}\n            icon={props?.previousControl?.icon ?? 'chevron-left'}\n          />\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onNextButtonClick}\n            disabled={nextBtnDisabled}\n            label={props?.nextControl?.label ?? 'Next'}\n            icon={props?.nextControl?.icon ?? 'chevron-right'}\n          />\n        </div>\n      )}\n      {props?.withIndicators && props.withIndicators && (\n        <div className={classNames?.indicators ?? carouselIndicators()}>\n          {scrollSnaps.map((snap, index) => {\n            const totalSlides = Children.toArray(props.children).length;\n            return (\n              <Button\n                key={snap}\n                onClick={() => onDotButtonClick(index)}\n                classNames={{\n                  root: classNames?.indicator ?? carouselIndicator(),\n                }}\n                aria-selected={index === selectedIndex ? true : undefined}\n              >\n                <VisuallyHidden>\n                  {`${props.indicatorControl?.label ?? 'Slide'} ${index + 1} ${\n                    props.indicatorControl?.ofLabel ?? 'of'\n                  } ${totalSlides}`}\n                </VisuallyHidden>\n              </Button>\n            );\n          })}\n        </div>\n      )}\n    </section>\n  );\n};\n\nconst Slide = ({ children }: { children: ReactNode }) => {\n  return children;\n};\n\nSlide.displayName = 'Carousel.Slide';\nCarousel.Slide = Slide;\nCarousel.displayName = 'Carousel';\n"],"mappings":"suBAkLA,MAvHa,EAAW,CAAC,CAAE,aAAY,GAAG,EAAsB,GAAK,CACnE,IAAM,EAAU,CAAE,EAClB,AAAI,EAAM,UAAY,EAAM,SAAW,GACrC,EAAQ,KACN,EAAS,CAAE,MAAO,EAAM,UAAY,IAAM,kBAAkB,CAAM,EAAC,CACpE,CAiCH,GA9BM,CAAC,EAAU,EAAS,CAAG,EAC3B,CACE,MAAO,GAAO,OAAS,SACvB,KAAM,GAAO,OAAQ,EACrB,SAAU,GAAO,WAAY,EAC7B,eAAgB,GAAO,gBAAkB,MAC1C,EACD,EACD,CAEK,EAAmB,EAAY,AAACA,GAAgC,CACpE,IAAM,EACJ,GAAO,UAAY,EAAM,SAAW,EAChC,GAAU,SAAS,EAAE,SACrB,KACN,IAAK,EAAU,OAEf,IAAM,EACJ,EAAS,QAAQ,qBAAsB,EACnC,EAAS,MACT,EAAS,KAEf,GAAa,AACd,EAAE,CAAE,EAAC,CAEA,CAAE,gBAAe,cAAa,mBAAkB,CAAG,EACvD,EACA,EACD,CAEK,CACJ,kBACA,kBACA,oBACA,oBACD,CAAG,EAAc,EAA+B,EAAiB,CAElE,MACE,GAAC,UAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAU,CAAE,GAAY,SAAS,CACnE,aAAc,IAAM,GAAU,SAAS,CAAC,UAAU,MAAM,CACxD,aAAW,qBAEX,EAAC,MAAA,CACC,UAAW,GAAY,UAAY,GAAkB,CACrD,IAAK,WAEL,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAmB,UACzD,EAAS,IACR,EAAM,SACN,AAAC,GACC,EAAe,EAAM,EACrB,EAAM,OAAS,GACb,EAAC,MAAA,CAAI,UAAW,GAAY,OAAS,GAAe,UACjD,GACG,CAEX,EACG,EACF,CACL,GAAO,cAAgB,EAAM,cAC5B,EAAC,MAAA,CAAI,UAAW,GAAY,UAAY,GAAkB,WACxD,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,GAAK,EAAC,AACxD,EACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,iBAAiB,OAAS,WACxC,KAAM,GAAO,iBAAiB,MAAQ,gBACtC,CACF,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,GAAK,EAAC,AACxD,EACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,aAAa,OAAS,OACpC,KAAM,GAAO,aAAa,MAAQ,iBAClC,GACE,CAEP,GAAO,gBAAkB,EAAM,gBAC9B,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAoB,UAC3D,EAAY,IAAI,CAAC,EAAM,IAAU,CAChC,IAAM,EAAc,EAAS,QAAQ,EAAM,SAAS,CAAC,OACrD,MACE,GAAC,EAAA,CAEC,QAAS,IAAM,EAAiB,EAAM,CACtC,WAAY,CACV,KAAM,GAAY,WAAa,GAAmB,AACnD,EACD,gBAAe,IAAU,GAAgB,MAAA,YAEzC,EAAC,EAAA,CAAA,UACG,EAAE,EAAM,kBAAkB,OAAS,QAAQ,GAAG,EAAQ,EAAE,GACxD,EAAM,kBAAkB,SAAW,KACpC,GAAG,EAAY,CAAA,EACD,EAXZ,EAYE,AAEZ,EAAC,EACE,GAEA,AAEb,EAEK,EAAQ,CAAC,CAAE,WAAmC,GAC3C,EAKT,AAFA,EAAM,YAAc,iBACpB,EAAS,MAAQ,EACjB,EAAS,YAAc"}

package/dist/components/data-display/tables/table/Table.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 
 //#region src/components/data-display/tables/table/Table.d.ts
 type TableProps = {
@@ -17,14 +17,14 @@ declare const Table: {
     classNames,
     scrollable,
     children
-  }: TableProps): react_jsx_runtime73.JSX.Element;
+  }: TableProps): react_jsx_runtime69.JSX.Element;
   displayName: string;
   Header: {
     ({
       children
     }: {
       children: any;
-    }): react_jsx_runtime73.JSX.Element;
+    }): react_jsx_runtime69.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -32,7 +32,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime73.JSX.Element;
+    }): react_jsx_runtime69.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -40,7 +40,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime73.JSX.Element;
+    }): react_jsx_runtime69.JSX.Element;
     displayName: string;
   };
   Head: {
@@ -50,7 +50,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime73.JSX.Element;
+    }): react_jsx_runtime69.JSX.Element;
     displayName: string;
   };
   Row: {
@@ -60,7 +60,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime73.JSX.Element;
+    }): react_jsx_runtime69.JSX.Element;
     displayName: string;
   };
   Cell: {
@@ -70,7 +70,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime73.JSX.Element;
+    }): react_jsx_runtime69.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/forms/form/Form.d.ts

@@ -11,7 +11,7 @@ import { FormDatePickerProps } from "./controls/FormDatePicker.js";
 import { FormInputFileProps } from "./controls/FormInputFile.js";
 import { FormInputPasswordProps } from "./controls/FormInputPassword.js";
 import { FormIfFieldProps } from "./controls/FormIfField.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { ZodRawShape, z } from "zod";
 
@@ -29,11 +29,11 @@ declare const Form: {
     onSubmit,
     children,
     ...props
-  }: FormProps): react_jsx_runtime2.JSX.Element;
+  }: FormProps): react_jsx_runtime3.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime2.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -44,7 +44,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime2.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -57,8 +57,9 @@ declare const Form: {
       children,
       label,
       description,
-      error
-    }: FormCheckboxGroupProps): react_jsx_runtime2.JSX.Element;
+      error,
+      ...props
+    }: FormCheckboxGroupProps): react_jsx_runtime3.JSX.Element;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
     };
@@ -72,7 +73,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime2.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -101,26 +102,21 @@ declare const Form: {
       name,
       control,
       children,
-      label,
-      description,
-      error
-    }: FormRadioGroupProps): react_jsx_runtime2.JSX.Element;
+      ...props
+    }: FormRadioGroupProps): react_jsx_runtime3.JSX.Element;
+    displayName: string;
     rules: {
-      required: (message?: string) => z.ZodEffects<z.ZodString, string, string>;
-    };
-    Radio: {
-      (props: RadioProps): react_jsx_runtime2.JSX.Element;
-      displayName: string;
+      required: (message?: string) => z.ZodEffects<z.ZodAny, any, any>;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime2.JSX.Element;
+    (props: RadioProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime2.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -131,7 +127,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime2.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -160,7 +156,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime2.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodEffects<z.ZodUnion<[z.ZodType<Date, z.ZodTypeDef, Date>, z.ZodEffects<z.ZodString, string, string>]>, string | Date, string | Date>;
@@ -171,7 +167,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime2.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodEffects<z.ZodAny, any, any>;
@@ -180,7 +176,7 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime2.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime3.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodString;

package/dist/components/forms/form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;KAwBY,SAAA;;UAEF;;YAEE,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAbA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;IAEX,KAAA,EAAA;MAEE,QAAM,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAAS,CAAA;EAGd,CAAA;EA0BZ,aAAA,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,KAAA;MAAA,WAAA;MAAA;IAAA,CAAA,wBAAA,CAAA,gCAAA;;;;IApBE,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAS,CAAA;EAAA,QAAA,EAAA"}
+{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;KAwBY,SAAA;;UAEF;;YAEE,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAbA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;IAEX,KAAA,EAAA;MAEE,QAAM,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,eAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAAS,CAAA;EAGd,CAAA;EA0BZ,aAAA,EAAA;IAAA,CAAA;MAAA,IAAA;MAAA,OAAA;MAAA,QAAA;MAAA,KAAA;MAAA,WAAA;MAAA,KAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,gCAAA;;;;IApBE,QAAA,EAAA,CAAA;MAAA,UAAA;MAAA,GAAA;IAAA,CAAA,eAAA,EAAA,YAAA;EAAS,CAAA;EAAA,QAAA,EAAA"}

package/dist/components/forms/form/controls/FormCheckboxGroup.js

@@ -1,2 +1,2 @@
-import{Checkbox as e}from"../../../controls/checkbox/Checkbox.js";import{CheckboxGroup as t}from"../../../controls/checkbox/CheckboxGroup.js";import{jsx as n}from"react/jsx-runtime";import{Controller as r}from"react-hook-form";import{z as i}from"zod";const a=({name:e,control:i,children:a,label:o,description:s,error:c})=>n(r,{name:e,control:i,render:({field:{value:e,onChange:r}})=>n(t,{label:o,description:s,error:c,value:e??[],onChange:r,children:a})}),o=(e=`Select one option`)=>i.array(i.string()).min(1,e);a.rules={required:o},a.Checkbox=e;export{a as FormCheckboxGroup};
+import{Checkbox as e}from"../../../controls/checkbox/Checkbox.js";import{CheckboxGroup as t}from"../../../controls/checkbox/CheckboxGroup.js";import{jsx as n}from"react/jsx-runtime";import{Controller as r}from"react-hook-form";import{z as i}from"zod";const a=({name:e,control:i,children:a,label:o,description:s,error:c,...l})=>n(r,{name:e,control:i,render:({field:{value:e,onChange:r}})=>n(t,{label:o,description:s,error:c,value:e??[],onChange:r,...l,children:a})}),o=(e=`Select one option`)=>i.array(i.string()).min(1,e);a.rules={required:o},a.Checkbox=e;export{a as FormCheckboxGroup};
 //# sourceMappingURL=FormCheckboxGroup.js.map

package/dist/components/forms/form/controls/FormCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckboxGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckboxGroup.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Checkbox } from '@/components/controls';\nimport { CheckboxGroup } from '@/components/controls/checkbox/CheckboxGroup';\n\nexport type FormCheckboxGroupProps = {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormCheckboxGroup = ({\n  name,\n  control,\n  children,\n  label,\n  description,\n  error,\n}: FormCheckboxGroupProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <CheckboxGroup\n            label={label}\n            description={description}\n            error={error}\n            value={value ?? []}\n            onChange={onChange}\n          >\n            {children}\n          </CheckboxGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport const required = (message = 'Select one option') => {\n  return z.array(z.string()).min(1, message);\n};\n\nFormCheckboxGroup.rules = { required };\n\nFormCheckboxGroup.Checkbox = Checkbox;\n"],"mappings":"2PA4CA,MA7Ba,EAAoB,CAAC,CAChC,OACA,UACA,WACA,QACA,cACA,QACuB,GAErB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CACQ,QACM,cACN,QACP,MAAO,GAAS,CAAE,EACR,WAET,YACa,EAGpB,CAIO,EAAW,CAAC,EAAU,sBAC1B,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAG,EAAQ,CAK5C,AAFA,EAAkB,MAAQ,CAAE,UAAU,EAEtC,EAAkB,SAAW"}
+{"version":3,"file":"FormCheckboxGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormCheckboxGroup.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Checkbox } from '@/components/controls';\nimport { CheckboxGroup } from '@/components/controls/checkbox/CheckboxGroup';\n\nexport type FormCheckboxGroupProps = {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormCheckboxGroup = ({\n  name,\n  control,\n  children,\n  label,\n  description,\n  error,\n  ...props\n}: FormCheckboxGroupProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <CheckboxGroup\n            label={label}\n            description={description}\n            error={error}\n            value={value ?? []}\n            onChange={onChange}\n            {...props}\n          >\n            {children}\n          </CheckboxGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport const required = (message = 'Select one option') => {\n  return z.array(z.string()).min(1, message);\n};\n\nFormCheckboxGroup.rules = { required };\n\nFormCheckboxGroup.Checkbox = Checkbox;\n"],"mappings":"2PA8CA,MA/Ba,EAAoB,CAAC,CAChC,OACA,UACA,WACA,QACA,cACA,QACA,GAAG,EACoB,GAErB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CACQ,QACM,cACN,QACP,MAAO,GAAS,CAAE,EACR,WACV,GAAI,EAEH,YACa,EAGpB,CAIO,EAAW,CAAC,EAAU,sBAC1B,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,IAAI,EAAG,EAAQ,CAK5C,AAFA,EAAkB,MAAQ,CAAE,UAAU,EAEtC,EAAkB,SAAW"}

package/dist/components/forms/form/controls/FormRadio.js

@@ -1,2 +1,2 @@
-import{Radio as e}from"../../../controls/radio/Radio.js";import{jsx as t}from"react/jsx-runtime";const n=n=>t(e,{...n});n.displayName=`FormRadioGroup.Radio`;export{n as FormRadio};
+import{Radio as e}from"../../../controls/radio/Radio.js";import{jsx as t}from"react/jsx-runtime";const n=n=>t(e,{...n});n.displayName=`Form.Radio`;export{n as FormRadio};
 //# sourceMappingURL=FormRadio.js.map

package/dist/components/forms/form/controls/FormRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRadio.js","names":["props: RadioProps"],"sources":["../../../../../src/components/forms/form/controls/FormRadio.tsx"],"sourcesContent":["import { Radio, type RadioProps } from '@/components/controls';\n\nexport const FormRadio = (props: RadioProps) => {\n  return <Radio {...props} />;\n};\n\nFormRadio.displayName = 'FormRadioGroup.Radio';\n"],"mappings":"iGAEA,MAAa,EAAY,AAACA,GACjB,EAAC,EAAA,CAAM,GAAI,CAAA,EAAS,CAG7B,EAAU,YAAc"}
+{"version":3,"file":"FormRadio.js","names":["props: RadioProps"],"sources":["../../../../../src/components/forms/form/controls/FormRadio.tsx"],"sourcesContent":["import { Radio, type RadioProps } from '@/components/controls';\n\nexport const FormRadio = (props: RadioProps) => {\n  return <Radio {...props} />;\n};\n\nFormRadio.displayName = 'Form.Radio';\n"],"mappings":"iGAEA,MAAa,EAAY,AAACA,GACjB,EAAC,EAAA,CAAM,GAAI,CAAA,EAAS,CAG7B,EAAU,YAAc"}

package/dist/components/forms/form/controls/FormRadioGroup.d.ts

@@ -1,10 +1,11 @@
-import { RadioProps } from "../../../controls/radio/Radio.js";
+import { RadioGroupProps } from "../../../controls/radio/RadioGroup.js";
 import "react/jsx-runtime";
+import React from "react";
 import { Control } from "react-hook-form";
 import { z } from "zod";
 
 //#region src/components/forms/form/controls/FormRadioGroup.d.ts
-type FormRadioGroupProps = RadioProps & {
+type FormRadioGroupProps = RadioGroupProps & {
   control?: Control;
   name: string;
   children: React.ReactNode[];

package/dist/components/forms/form/controls/FormRadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRadioGroup.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;KAOY,mBAAA,GAAsB;YACtB;;EADA,QAAA,EAGA,KAAA,CAAM,SAHa,EAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,WAAG,CAAA,EAAA,MAAA;EAAU,KAChC,CAAA,EAAA,MAAA;CAAO"}
+{"version":3,"file":"FormRadioGroup.d.ts","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAMY,mBAAA,GAAsB;YACtB;;EADA,QAAA,EAGA,KAAA,CAAM,SAHa,EAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,WAAG,CAAA,EAAA,MAAA;EAAe,KACrC,CAAA,EAAA,MAAA;CAAO"}

package/dist/components/forms/form/controls/FormRadioGroup.js

@@ -1,2 +1,2 @@
-import{Radio as e}from"../../../controls/radio/Radio.js";import{FormRadio as t}from"./FormRadio.js";import{jsx as n}from"react/jsx-runtime";import{Controller as r}from"react-hook-form";import{z as i}from"zod";const a=({name:t,control:i,children:a,label:o,description:s,error:c})=>n(r,{name:t,control:i,render:({field:{value:t,onChange:r}})=>n(e.Group,{label:o,description:s,error:c,value:t,onChange:r,children:a})}),o=(e=`The field is required`)=>i.string().refine(e=>e!==``,{message:e});a.rules={required:o},a.Radio=t;export{a as FormRadioGroup};
+import{RadioGroup as e}from"../../../controls/radio/RadioGroup.js";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";import{z as r}from"zod";const i=({name:r,control:i,children:a,...o})=>t(n,{name:r,control:i,render:({field:{value:n,onChange:r}})=>t(e,{...o,onChange:r,value:n,children:a})});i.displayName=`Form.RadioGroup`;const a=(e=`The field is required`)=>r.any().refine(e=>e!=null&&e!==``,{message:e});i.rules={required:a};export{i as FormRadioGroup};
 //# sourceMappingURL=FormRadioGroup.js.map

package/dist/components/forms/form/controls/FormRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRadioGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":["import { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { Radio, type RadioProps } from '@/components/controls';\n\nimport { FormRadio } from './FormRadio';\n\nexport type FormRadioGroupProps = RadioProps & {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormRadioGroup = ({\n  name,\n  control,\n  children,\n  label,\n  description,\n  error,\n}: FormRadioGroupProps) => {\n  return (\n    <Controller\n      name={name as string}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <Radio.Group\n            label={label}\n            description={description}\n            error={error}\n            value={value}\n            onChange={onChange}\n          >\n            {children}\n          </Radio.Group>\n        );\n      }}\n    />\n  );\n};\n\nexport const required = (message = 'The field is required') => {\n  return z.string().refine((value) => value !== '', {\n    message,\n  });\n};\n\nFormRadioGroup.rules = { required };\n\nFormRadioGroup.Radio = FormRadio;\n"],"mappings":"iNA6CA,MA7Ba,EAAiB,CAAC,CAC7B,OACA,UACA,WACA,QACA,cACA,QACoB,GAElB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAM,MAAA,CACE,QACM,cACN,QACA,QACG,WAET,YACW,EAGlB,CAIO,EAAW,CAAC,EAAU,0BAC1B,EAAE,QAAQ,CAAC,OAAO,AAAC,GAAU,IAAU,GAAI,CAChD,SACD,EAAC,CAKJ,AAFA,EAAe,MAAQ,CAAE,UAAU,EAEnC,EAAe,MAAQ"}
+{"version":3,"file":"FormRadioGroup.js","names":[],"sources":["../../../../../src/components/forms/form/controls/FormRadioGroup.tsx"],"sourcesContent":["import type React from 'react';\nimport { type Control, Controller } from 'react-hook-form';\nimport { z } from 'zod';\n\nimport { RadioGroup, type RadioGroupProps } from '@/components/controls';\n\nexport type FormRadioGroupProps = RadioGroupProps & {\n  control?: Control;\n  name: string;\n  children: React.ReactNode[];\n  label?: string;\n  description?: string;\n  error?: string;\n};\n\nexport const FormRadioGroup = ({\n  name,\n  control,\n  children,\n  ...props\n}: FormRadioGroupProps) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      render={({ field: { value, onChange } }) => {\n        return (\n          <RadioGroup {...props} onChange={onChange} value={value}>\n            {children}\n          </RadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nFormRadioGroup.displayName = 'Form.RadioGroup';\n\nexport const required = (message = 'The field is required') => {\n  return z\n    .any()\n    .refine((value) => value !== null && value !== undefined && value !== '', {\n      message,\n    });\n};\n\nFormRadioGroup.rules = { required };\n"],"mappings":"gLAeA,MAAa,EAAiB,CAAC,CAC7B,OACA,UACA,WACA,GAAG,EACiB,GAElB,EAAC,EAAA,CACO,OACG,UACT,OAAQ,CAAC,CAAE,MAAO,CAAE,QAAO,WAAU,CAAE,GAEnC,EAAC,EAAA,CAAW,GAAI,EAAiB,WAAiB,QAC/C,YACU,EAGjB,CAIN,EAAe,YAAc,kBAE7B,MAAa,EAAW,CAAC,EAAU,0BAC1B,EACJ,KAAK,CACL,OAAO,AAAC,GAAU,GAAU,MAA+B,IAAU,GAAI,CACxE,SACD,EAAC,CAGN,EAAe,MAAQ,CAAE,UAAU"}

package/dist/components/misc/visually-hidden/VisuallyHidden.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/misc/visually-hidden/VisuallyHidden.d.ts
@@ -7,7 +7,7 @@ type VisuallyHiddenProps = {
 };
 declare const VisuallyHidden: ({
   children
-}: VisuallyHiddenProps) => react_jsx_runtime50.JSX.Element;
+}: VisuallyHiddenProps) => react_jsx_runtime28.JSX.Element;
 //# sourceMappingURL=VisuallyHidden.d.ts.map
 
 //#endregion

package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigation/breadcrumbs/Breadcrumbs.d.ts
@@ -17,7 +17,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime49.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime47.JSX.Element;
   Item: {
     ({
       children

package/dist/components/navigation/tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { TabsListProps } from "./TabsList.js";
 import { TabsTabProps } from "./TabsTab.js";
 import { TabsPanelProps } from "./TabsPanel.js";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/navigation/tabs/Tabs.d.ts
@@ -18,14 +18,14 @@ declare const Tabs: {
     classNames,
     children,
     ...props
-  }: TabsProps): react_jsx_runtime41.JSX.Element;
+  }: TabsProps): react_jsx_runtime40.JSX.Element;
   displayName: string;
   List: {
     ({
       classNames,
       children,
       ...props
-    }: TabsListProps): react_jsx_runtime41.JSX.Element;
+    }: TabsListProps): react_jsx_runtime40.JSX.Element;
     displayName: string;
   };
   Tab: {
@@ -35,7 +35,7 @@ declare const Tabs: {
       endSlot,
       children,
       ...props
-    }: TabsTabProps): react_jsx_runtime41.JSX.Element;
+    }: TabsTabProps): react_jsx_runtime40.JSX.Element;
     displayName: string;
   };
   Panel: {
@@ -43,7 +43,7 @@ declare const Tabs: {
       classNames,
       children,
       ...props
-    }: TabsPanelProps): react_jsx_runtime41.JSX.Element;
+    }: TabsPanelProps): react_jsx_runtime40.JSX.Element;
     displayName: string;
   };
 };

package/dist/index.js

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.js";import{Avatar as t}from"./components/data-display/avatar/Avatar.js";import{Badge as n}from"./components/data-display/badge/Badge.js";import{Carousel as r}from"./components/data-display/carousel/Carousel.js";import{Icon as i}from"./components/data-display/icons/icon/Icon.js";import{IconRaw as a}from"./components/data-display/icons/icon-raw/IconRaw.js";import{IconTheme as o}from"./components/data-display/icons/icon-theme/IconTheme.js";import{Table as s}from"./components/data-display/tables/table/Table.js";import{VisuallyHidden as c}from"./components/misc/visually-hidden/VisuallyHidden.js";import{ButtonIcon as l}from"./components/buttons/button-icon/ButtonIcon.js";import{Checkbox as u}from"./components/controls/checkbox/Checkbox.js";import{DatePicker as d}from"./components/controls/date-picker/DatePicker.js";import{Combobox as f}from"./components/controls/dropdown/Combobox.js";import{DropdownButton as p}from"./components/controls/dropdown/DropdownButton.js";import{Select as m}from"./components/controls/dropdown/Select.js";import{InputFile as h}from"./components/controls/input-file/InputFile.js";import{InputPassword as g}from"./components/controls/input-password/InputPassword.js";import{InputText as _}from"./components/controls/input-text/InputText.js";import{MultiSwitch as v}from"./components/controls/multi-switch/MultiSwitch.js";import{Radio as y}from"./components/controls/radio/Radio.js";import{RadioIcon as b}from"./components/controls/radio/RadioIcon.js";import{Textarea as x}from"./components/controls/textarea/Textarea.js";import{Form as S}from"./components/forms/form/Form.js";import{Breadcrumbs as C}from"./components/navigation/breadcrumbs/Breadcrumbs.js";import{Tabs as w}from"./components/navigation/tabs/Tabs.js";import{MageUiProvider as T}from"./providers/MageUiProvider.js";export{t as Avatar,n as Badge,C as Breadcrumbs,e as Button,l as ButtonIcon,r as Carousel,u as Checkbox,f as Combobox,d as DatePicker,p as DropdownButton,S as Form,i as Icon,a as IconRaw,o as IconTheme,h as InputFile,g as InputPassword,_ as InputText,T as MageUiProvider,v as MultiSwitch,y as Radio,b as RadioIcon,m as Select,s as Table,w as Tabs,x as Textarea,c as VisuallyHidden};
+import{Button as e}from"./components/buttons/button/Button.js";import{Avatar as t}from"./components/data-display/avatar/Avatar.js";import{Badge as n}from"./components/data-display/badge/Badge.js";import{VisuallyHidden as r}from"./components/misc/visually-hidden/VisuallyHidden.js";import{Carousel as i}from"./components/data-display/carousel/Carousel.js";import{Icon as a}from"./components/data-display/icons/icon/Icon.js";import{IconRaw as o}from"./components/data-display/icons/icon-raw/IconRaw.js";import{IconTheme as s}from"./components/data-display/icons/icon-theme/IconTheme.js";import{Table as c}from"./components/data-display/tables/table/Table.js";import{ButtonIcon as l}from"./components/buttons/button-icon/ButtonIcon.js";import{Checkbox as u}from"./components/controls/checkbox/Checkbox.js";import{DatePicker as d}from"./components/controls/date-picker/DatePicker.js";import{Combobox as f}from"./components/controls/dropdown/Combobox.js";import{DropdownButton as p}from"./components/controls/dropdown/DropdownButton.js";import{Select as m}from"./components/controls/dropdown/Select.js";import{InputFile as h}from"./components/controls/input-file/InputFile.js";import{InputPassword as g}from"./components/controls/input-password/InputPassword.js";import{InputText as _}from"./components/controls/input-text/InputText.js";import{MultiSwitch as v}from"./components/controls/multi-switch/MultiSwitch.js";import{Radio as y}from"./components/controls/radio/Radio.js";import{RadioIcon as b}from"./components/controls/radio/RadioIcon.js";import{Textarea as x}from"./components/controls/textarea/Textarea.js";import{Form as S}from"./components/forms/form/Form.js";import{Breadcrumbs as C}from"./components/navigation/breadcrumbs/Breadcrumbs.js";import{Tabs as w}from"./components/navigation/tabs/Tabs.js";import{MageUiProvider as T}from"./providers/MageUiProvider.js";export{t as Avatar,n as Badge,C as Breadcrumbs,e as Button,l as ButtonIcon,i as Carousel,u as Checkbox,f as Combobox,d as DatePicker,p as DropdownButton,S as Form,a as Icon,o as IconRaw,s as IconTheme,h as InputFile,g as InputPassword,_ as InputText,T as MageUiProvider,v as MultiSwitch,y as Radio,b as RadioIcon,m as Select,c as Table,w as Tabs,x as Textarea,r as VisuallyHidden};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "private": false,
   "description": "",
   "keywords": [],
@@ -42,8 +42,8 @@
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.56.4",
     "zod": "^3.25.42",
-    "@mage-ui/preset": "0.0.25",
-    "@mage-ui/styled-system": "0.0.25"
+    "@mage-ui/preset": "0.0.27",
+    "@mage-ui/styled-system": "0.0.27"
   },
   "engines": {
     "node": ">=22.14.0"