@mage-ui/components 1.0.153 → 1.0.155

package/dist/components/controls/checkbox/Checkbox.mjs

@@ -1,2 +1,2 @@
-import{CheckboxGroup as e}from"../checkbox-group/CheckboxGroup.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{checkbox as n,checkboxBody as r,checkboxBodyError as i,checkboxDescription as a,checkboxError as o,checkboxIcon as s,checkboxInner as c,checkboxInput as l,checkboxLabel as u,checkboxLabelRequired as d,checkboxLabelWrapper as f,checkboxRoot as p}from"@mage-ui/styled-system/recipes";import{Checkbox as m}from"@mantine/core";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{visuallyHidden as v}from"@mage-ui/styled-system/patterns";const y=({classNames:e,label:y,hiddenLabel:b,error:x,required:S,...C})=>g(m,{classNames:{root:t(e?.checkbox??n(),e?.root??p()),input:t(e?.input??l(),`peer`),icon:e?.icon??s(),inner:e?.inner??c(),body:t(e?.body??r(),x&&(e?.bodyError??i())),labelWrapper:e?.labelWrapper??f(),label:t(e?.label??u(),b&&v()),description:e?.description??a(),error:e?.error??o()},error:x,label:_(h,{children:[y,g(()=>S?_(`span`,{className:e?.labelRequired??d(),children:[` `,`*`]}):null,{})]}),...C});y.displayName=`Checkbox`,y.Group=e;export{y as Checkbox};
+import{CheckboxGroup as e}from"../checkbox-group/CheckboxGroup.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{checkbox as n,checkboxBody as r,checkboxBodyError as i,checkboxDescription as a,checkboxError as o,checkboxIcon as s,checkboxInner as c,checkboxInput as l,checkboxLabel as u,checkboxLabelRequired as d,checkboxLabelWrapper as f,checkboxRoot as p}from"@mage-ui/styled-system/recipes";import{Checkbox as m}from"@mantine/core";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{visuallyHidden as v}from"@mage-ui/styled-system/patterns";const y=({classNames:e,label:y,hiddenLabel:b,error:x,required:S,...C})=>g(m,{classNames:{root:t(e?.checkbox??n(),e?.root??p()),input:t(e?.input??l(),`peer`),icon:e?.icon??s(),inner:e?.inner??c(),body:t(e?.body??r(),x&&(e?.bodyError??i())),labelWrapper:e?.labelWrapper??f(),label:t(e?.label??u(),b&&v()),description:e?.description??a(),error:e?.error??o()},required:S,error:x,label:_(h,{children:[y,g(()=>S?_(`span`,{className:e?.labelRequired??d(),children:[` `,`*`]}):null,{})]}),...C});y.displayName=`Checkbox`,y.Group=e;export{y as Checkbox};
 //# sourceMappingURL=Checkbox.mjs.map

package/dist/components/controls/checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<\n  ComponentProps<'input'>,\n  'size' | 'children'\n> & {\n  indeterminate?: boolean;\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: string;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  label,\n  hiddenLabel,\n  error,\n  required,\n  ...props\n}: CheckboxProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      error={error}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA+CA,MAAaA,GAAY,CACvB,aACA,QACA,cACA,QACA,WACA,GAAG,KAWD,EAACC,EAAD,CACE,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACM,QACP,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAjCN,EACE,EAAC,OAAD,CAAM,UAAW,GAAY,eAAiB,GAAuB,UAArE,CACG,IAAI,IAEA,GACL,KA4BE,EAAoB,CAAA,CACnB,CAAA,CAAA,CAEL,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<\n  ComponentProps<'input'>,\n  'size' | 'children'\n> & {\n  indeterminate?: boolean;\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: string;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  label,\n  hiddenLabel,\n  error,\n  required,\n  ...props\n}: CheckboxProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      required={required}\n      error={error}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA+CA,MAAaA,GAAY,CACvB,aACA,QACA,cACA,QACA,WACA,GAAG,KAWD,EAACC,EAAD,CACE,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACS,WACH,QACP,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAlCN,EACE,EAAC,OAAD,CAAM,UAAW,GAAY,eAAiB,GAAuB,UAArE,CACG,IAAI,IAEA,GACL,KA6BE,EAAoB,CAAA,CACnB,CAAA,CAAA,CAEL,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}

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

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{textInput as t,textInputDescription as n,textInputError as r,textInputInput as i,textInputLabel as a,textInputRequired as o,textInputRoot as s,textInputSection as c,textInputWrapper as l}from"@mage-ui/styled-system/recipes";import{TextInput as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";const f=({classNames:f,required:p,startSlot:m,endSlot:h,...g})=>d(u,{leftSection:m,rightSection:h,withAsterisk:p,classNames:{root:e(f?.textInput??t(),f?.root??s(),`group`),label:f?.label??a(),required:f?.required??o(),description:f?.description??n(),error:f?.error??r(),wrapper:f?.wrapper??l(),input:e(f?.input??i(),`peer`),section:e(f?.section??c(),`group`)},...g});export{f as TextInput};
+import{cx as e}from"@mage-ui/styled-system/css";import{textInput as t,textInputDescription as n,textInputError as r,textInputInput as i,textInputLabel as a,textInputRequired as o,textInputRoot as s,textInputSection as c,textInputWrapper as l}from"@mage-ui/styled-system/recipes";import{TextInput as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";const f=({classNames:f,required:p,startSlot:m,endSlot:h,...g})=>d(u,{leftSection:m,rightSection:h,withAsterisk:p,required:p,classNames:{root:e(f?.textInput??t(),f?.root??s(),`group`),label:f?.label??a(),required:f?.required??o(),description:f?.description??n(),error:f?.error??r(),wrapper:f?.wrapper??l(),input:e(f?.input??i(),`peer`),section:e(f?.section??c(),`group`)},...g});export{f as TextInput};
 //# sourceMappingURL=TextInput.mjs.map

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

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

package/dist/components/data-display/datatables/DataTableFeedback.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableFeedback.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"mappings":";;;KAQK,sBAAA,GAAyB,IAAA,CAC5B,wBAAA;EAGA,UAAA;IACE,QAAA;IACA,IAAA;EAAA;EAEF,eAAA,GAAkB,SAAA;EAClB,OAAA;AAAA;AAAA,cAGW,iBAAA;EAAqB,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAK/B,sBAAA,KAAyB,SAAA"}
+{"version":3,"file":"DataTableFeedback.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"mappings":";;;KAUK,sBAAA,GAAyB,IAAA,CAC5B,wBAAA;EAGA,UAAA;IACE,QAAA;IACA,IAAA;EAAA;EAEF,eAAA,GAAkB,SAAA;EAClB,OAAA;AAAA;AAAA,cAGW,iBAAA;EAAqB,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAK/B,sBAAA,KAAyB,SAAA"}

package/dist/components/data-display/datatables/DataTableFeedback.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{dataTableFeedback as t,dataTableFeedbackRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i,feedbackMessage:a=`No hay datos para mostrar.`,isError:o=!1,...s})=>r(`div`,{className:e(i?.feedback??t(),i?.root??n()),"data-feedback":o?`danger`:void 0,role:o?`alert`:`status`,"aria-live":o?`assertive`:`polite`,...s,children:a});export{i as DataTableFeedback};
+import{useDataTableContext as e}from"./useDataTableContext.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{dataTableFeedback as n,dataTableFeedbackRoot as r}from"@mage-ui/styled-system/recipes";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,feedbackMessage:o,isError:s=!1,...c})=>{let{labels:l}=e(),u=o??(s?l.errorMessage:l.emptyMessage);return i(`div`,{className:t(a?.feedback??n(),a?.root??r()),"data-feedback":s?`danger`:void 0,role:s?`alert`:`status`,"aria-live":s?`assertive`:`polite`,...c,children:u})};export{a as DataTableFeedback};
 //# sourceMappingURL=DataTableFeedback.mjs.map

package/dist/components/data-display/datatables/DataTableFeedback.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableFeedback.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTableFeedback,\n  dataTableFeedbackRoot,\n} from '@mage-ui/styled-system/recipes';\n\ntype DataTableFeedbackProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'className'\n> & {\n  classNames?: {\n    feedback?: string;\n    root?: string;\n  };\n  feedbackMessage?: ReactNode;\n  isError?: boolean;\n};\n\nexport const DataTableFeedback = ({\n  classNames,\n  feedbackMessage = 'No hay datos para mostrar.',\n  isError = false,\n  ...props\n}: DataTableFeedbackProps): ReactNode => {\n  return (\n    <div\n      className={cx(\n        classNames?.feedback ?? dataTableFeedback(),\n        classNames?.root ?? dataTableFeedbackRoot(),\n      )}\n      data-feedback={isError ? 'danger' : undefined}\n      role={isError ? 'alert' : 'status'}\n      aria-live={isError ? 'assertive' : 'polite'}\n      {...props}\n    >\n      {feedbackMessage}\n    </div>\n  );\n};\n"],"mappings":"sLAoBA,MAAa,GAAqB,CAChC,aACA,kBAAkB,6BAClB,UAAU,GACV,GAAG,KAGD,EAAC,MAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAmB,CAC3C,GAAY,MAAQ,GAAuB,CAC5C,CACD,gBAAe,EAAU,SAAW,IAAA,GACpC,KAAM,EAAU,QAAU,SAC1B,YAAW,EAAU,YAAc,SACnC,GAAI,WAEH,EACG,CAAA"}
+{"version":3,"file":"DataTableFeedback.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTableFeedback,\n  dataTableFeedbackRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { useDataTableContext } from './useDataTableContext';\n\ntype DataTableFeedbackProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'className'\n> & {\n  classNames?: {\n    feedback?: string;\n    root?: string;\n  };\n  feedbackMessage?: ReactNode;\n  isError?: boolean;\n};\n\nexport const DataTableFeedback = ({\n  classNames,\n  feedbackMessage,\n  isError = false,\n  ...props\n}: DataTableFeedbackProps): ReactNode => {\n  const { labels } = useDataTableContext();\n  const message =\n    feedbackMessage ?? (isError ? labels.errorMessage : labels.emptyMessage);\n\n  return (\n    <div\n      className={cx(\n        classNames?.feedback ?? dataTableFeedback(),\n        classNames?.root ?? dataTableFeedbackRoot(),\n      )}\n      data-feedback={isError ? 'danger' : undefined}\n      role={isError ? 'alert' : 'status'}\n      aria-live={isError ? 'assertive' : 'polite'}\n      {...props}\n    >\n      {message}\n    </div>\n  );\n};\n"],"mappings":"sPAsBA,MAAa,GAAqB,CAChC,aACA,kBACA,UAAU,GACV,GAAG,KACoC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAClC,EACJ,IAAoB,EAAU,EAAO,aAAe,EAAO,cAE7D,OACE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAmB,CAC3C,GAAY,MAAQ,GAAuB,CAC5C,CACD,gBAAe,EAAU,SAAW,IAAA,GACpC,KAAM,EAAU,QAAU,SAC1B,YAAW,EAAU,YAAc,SACnC,GAAI,WAEH,EACG,CAAA"}

package/dist/components/data-display/datatables/DataTablePagination.d.mts

@@ -9,10 +9,18 @@ type DataTablePaginationProps = {
     pagination?: PaginationClassNames;
     paginationWrapper?: string;
   };
+  firstPage?: string;
+  previousPage?: string;
+  nextPage?: string;
+  lastPage?: string;
 };
 declare const DataTablePagination: ({
   withEdges,
-  classNames
+  classNames,
+  firstPage,
+  previousPage,
+  nextPage,
+  lastPage
 }: DataTablePaginationProps) => ReactNode;
 //#endregion
 export { DataTablePagination, DataTablePaginationProps };

package/dist/components/data-display/datatables/DataTablePagination.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"mappings":";;;;KAcY,wBAAA;EACV,SAAA;EACA,UAAA;IACE,IAAA;IACA,UAAA,GAAa,oBAAA;IACb,iBAAA;EAAA;AAAA;AAAA,cAIS,mBAAA;EAAuB,SAAA;EAAA;AAAA,GAGjC,wBAAA,KAA2B,SAAA"}
+{"version":3,"file":"DataTablePagination.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"mappings":";;;;KAcY,wBAAA;EACV,SAAA;EACA,UAAA;IACE,IAAA;IACA,UAAA,GAAa,oBAAA;IACb,iBAAA;EAAA;EAEF,SAAA;EACA,YAAA;EACA,QAAA;EACA,QAAA;AAAA;AAAA,cAGW,mBAAA;EAAuB,SAAA;EAAA,UAAA;EAAA,SAAA;EAAA,YAAA;EAAA,QAAA;EAAA;AAAA,GAOjC,wBAAA,KAA2B,SAAA"}

package/dist/components/data-display/datatables/DataTablePagination.mjs

@@ -1,2 +1,2 @@
-import{useDataTableContext as e}from"./useDataTableContext.mjs";import{Pagination as t}from"../../navigations/pagination/Pagination.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{dataTablePagination as r,paginationWrapper as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({withEdges:s=!1,classNames:c})=>{let{pagination:l}=e();return l?a(`div`,{className:c?.root??r(),children:o(t.Root,{classNames:c?.pagination,total:l.pageCount,value:l.currentPage,onChange:e=>{l.onChange(t=>({...t,pageIndex:e-1}))},children:[s&&a(t.First,{"aria-label":`First page`}),o(`div`,{className:n(c?.paginationWrapper??i(),`group`),children:[a(t.Previous,{"aria-label":`Previous page`}),a(t.Items,{}),a(t.Next,{"aria-label":`Next page`})]}),s&&a(t.Last,{"aria-label":`Last page`})]})}):null};export{s as DataTablePagination};
+import{useDataTableContext as e}from"./useDataTableContext.mjs";import{Pagination as t}from"../../navigations/pagination/Pagination.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{dataTablePagination as r,paginationWrapper as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({withEdges:s=!1,classNames:c,firstPage:l,previousPage:u,nextPage:d,lastPage:f})=>{let{pagination:p,labels:m}=e();return p?a(`div`,{className:c?.root??r(),children:o(t.Root,{classNames:c?.pagination,total:p.pageCount,value:p.currentPage,onChange:e=>{p.onChange(t=>({...t,pageIndex:e-1}))},children:[s&&a(t.First,{"aria-label":l??m.firstPage}),o(`div`,{className:n(c?.paginationWrapper??i(),`group`),children:[a(t.Previous,{"aria-label":u??m.previousPage}),a(t.Items,{}),a(t.Next,{"aria-label":d??m.nextPage})]}),s&&a(t.Last,{"aria-label":f??m.lastPage})]})}):null};export{s as DataTablePagination};
 //# sourceMappingURL=DataTablePagination.mjs.map

package/dist/components/data-display/datatables/DataTablePagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTablePagination,\n  paginationWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  Pagination,\n  type PaginationClassNames,\n} from '../../navigations/pagination/Pagination';\nimport { useDataTableContext } from './useDataTableContext';\n\nexport type DataTablePaginationProps = {\n  withEdges?: boolean;\n  classNames?: {\n    root?: string;\n    pagination?: PaginationClassNames;\n    paginationWrapper?: string;\n  };\n};\n\nexport const DataTablePagination = ({\n  withEdges = false,\n  classNames,\n}: DataTablePaginationProps): ReactNode => {\n  const { pagination } = useDataTableContext();\n\n  if (!pagination) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.root ?? dataTablePagination()}>\n      <Pagination.Root\n        classNames={classNames?.pagination}\n        total={pagination.pageCount}\n        value={pagination.currentPage}\n        onChange={(page: number) => {\n          pagination.onChange((current) => ({\n            ...current,\n            pageIndex: page - 1,\n          }));\n        }}\n      >\n        {/* TODO: labels for the empty controls */}\n        {withEdges && <Pagination.First aria-label='First page' />}\n        <div\n          className={cx(\n            classNames?.paginationWrapper ?? paginationWrapper(),\n            'group',\n          )}\n        >\n          <Pagination.Previous aria-label='Previous page' />\n          <Pagination.Items />\n          <Pagination.Next aria-label='Next page' />\n        </div>\n        {withEdges && <Pagination.Last aria-label='Last page' />}\n      </Pagination.Root>\n    </div>\n  );\n};\n"],"mappings":"uUAuBA,MAAa,GAAuB,CAClC,YAAY,GACZ,gBACyC,CACzC,GAAM,CAAE,cAAe,GAAqB,CAM5C,OAJK,EAKH,EAAC,MAAD,CAAK,UAAW,GAAY,MAAQ,GAAqB,UACvD,EAAC,EAAW,KAAZ,CACE,WAAY,GAAY,WACxB,MAAO,EAAW,UAClB,MAAO,EAAW,YAClB,SAAW,GAAiB,CAC1B,EAAW,SAAU,IAAa,CAChC,GAAG,EACH,UAAW,EAAO,EACnB,EAAE,WARP,CAYG,GAAa,EAAC,EAAW,MAAZ,CAAkB,aAAW,aAAe,CAAA,CAC1D,EAAC,MAAD,CACE,UAAW,EACT,GAAY,mBAAqB,GAAmB,CACpD,QACD,UAJH,CAME,EAAC,EAAW,SAAZ,CAAqB,aAAW,gBAAkB,CAAA,CAClD,EAAC,EAAW,MAAZ,EAAoB,CAAA,CACpB,EAAC,EAAW,KAAZ,CAAiB,aAAW,YAAc,CAAA,CACtC,GACL,GAAa,EAAC,EAAW,KAAZ,CAAiB,aAAW,YAAc,CAAA,CACxC,GACd,CAAA,CA9BC"}
+{"version":3,"file":"DataTablePagination.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTablePagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dataTablePagination,\n  paginationWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  Pagination,\n  type PaginationClassNames,\n} from '../../navigations/pagination/Pagination';\nimport { useDataTableContext } from './useDataTableContext';\n\nexport type DataTablePaginationProps = {\n  withEdges?: boolean;\n  classNames?: {\n    root?: string;\n    pagination?: PaginationClassNames;\n    paginationWrapper?: string;\n  };\n  firstPage?: string;\n  previousPage?: string;\n  nextPage?: string;\n  lastPage?: string;\n};\n\nexport const DataTablePagination = ({\n  withEdges = false,\n  classNames,\n  firstPage,\n  previousPage,\n  nextPage,\n  lastPage,\n}: DataTablePaginationProps): ReactNode => {\n  const { pagination, labels } = useDataTableContext();\n\n  if (!pagination) {\n    return null;\n  }\n\n  return (\n    <div className={classNames?.root ?? dataTablePagination()}>\n      <Pagination.Root\n        classNames={classNames?.pagination}\n        total={pagination.pageCount}\n        value={pagination.currentPage}\n        onChange={(page: number) => {\n          pagination.onChange((current) => ({\n            ...current,\n            pageIndex: page - 1,\n          }));\n        }}\n      >\n        {withEdges && (\n          <Pagination.First aria-label={firstPage ?? labels.firstPage} />\n        )}\n        <div\n          className={cx(\n            classNames?.paginationWrapper ?? paginationWrapper(),\n            'group',\n          )}\n        >\n          <Pagination.Previous\n            aria-label={previousPage ?? labels.previousPage}\n          />\n          <Pagination.Items />\n          <Pagination.Next aria-label={nextPage ?? labels.nextPage} />\n        </div>\n        {withEdges && (\n          <Pagination.Last aria-label={lastPage ?? labels.lastPage} />\n        )}\n      </Pagination.Root>\n    </div>\n  );\n};\n"],"mappings":"uUA2BA,MAAa,GAAuB,CAClC,YAAY,GACZ,aACA,YACA,eACA,WACA,cACyC,CACzC,GAAM,CAAE,aAAY,UAAW,GAAqB,CAMpD,OAJK,EAKH,EAAC,MAAD,CAAK,UAAW,GAAY,MAAQ,GAAqB,UACvD,EAAC,EAAW,KAAZ,CACE,WAAY,GAAY,WACxB,MAAO,EAAW,UAClB,MAAO,EAAW,YAClB,SAAW,GAAiB,CAC1B,EAAW,SAAU,IAAa,CAChC,GAAG,EACH,UAAW,EAAO,EACnB,EAAE,WARP,CAWG,GACC,EAAC,EAAW,MAAZ,CAAkB,aAAY,GAAa,EAAO,UAAa,CAAA,CAEjE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,mBAAqB,GAAmB,CACpD,QACD,UAJH,CAME,EAAC,EAAW,SAAZ,CACE,aAAY,GAAgB,EAAO,aACnC,CAAA,CACF,EAAC,EAAW,MAAZ,EAAoB,CAAA,CACpB,EAAC,EAAW,KAAZ,CAAiB,aAAY,GAAY,EAAO,SAAY,CAAA,CACxD,GACL,GACC,EAAC,EAAW,KAAZ,CAAiB,aAAY,GAAY,EAAO,SAAY,CAAA,CAE9C,GACd,CAAA,CAnCC"}

package/dist/components/data-display/datatables/useDataTableContext.d.mts

@@ -15,6 +15,12 @@ type DataTableLabels = {
   expandRow: string;
   collapseRow: string;
   loading: string;
+  firstPage: string;
+  previousPage: string;
+  nextPage: string;
+  lastPage: string;
+  emptyMessage: string;
+  errorMessage: string;
 };
 declare const DEFAULT_DATA_TABLE_LABELS: DataTableLabels;
 type DataTableContextValue<Data> = {

package/dist/components/data-display/datatables/useDataTableContext.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataTableContext.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"mappings":";;;;;;KAUY,eAAA;EACV,WAAA;EACA,aAAA,GAAgB,KAAA,EAAO,SAAA,KAAc,SAAA;EACrC,eAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,SAAA,GAAY,KAAA;EACZ,SAAA;EACA,WAAA;EACA,OAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,eAAA;AAAA,KAa5B,qBAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,WAAA;EACA,MAAA,EAAQ,eAAA;AAAA,IACN,IAAA,CACF,cAAA,CAAe,IAAA;AAAA,cAQJ,mBAAA,cAAgC,qBAAA,CAAsB,IAAA;AAAA,cAYtD,wBAAA,EAAwB,KAAA,CAAA,QAAA,CAAA,qBAAA"}
+{"version":3,"file":"useDataTableContext.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"mappings":";;;;;;KAUY,eAAA;EACV,WAAA;EACA,aAAA,GAAgB,KAAA,EAAO,SAAA,KAAc,SAAA;EACrC,eAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,SAAA,GAAY,KAAA;EACZ,SAAA;EACA,WAAA;EACA,OAAA;EACA,SAAA;EACA,YAAA;EACA,QAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,eAAA;AAAA,KAmB5B,qBAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,WAAA;EACA,MAAA,EAAQ,eAAA;AAAA,IACN,IAAA,CACF,cAAA,CAAe,IAAA;AAAA,cAQJ,mBAAA,cAAgC,qBAAA,CAAsB,IAAA;AAAA,cAYtD,wBAAA,EAAwB,KAAA,CAAA,QAAA,CAAA,qBAAA"}

package/dist/components/data-display/datatables/useDataTableContext.mjs

@@ -1,2 +1,2 @@
-import{Fragment as e,createContext as t,createElement as n,useContext as r}from"react";const i={rowsPerPage:`Rows per page`,selectedCount:t=>n(e,null,t,` selected`),sortedAscending:`Sorted ascending`,sortedDescending:`Sorted descending`,activateToSort:`Activate to sort`,selectAllRows:`Select all rows`,selectRow:e=>`Select row ${e}`,expandRow:`Expand row`,collapseRow:`Collapse row`,loading:`Loading`},a=t(null),o=()=>{let e=r(a);if(!e)throw Error(`useDataTableContext must be used within <DataTable> or one of its slots.`);return e},s=a.Provider;export{i as DEFAULT_DATA_TABLE_LABELS,s as DataTableContextProvider,o as useDataTableContext};
+import{Fragment as e,createContext as t,createElement as n,useContext as r}from"react";const i={rowsPerPage:`Rows per page`,selectedCount:t=>n(e,null,t,` selected`),sortedAscending:`Sorted ascending`,sortedDescending:`Sorted descending`,activateToSort:`Activate to sort`,selectAllRows:`Select all rows`,selectRow:e=>`Select row ${e}`,expandRow:`Expand row`,collapseRow:`Collapse row`,loading:`Loading`,firstPage:`First page`,previousPage:`Previous page`,nextPage:`Next page`,lastPage:`Last page`,emptyMessage:`No data to display.`,errorMessage:`An error occurred while loading data.`},a=t(null),o=()=>{let e=r(a);if(!e)throw Error(`useDataTableContext must be used within <DataTable> or one of its slots.`);return e},s=a.Provider;export{i as DEFAULT_DATA_TABLE_LABELS,s as DataTableContextProvider,o as useDataTableContext};
 //# sourceMappingURL=useDataTableContext.mjs.map

package/dist/components/data-display/datatables/useDataTableContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDataTableContext.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  Fragment,\n  type ReactNode,\n  useContext,\n} from 'react';\n\nimport type { DataTableProps } from './DataTable';\n\nexport type DataTableLabels = {\n  rowsPerPage: string;\n  selectedCount: (count: ReactNode) => ReactNode;\n  sortedAscending: string;\n  sortedDescending: string;\n  activateToSort: string;\n  selectAllRows: string;\n  selectRow: (index: number) => string;\n  expandRow: string;\n  collapseRow: string;\n  loading: string;\n};\n\nexport const DEFAULT_DATA_TABLE_LABELS: DataTableLabels = {\n  rowsPerPage: 'Rows per page',\n  selectedCount: (count) => createElement(Fragment, null, count, ' selected'),\n  sortedAscending: 'Sorted ascending',\n  sortedDescending: 'Sorted descending',\n  activateToSort: 'Activate to sort',\n  selectAllRows: 'Select all rows',\n  selectRow: (index) => `Select row ${index}`,\n  expandRow: 'Expand row',\n  collapseRow: 'Collapse row',\n  loading: 'Loading',\n};\n\nexport type DataTableContextValue<Data> = {\n  table: import('@tanstack/react-table').Table<Data>;\n  refresh: () => void;\n  selectedIds: string[];\n  labels: DataTableLabels;\n} & Pick<\n  DataTableProps<Data>,\n  'loading' | 'sorting' | 'pagination' | 'selection' | 'expansion'\n>;\n\nconst DataTableContext = createContext<DataTableContextValue<unknown> | null>(\n  null,\n);\n\nexport const useDataTableContext = <Data>(): DataTableContextValue<Data> => {\n  const context = useContext(DataTableContext);\n\n  if (!context) {\n    throw new Error(\n      'useDataTableContext must be used within <DataTable> or one of its slots.',\n    );\n  }\n\n  return context as DataTableContextValue<Data>;\n};\n\nexport const DataTableContextProvider = DataTableContext.Provider;\n"],"mappings":"uFAuBA,MAAa,EAA6C,CACxD,YAAa,gBACb,cAAgB,GAAU,EAAc,EAAU,KAAM,EAAO,YAAY,CAC3E,gBAAiB,mBACjB,iBAAkB,oBAClB,eAAgB,mBAChB,cAAe,kBACf,UAAY,GAAU,cAAc,IACpC,UAAW,aACX,YAAa,eACb,QAAS,UACV,CAYK,EAAmB,EACvB,KACD,CAEY,MAA+D,CAC1E,IAAM,EAAU,EAAW,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MACR,2EACD,CAGH,OAAO,GAGI,EAA2B,EAAiB"}
+{"version":3,"file":"useDataTableContext.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  Fragment,\n  type ReactNode,\n  useContext,\n} from 'react';\n\nimport type { DataTableProps } from './DataTable';\n\nexport type DataTableLabels = {\n  rowsPerPage: string;\n  selectedCount: (count: ReactNode) => ReactNode;\n  sortedAscending: string;\n  sortedDescending: string;\n  activateToSort: string;\n  selectAllRows: string;\n  selectRow: (index: number) => string;\n  expandRow: string;\n  collapseRow: string;\n  loading: string;\n  firstPage: string;\n  previousPage: string;\n  nextPage: string;\n  lastPage: string;\n  emptyMessage: string;\n  errorMessage: string;\n};\n\nexport const DEFAULT_DATA_TABLE_LABELS: DataTableLabels = {\n  rowsPerPage: 'Rows per page',\n  selectedCount: (count) => createElement(Fragment, null, count, ' selected'),\n  sortedAscending: 'Sorted ascending',\n  sortedDescending: 'Sorted descending',\n  activateToSort: 'Activate to sort',\n  selectAllRows: 'Select all rows',\n  selectRow: (index) => `Select row ${index}`,\n  expandRow: 'Expand row',\n  collapseRow: 'Collapse row',\n  loading: 'Loading',\n  firstPage: 'First page',\n  previousPage: 'Previous page',\n  nextPage: 'Next page',\n  lastPage: 'Last page',\n  emptyMessage: 'No data to display.',\n  errorMessage: 'An error occurred while loading data.',\n};\n\nexport type DataTableContextValue<Data> = {\n  table: import('@tanstack/react-table').Table<Data>;\n  refresh: () => void;\n  selectedIds: string[];\n  labels: DataTableLabels;\n} & Pick<\n  DataTableProps<Data>,\n  'loading' | 'sorting' | 'pagination' | 'selection' | 'expansion'\n>;\n\nconst DataTableContext = createContext<DataTableContextValue<unknown> | null>(\n  null,\n);\n\nexport const useDataTableContext = <Data>(): DataTableContextValue<Data> => {\n  const context = useContext(DataTableContext);\n\n  if (!context) {\n    throw new Error(\n      'useDataTableContext must be used within <DataTable> or one of its slots.',\n    );\n  }\n\n  return context as DataTableContextValue<Data>;\n};\n\nexport const DataTableContextProvider = DataTableContext.Provider;\n"],"mappings":"uFA6BA,MAAa,EAA6C,CACxD,YAAa,gBACb,cAAgB,GAAU,EAAc,EAAU,KAAM,EAAO,YAAY,CAC3E,gBAAiB,mBACjB,iBAAkB,oBAClB,eAAgB,mBAChB,cAAe,kBACf,UAAY,GAAU,cAAc,IACpC,UAAW,aACX,YAAa,eACb,QAAS,UACT,UAAW,aACX,aAAc,gBACd,SAAU,YACV,SAAU,YACV,aAAc,sBACd,aAAc,wCACf,CAYK,EAAmB,EACvB,KACD,CAEY,MAA+D,CAC1E,IAAM,EAAU,EAAW,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MACR,2EACD,CAGH,OAAO,GAGI,EAA2B,EAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.153",
+  "version": "1.0.155",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.153",
+    "@mage-ui/preset": "1.0.155",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {