@mage-ui/components 1.0.88 → 1.0.91

package/dist/components/forms/controls/FormSubmit.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmit.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormSubmit.tsx"],"mappings":";;;;;KAIY,eAAA,GAAkB,IAAA,CAAK,iBAAA"}
+{"version":3,"file":"FormSubmit.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormSubmit.tsx"],"mappings":";;KAIY,eAAA,GAAkB,IAAA,CAAK,iBAAA"}

package/dist/components/forms/controls/FormSubmit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormSubmit.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormSubmit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form';\n\nimport { ButtonAction, type ButtonActionProps } from '@/components/buttons';\n\nexport type FormSubmitProps = Omit<ButtonActionProps, 'loading'> & {};\n\nexport const FormSubmit = ({\n  children,\n  successText,\n  ...props\n}: FormSubmitProps) => {\n  const {\n    formState: { isSubmitSuccessful, isSubmitting },\n  } = useFormContext();\n\n  return (\n    <ButtonAction\n      type='submit'\n      loading={isSubmitting}\n      successText={isSubmitSuccessful ? successText : undefined}\n      {...props}\n    >\n      {children}\n    </ButtonAction>\n  );\n};\n\nFormSubmit.displayName = 'Form.Submit';\n"],"mappings":"qKAMA,MAAa,GAAc,CACzB,WACA,cACA,GAAG,KACkB,CACrB,GAAM,CACJ,UAAW,CAAE,qBAAoB,iBAC/B,GAAgB,CAEpB,OACE,EAAC,EAAA,CACC,KAAK,SACL,QAAS,EACT,YAAa,EAAqB,EAAc,IAAA,GAChD,GAAI,EAEH,YACY,EAInB,EAAW,YAAc"}
+{"version":3,"file":"FormSubmit.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormSubmit.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form';\n\nimport { ButtonAction, type ButtonActionProps } from '@/components/buttons';\n\nexport type FormSubmitProps = Omit<ButtonActionProps, 'loading'> & {};\n\nexport const FormSubmit = ({\n  children,\n  successText,\n  ...props\n}: FormSubmitProps) => {\n  const {\n    formState: { isSubmitSuccessful, isSubmitting },\n  } = useFormContext();\n\n  return (\n    <ButtonAction\n      type='submit'\n      loading={isSubmitting}\n      successText={isSubmitSuccessful ? successText : undefined}\n      {...props}\n    >\n      {children}\n    </ButtonAction>\n  );\n};\n\nFormSubmit.displayName = 'Form.Submit';\n"],"mappings":"qKAMA,MAAa,GAAc,CACzB,WACA,cACA,GAAG,KACkB,CACrB,GAAM,CACJ,UAAW,CAAE,qBAAoB,iBAC/B,GAAgB,CAEpB,OACE,EAAC,EAAD,CACE,KAAK,SACL,QAAS,EACT,YAAa,EAAqB,EAAc,IAAA,GAChD,GAAI,EAEH,WACY,CAAA,EAInB,EAAW,YAAc"}

package/dist/components/forms/controls/FormTextInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormTextInput.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormTextInput.tsx"],"sourcesContent":["import {\n  TextInput,\n  type TextInputProps,\n} from '@/components/controls/text-input/TextInput';\n\nexport const FormTextInput = ({\n  $rule,\n  isSubmitting,\n  ...props\n}: {\n  $rule?: string;\n  isSubmitting?: boolean;\n  name: string;\n} & TextInputProps) => {\n  return <TextInput disabled={isSubmitting} type='text' {...props} />;\n};\n\nFormTextInput.displayName = 'Form.TextInput';\n"],"mappings":"4GAKA,MAAa,GAAiB,CAC5B,QACA,eACA,GAAG,KAMI,EAAC,EAAA,CAAU,SAAU,EAAc,KAAK,OAAO,GAAI,GAAS,CAGrE,EAAc,YAAc"}
+{"version":3,"file":"FormTextInput.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormTextInput.tsx"],"sourcesContent":["import {\n  TextInput,\n  type TextInputProps,\n} from '@/components/controls/text-input/TextInput';\n\nexport const FormTextInput = ({\n  $rule,\n  isSubmitting,\n  ...props\n}: {\n  $rule?: string;\n  isSubmitting?: boolean;\n  name: string;\n} & TextInputProps) => {\n  return <TextInput disabled={isSubmitting} type='text' {...props} />;\n};\n\nFormTextInput.displayName = 'Form.TextInput';\n"],"mappings":"4GAKA,MAAa,GAAiB,CAC5B,QACA,eACA,GAAG,KAMI,EAAC,EAAD,CAAW,SAAU,EAAc,KAAK,OAAO,GAAI,EAAS,CAAA,CAGrE,EAAc,YAAc"}

package/dist/components/forms/controls/FormTextarea.mjs

@@ -0,0 +1,2 @@
+import{Textarea as e}from"../../controls/textarea/Textarea.mjs";import{jsx as t}from"react/jsx-runtime";const n=({$rule:n,isSubmitting:r,...i})=>t(e,{disabled:r,...i});n.displayName=`Form.Textarea`;export{n as FormTextarea};
+//# sourceMappingURL=FormTextarea.mjs.map

package/dist/components/forms/controls/FormTextarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextarea.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormTextarea.tsx"],"sourcesContent":["import {\n  Textarea,\n  type TextareaProps,\n} from '@/components/controls/textarea/Textarea';\n\nexport const FormTextarea = ({\n  $rule,\n  isSubmitting,\n  ...props\n}: {\n  $rule?: string;\n  isSubmitting?: boolean;\n  name: string;\n} & TextareaProps) => {\n  return <Textarea disabled={isSubmitting} {...props} />;\n};\n\nFormTextarea.displayName = 'Form.Textarea';\n"],"mappings":"wGAKA,MAAa,GAAgB,CAC3B,QACA,eACA,GAAG,KAMI,EAAC,EAAD,CAAU,SAAU,EAAc,GAAI,EAAS,CAAA,CAGxD,EAAa,YAAc"}

package/dist/components/forms/controls/index.mjs

@@ -1,2 +1,2 @@
-import{FormCheckbox as e}from"./FormCheckbox.mjs";import{FormHidden as t}from"./FormHidden.mjs";import{FormPassword as n}from"./FormPassword.mjs";import{FormSubmit as r}from"./FormSubmit.mjs";import{FormTextInput as i}from"./FormTextInput.mjs";const a=[r,i,n,t,e];export{a as controls};
+import{FormCheckbox as e}from"./FormCheckbox.mjs";import{FormHidden as t}from"./FormHidden.mjs";import{FormPassword as n}from"./FormPassword.mjs";import{FormSubmit as r}from"./FormSubmit.mjs";import{FormTextarea as i}from"./FormTextarea.mjs";import{FormTextInput as a}from"./FormTextInput.mjs";const o=[r,a,i,n,t,e];export{o as controls};
 //# sourceMappingURL=index.mjs.map

package/dist/components/forms/controls/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/forms/controls/index.ts"],"sourcesContent":["import { FormCheckbox } from './FormCheckbox';\nimport { FormHidden } from './FormHidden';\nimport { FormPassword } from './FormPassword';\nimport { FormSubmit } from './FormSubmit';\nimport { FormTextInput } from './FormTextInput';\n\nexport const controls = [\n  FormSubmit,\n  FormTextInput,\n  FormPassword,\n  FormHidden,\n  FormCheckbox,\n] as React.ComponentType[];\n"],"mappings":"oPAMA,MAAa,EAAW,CACtB,EACA,EACA,EACA,EACA,EACD"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/forms/controls/index.ts"],"sourcesContent":["import { FormCheckbox } from './FormCheckbox';\nimport { FormHidden } from './FormHidden';\nimport { FormPassword } from './FormPassword';\nimport { FormSubmit } from './FormSubmit';\nimport { FormTextarea } from './FormTextarea';\nimport { FormTextInput } from './FormTextInput';\n\nexport const controls = [\n  FormSubmit,\n  FormTextInput,\n  FormTextarea,\n  FormPassword,\n  FormHidden,\n  FormCheckbox,\n] as React.ComponentType[];\n"],"mappings":"sSAOA,MAAa,EAAW,CACtB,EACA,EACA,EACA,EACA,EACA,EACD"}

package/dist/components/forms/controls/register-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"register-components.mjs","names":[],"sources":["../../../../src/components/forms/controls/register-components.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { FieldErrors, UseFormRegister } from 'react-hook-form';\n\ninterface TranslationMessage {\n  key: string;\n  bindings: Record<string, string>;\n  fallback: string;\n}\n\nconst parseAndTranslate = (\n  message: string | undefined,\n  fieldName: string,\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode,\n): string | undefined => {\n  if (!message) return undefined;\n\n  try {\n    const parsed: TranslationMessage = JSON.parse(message);\n    const bindings = { ...parsed.bindings, attribute: fieldName };\n    const result = t\n      ? t(parsed.key, bindings, parsed.fallback)\n      : parsed.fallback;\n    return String(result).replace(/{attribute}/g, fieldName);\n  } catch {\n    return message.replace(/{attribute}/g, fieldName);\n  }\n};\n\ninterface RegisteredFormChildrenProps {\n  children: React.ReactNode;\n  register: UseFormRegister<Record<string, unknown>>;\n  componentTypes: React.ComponentType[];\n  errors?: FieldErrors<Record<string, unknown>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n}\n\nexport const RegisteredFormChildren = ({\n  children,\n  register,\n  componentTypes,\n  errors = {},\n  t,\n}: RegisteredFormChildrenProps): React.ReactNode => {\n  const processChildren = (nodes: React.ReactNode): React.ReactNode => {\n    return Children.map(nodes, (child) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const childProps = child.props as {\n        name?: string;\n        children?: React.ReactNode;\n      };\n\n      if (\n        componentTypes.some((type: React.ComponentType) => child.type === type)\n      ) {\n        const errorMessage = errors[childProps.name ?? '']?.message?.toString();\n        const translatedError = childProps.name\n          ? parseAndTranslate(errorMessage, childProps.name, t)\n          : undefined;\n\n        return cloneElement(child, {\n          ...(childProps.name && {\n            ...register(childProps.name),\n            error: translatedError,\n          }),\n        } as Partial<typeof child.props>);\n      }\n\n      if (childProps.children) {\n        return cloneElement(child, {\n          children: processChildren(childProps.children),\n        } as Partial<typeof child.props>);\n      }\n\n      return child;\n    });\n  };\n\n  return <>{processChildren(children)}</>;\n};\n"],"mappings":"0IAYA,MAAM,GACJ,EACA,EACA,IAKuB,CAClB,KAEL,GAAI,CACF,IAAM,EAA6B,KAAK,MAAM,EAAQ,CAChD,EAAW,CAAE,GAAG,EAAO,SAAU,UAAW,EAAW,CACvD,EAAS,EACX,EAAE,EAAO,IAAK,EAAU,EAAO,SAAS,CACxC,EAAO,SACX,OAAO,OAAO,EAAO,CAAC,QAAQ,eAAgB,EAAU,MAClD,CACN,OAAO,EAAQ,QAAQ,eAAgB,EAAU,GAgBxC,GAA0B,CACrC,WACA,WACA,iBACA,SAAS,EAAE,CACX,OACkD,CAClD,IAAM,EAAmB,GAChB,EAAS,IAAI,EAAQ,GAAU,CACpC,GAAI,CAAC,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAa,EAAM,MAKzB,GACE,EAAe,KAAM,GAA8B,EAAM,OAAS,EAAK,CACvE,CACA,IAAM,EAAe,EAAO,EAAW,MAAQ,KAAK,SAAS,UAAU,CACjE,EAAkB,EAAW,KAC/B,EAAkB,EAAc,EAAW,KAAM,EAAE,CACnD,IAAA,GAEJ,OAAO,EAAa,EAAO,CACzB,GAAI,EAAW,MAAQ,CACrB,GAAG,EAAS,EAAW,KAAK,CAC5B,MAAO,EACR,CACF,CAAgC,CASnC,OANI,EAAW,SACN,EAAa,EAAO,CACzB,SAAU,EAAgB,EAAW,SAAS,CAC/C,CAAgC,CAG5B,GACP,CAGJ,OAAO,EAAA,EAAA,CAAA,SAAG,EAAgB,EAAS,CAAA,CAAI"}
+{"version":3,"file":"register-components.mjs","names":[],"sources":["../../../../src/components/forms/controls/register-components.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { FieldErrors, UseFormRegister } from 'react-hook-form';\n\ninterface TranslationMessage {\n  key: string;\n  bindings: Record<string, string>;\n  fallback: string;\n}\n\nconst parseAndTranslate = (\n  message: string | undefined,\n  fieldName: string,\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode,\n): string | undefined => {\n  if (!message) return undefined;\n\n  try {\n    const parsed: TranslationMessage = JSON.parse(message);\n    const bindings = { ...parsed.bindings, attribute: fieldName };\n    const result = t\n      ? t(parsed.key, bindings, parsed.fallback)\n      : parsed.fallback;\n    return String(result).replace(/{attribute}/g, fieldName);\n  } catch {\n    return message.replace(/{attribute}/g, fieldName);\n  }\n};\n\ninterface RegisteredFormChildrenProps {\n  children: React.ReactNode;\n  register: UseFormRegister<Record<string, unknown>>;\n  componentTypes: React.ComponentType[];\n  errors?: FieldErrors<Record<string, unknown>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n}\n\nexport const RegisteredFormChildren = ({\n  children,\n  register,\n  componentTypes,\n  errors = {},\n  t,\n}: RegisteredFormChildrenProps): React.ReactNode => {\n  const processChildren = (nodes: React.ReactNode): React.ReactNode => {\n    return Children.map(nodes, (child) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const childProps = child.props as {\n        name?: string;\n        children?: React.ReactNode;\n      };\n\n      if (\n        componentTypes.some((type: React.ComponentType) => child.type === type)\n      ) {\n        const errorMessage = errors[childProps.name ?? '']?.message?.toString();\n        const translatedError = childProps.name\n          ? parseAndTranslate(errorMessage, childProps.name, t)\n          : undefined;\n\n        return cloneElement(child, {\n          ...(childProps.name && {\n            ...register(childProps.name),\n            error: translatedError,\n          }),\n        } as Partial<typeof child.props>);\n      }\n\n      if (childProps.children) {\n        return cloneElement(child, {\n          children: processChildren(childProps.children),\n        } as Partial<typeof child.props>);\n      }\n\n      return child;\n    });\n  };\n\n  return <>{processChildren(children)}</>;\n};\n"],"mappings":"0IAYA,MAAM,GACJ,EACA,EACA,IAKuB,CAClB,KAEL,GAAI,CACF,IAAM,EAA6B,KAAK,MAAM,EAAQ,CAChD,EAAW,CAAE,GAAG,EAAO,SAAU,UAAW,EAAW,CACvD,EAAS,EACX,EAAE,EAAO,IAAK,EAAU,EAAO,SAAS,CACxC,EAAO,SACX,OAAO,OAAO,EAAO,CAAC,QAAQ,eAAgB,EAAU,MAClD,CACN,OAAO,EAAQ,QAAQ,eAAgB,EAAU,GAgBxC,GAA0B,CACrC,WACA,WACA,iBACA,SAAS,EAAE,CACX,OACkD,CAClD,IAAM,EAAmB,GAChB,EAAS,IAAI,EAAQ,GAAU,CACpC,GAAI,CAAC,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAa,EAAM,MAKzB,GACE,EAAe,KAAM,GAA8B,EAAM,OAAS,EAAK,CACvE,CACA,IAAM,EAAe,EAAO,EAAW,MAAQ,KAAK,SAAS,UAAU,CACjE,EAAkB,EAAW,KAC/B,EAAkB,EAAc,EAAW,KAAM,EAAE,CACnD,IAAA,GAEJ,OAAO,EAAa,EAAO,CACzB,GAAI,EAAW,MAAQ,CACrB,GAAG,EAAS,EAAW,KAAK,CAC5B,MAAO,EACR,CACF,CAAgC,CASnC,OANI,EAAW,SACN,EAAa,EAAO,CACzB,SAAU,EAAgB,EAAW,SAAS,CAC/C,CAAgC,CAG5B,GACP,CAGJ,OAAO,EAAA,EAAA,CAAA,SAAG,EAAgB,EAAS,CAAI,CAAA"}

package/dist/components/forms/rules/zod.d.mts

@@ -1,4 +1,3 @@
-import "./create-rule.mjs";
 import { ZodString, ZodType, z } from "zod";
 
 //#region src/components/forms/rules/zod.d.ts

package/dist/components/forms/rules/zod.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"zod.d.mts","names":[],"sources":["../../../../src/components/forms/rules/zod.ts"],"mappings":";;;;iBA+CgB,UAAA,CAAW,WAAA,WAAsB,OAAA;AAAA,cAwBpC,GAAA;gDA3BwD,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAgCk3c,GAAA;EAAA;;;;;;;;;;;;;;;;;0EAAwgQ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAAu7pB,CAAA,CAAA,IAAA,CAAA,oBAAA,KAAA,CAAA,CAAA,QAAA,CAAA,SAAA,EAAA,CAAA,CAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uEAhEr32C,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,GAAA,OAAA;aAEqB,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA;UAA6B,CAAA,CAAA,IAAA,CAAA,cAAA;EAAA;4EAStC,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,GAAA,OAAA;aACI,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA;UAA6B,CAAA,CAAA,IAAA,CAAA,cAAA;EAAA;2EAGO,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;gFAQ/C,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;iFAMY,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;gFAMc,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;sFAGrB,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;qFAMQ,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;qFAEyC,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;oFASrD,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;0FASkF,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;yFAA0L,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA"}
+{"version":3,"file":"zod.d.mts","names":[],"sources":["../../../../src/components/forms/rules/zod.ts"],"mappings":";;;iBA+CgB,UAAA,CAAW,WAAA,WAAsB,OAAA;AAAA,cAwBpC,GAAA;gDA3BwD,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAgCk3c,GAAA;EAAA;;;;;;;;;;;;;;;;;0EAAwgQ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAAu7pB,CAAA,CAAA,IAAA,CAAA,oBAAA,KAAA,CAAA,CAAA,QAAA,CAAA,SAAA,EAAA,CAAA,CAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uEAhEr32C,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,GAAA,OAAA;aAEqB,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA;UAA6B,CAAA,CAAA,IAAA,CAAA,cAAA;EAAA;4EAStC,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,GAAA,OAAA;aACI,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA;UAA6B,CAAA,CAAA,IAAA,CAAA,cAAA;EAAA;2EAGO,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;gFAQ/C,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;iFAMY,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;gFAMc,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;sFAGrB,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;qFAMQ,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;qFAEyC,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;oFASrD,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA;0FASkF,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;yFAA0L,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,MAAA,OAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA"}

package/dist/components/index.d.mts

@@ -4,11 +4,10 @@ import { ButtonLoader } from "./buttons/button-action/ButtonLoader.mjs";
 import { ButtonIcon, ButtonIconProps } from "./buttons/button-icon/ButtonIcon.mjs";
 import { ButtonIconVisual, ButtonIconVisualProps } from "./buttons/button-icon-visual/ButtonIconVisual.mjs";
 import { ButtonVisual, ButtonVisualProps } from "./buttons/button-visual/ButtonVisual.mjs";
-import "./buttons/index.mjs";
 import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
-import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./data-display/calendar/Calendar.mjs";
+import { Calendar, CalendarEvent, CalendarProps, CalendarView, DateLocalizer } from "./data-display/calendar/Calendar.mjs";
 import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
 import { TableClassNames, TableProps } from "./data-display/table/TableRoot.mjs";
 import { TableHeadProps } from "./data-display/table/TableHead.mjs";
@@ -44,7 +43,6 @@ import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
 import { UploadedFileDetails, UploadedFileDetailsProps } from "./data-display/uploaded-file/UploadedFileDetails.mjs";
-import "./data-display/index.mjs";
 import { AvatarUpload, AvatarUploadProps } from "./controls/avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
@@ -52,7 +50,6 @@ import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-div
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
 import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./misc/virtual/Virtual.mjs";
 import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
-import "./misc/index.mjs";
 import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
 import { Combobox, ComboboxProps } from "./controls/dropdown/combobox/Combobox.mjs";
 import { Autocomplete, AutocompleteProps } from "./controls/dropdown/autocomplete/Autocomplete.mjs";
@@ -68,24 +65,19 @@ import { Radio, RadioProps } from "./controls/radio/Radio.mjs";
 import { Switch, SwitchProps } from "./controls/switch/Switch.mjs";
 import { SwitchGroup, SwitchGroupProps } from "./controls/switch-group/SwitchGroup.mjs";
 import { Textarea, TextareaProps } from "./controls/textarea/Textarea.mjs";
-import "./controls/index.mjs";
 import { Form, FormProps } from "./forms/Form.mjs";
 import { PASSWORD_RULES } from "./forms/rules/password-rules.mjs";
 import { z } from "./forms/rules/zod.mjs";
-import "./forms/index.mjs";
 import { Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot } from "./layouts/card/Card.mjs";
 import { FluidGrid, FluidGridProps } from "./layouts/fluid-grid/FluidGrid.mjs";
 import { Grid, GridClassNames } from "./layouts/grid/Grid.mjs";
-import "./layouts/index.mjs";
 import { BreadcrumbsBarProps } from "./navigations/breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
 import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
-import "./navigations/index.mjs";
 import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./overlays/modal/modal-types.mjs";
 import { ModalRegistry, ModalRegistryEntry } from "./overlays/modal/modal-registry.mjs";
 import { Modal } from "./overlays/modal/Modal.mjs";
 import { Modals } from "./overlays/modal/index.mjs";
 import { Toast, ToastOptions, ToastProviderProps } from "./overlays/toast/toast.mjs";
-import { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";
-import "./overlays/index.mjs";
+import { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";

package/dist/components/layouts/card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","names":[],"sources":["../../../../src/components/layouts/card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  card,\n  cardBody,\n  cardFooter,\n  cardHeader,\n  cardRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type CardClassNames = {\n  card?: string;\n  root?: string;\n  header?: string;\n  body?: string;\n  footer?: string;\n};\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: CardClassNames;\n};\n\nexport const CardBase = ({\n  children,\n  classNames,\n  ...props\n}: CardProps): ReactNode => {\n  return (\n    <div\n      className={cx(classNames?.card ?? card(), classNames?.root ?? cardRoot())}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const CardRoot = CardBase;\n\nexport const CardHeader = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.header ?? cardHeader()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardBody = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.body ?? cardBody()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardFooter = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.footer ?? cardFooter()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Card = Object.assign(CardBase, {\n  Root: CardRoot,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"],"mappings":"0MAwBA,MAAa,GAAY,CACvB,WACA,aACA,GAAG,KAGD,EAAC,MAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAM,CAAE,GAAY,MAAQ,GAAU,CAAC,CACzE,GAAI,EAEH,YACG,CAIG,EAAW,EAEX,GAAc,CACzB,WACA,aACA,GAAG,KAKD,EAAC,MAAA,CAAI,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,YACG,CAIG,GAAY,CACvB,WACA,aACA,GAAG,KAKD,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAU,CAAE,GAAI,EACjD,YACG,CAIG,GAAc,CACzB,WACA,aACA,GAAG,KAKD,EAAC,MAAA,CAAI,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,YACG,CAIG,EAAO,OAAO,OAAO,EAAU,CAC1C,KAAM,EACN,OAAQ,EACR,KAAM,EACN,OAAQ,EACT,CAAC"}
+{"version":3,"file":"Card.mjs","names":[],"sources":["../../../../src/components/layouts/card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  card,\n  cardBody,\n  cardFooter,\n  cardHeader,\n  cardRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type CardClassNames = {\n  card?: string;\n  root?: string;\n  header?: string;\n  body?: string;\n  footer?: string;\n};\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: CardClassNames;\n};\n\nexport const CardBase = ({\n  children,\n  classNames,\n  ...props\n}: CardProps): ReactNode => {\n  return (\n    <div\n      className={cx(classNames?.card ?? card(), classNames?.root ?? cardRoot())}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const CardRoot = CardBase;\n\nexport const CardHeader = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.header ?? cardHeader()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardBody = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.body ?? cardBody()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const CardFooter = ({\n  children,\n  classNames,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & {\n  classNames?: CardClassNames;\n}): ReactNode => {\n  return (\n    <div className={classNames?.footer ?? cardFooter()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Card = Object.assign(CardBase, {\n  Root: CardRoot,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"],"mappings":"0MAwBA,MAAa,GAAY,CACvB,WACA,aACA,GAAG,KAGD,EAAC,MAAD,CACE,UAAW,EAAG,GAAY,MAAQ,GAAM,CAAE,GAAY,MAAQ,GAAU,CAAC,CACzE,GAAI,EAEH,WACG,CAAA,CAIG,EAAW,EAEX,GAAc,CACzB,WACA,aACA,GAAG,KAKD,EAAC,MAAD,CAAK,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,WACG,CAAA,CAIG,GAAY,CACvB,WACA,aACA,GAAG,KAKD,EAAC,MAAD,CAAK,UAAW,GAAY,MAAQ,GAAU,CAAE,GAAI,EACjD,WACG,CAAA,CAIG,GAAc,CACzB,WACA,aACA,GAAG,KAKD,EAAC,MAAD,CAAK,UAAW,GAAY,QAAU,GAAY,CAAE,GAAI,EACrD,WACG,CAAA,CAIG,EAAO,OAAO,OAAO,EAAU,CAC1C,KAAM,EACN,OAAQ,EACR,KAAM,EACN,OAAQ,EACT,CAAC"}

package/dist/components/layouts/fluid-grid/FluidGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FluidGrid.mjs","names":[],"sources":["../../../../src/components/layouts/fluid-grid/FluidGrid.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { fluidGrid, fluidGridRoot } from '@mage-ui/styled-system/recipes';\n\nexport type FluidGridProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  columnSize?: string;\n  classNames?: {\n    fluidGrid?: string;\n    root?: string;\n  };\n};\n\nexport const FluidGrid = ({\n  children,\n  columnSize,\n  classNames,\n  ...props\n}: FluidGridProps): ReactNode => {\n  const style =\n    columnSize !== undefined\n      ? ({ '--fluid-grid-column-size': columnSize } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <div\n      className={cx(\n        classNames?.fluidGrid ?? fluidGrid(),\n        classNames?.root ?? fluidGridRoot(),\n      )}\n      style={style}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"sKAcA,MAAa,GAAa,CACxB,WACA,aACA,aACA,GAAG,KAC4B,CAC/B,IAAM,EACJ,IAAe,IAAA,GAGX,IAAA,GAFC,CAAE,2BAA4B,EAAY,CAIjD,OACE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACpC,CACM,QACP,GAAI,EAEH,YACG"}
+{"version":3,"file":"FluidGrid.mjs","names":[],"sources":["../../../../src/components/layouts/fluid-grid/FluidGrid.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { fluidGrid, fluidGridRoot } from '@mage-ui/styled-system/recipes';\n\nexport type FluidGridProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  columnSize?: string;\n  classNames?: {\n    fluidGrid?: string;\n    root?: string;\n  };\n};\n\nexport const FluidGrid = ({\n  children,\n  columnSize,\n  classNames,\n  ...props\n}: FluidGridProps): ReactNode => {\n  const style =\n    columnSize !== undefined\n      ? ({ '--fluid-grid-column-size': columnSize } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <div\n      className={cx(\n        classNames?.fluidGrid ?? fluidGrid(),\n        classNames?.root ?? fluidGridRoot(),\n      )}\n      style={style}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"sKAcA,MAAa,GAAa,CACxB,WACA,aACA,aACA,GAAG,KAC4B,CAC/B,IAAM,EACJ,IAAe,IAAA,GAGX,IAAA,GAFC,CAAE,2BAA4B,EAAY,CAIjD,OACE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,WAAa,GAAW,CACpC,GAAY,MAAQ,GAAe,CACpC,CACM,QACP,GAAI,EAEH,WACG,CAAA"}

package/dist/components/layouts/grid/Grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../../src/components/layouts/grid/Grid.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { gridColumn, gridRow } from '@mage-ui/styled-system/recipes';\n\nexport type GridClassNames = {\n  row?: string;\n  column?: string;\n};\n\ntype GridRowProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: Pick<GridClassNames, 'row'>;\n};\n\nconst GridRow = ({\n  children,\n  classNames,\n  className,\n  ...props\n}: GridRowProps) => {\n  return (\n    <div className={cx(classNames?.row ?? gridRow(), className)} {...props}>\n      {children}\n    </div>\n  );\n};\n\ntype GridColumnProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: Pick<GridClassNames, 'column'>;\n};\n\nconst GridColumn = ({\n  children,\n  classNames,\n  className,\n  ...props\n}: GridColumnProps) => {\n  return (\n    <div\n      className={cx(classNames?.column ?? gridColumn(), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nGridRow.displayName = 'Grid.Row';\nGridColumn.displayName = 'Grid.Column';\n\nexport const Grid = {\n  Row: GridRow,\n  Column: GridColumn,\n};\n"],"mappings":"iKAeA,MAAM,GAAW,CACf,WACA,aACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,EAAG,GAAY,KAAO,GAAS,CAAE,EAAU,CAAE,GAAI,EAC9D,YACG,CASJ,GAAc,CAClB,WACA,aACA,YACA,GAAG,KAGD,EAAC,MAAA,CACC,UAAW,EAAG,GAAY,QAAU,GAAY,CAAE,EAAU,CAC5D,GAAI,EAEH,YACG,CAIV,EAAQ,YAAc,WACtB,EAAW,YAAc,cAEzB,MAAa,EAAO,CAClB,IAAK,EACL,OAAQ,EACT"}
+{"version":3,"file":"Grid.mjs","names":[],"sources":["../../../../src/components/layouts/grid/Grid.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { gridColumn, gridRow } from '@mage-ui/styled-system/recipes';\n\nexport type GridClassNames = {\n  row?: string;\n  column?: string;\n};\n\ntype GridRowProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: Pick<GridClassNames, 'row'>;\n};\n\nconst GridRow = ({\n  children,\n  classNames,\n  className,\n  ...props\n}: GridRowProps) => {\n  return (\n    <div className={cx(classNames?.row ?? gridRow(), className)} {...props}>\n      {children}\n    </div>\n  );\n};\n\ntype GridColumnProps = HTMLAttributes<HTMLDivElement> & {\n  children?: ReactNode;\n  classNames?: Pick<GridClassNames, 'column'>;\n};\n\nconst GridColumn = ({\n  children,\n  classNames,\n  className,\n  ...props\n}: GridColumnProps) => {\n  return (\n    <div\n      className={cx(classNames?.column ?? gridColumn(), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nGridRow.displayName = 'Grid.Row';\nGridColumn.displayName = 'Grid.Column';\n\nexport const Grid = {\n  Row: GridRow,\n  Column: GridColumn,\n};\n"],"mappings":"iKAeA,MAAM,GAAW,CACf,WACA,aACA,YACA,GAAG,KAGD,EAAC,MAAD,CAAK,UAAW,EAAG,GAAY,KAAO,GAAS,CAAE,EAAU,CAAE,GAAI,EAC9D,WACG,CAAA,CASJ,GAAc,CAClB,WACA,aACA,YACA,GAAG,KAGD,EAAC,MAAD,CACE,UAAW,EAAG,GAAY,QAAU,GAAY,CAAE,EAAU,CAC5D,GAAI,EAEH,WACG,CAAA,CAIV,EAAQ,YAAc,WACtB,EAAW,YAAc,cAEzB,MAAa,EAAO,CAClB,IAAK,EACL,OAAQ,EACT"}

package/dist/components/misc/horizontal-divider/HorizontalDivider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalDivider.mjs","names":[],"sources":["../../../../src/components/misc/horizontal-divider/HorizontalDivider.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  horizontalDivider,\n  horizontalDividerRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type HorizontalDividerProps = {\n  classNames?: {\n    horizontalDivider?: string;\n    root?: string;\n  };\n};\nexport const HorizontalDivider = ({ classNames }: HorizontalDividerProps) => {\n  return (\n    <hr\n      className={cx(\n        classNames?.horizontalDivider ?? horizontalDivider(),\n        classNames?.root ?? horizontalDividerRoot(),\n      )}\n    />\n  );\n};\n"],"mappings":"sLAYA,MAAa,GAAqB,CAAE,gBAEhC,EAAC,KAAA,CACC,UAAW,EACT,GAAY,mBAAqB,GAAmB,CACpD,GAAY,MAAQ,GAAuB,CAC5C,CAAA,CACD"}
+{"version":3,"file":"HorizontalDivider.mjs","names":[],"sources":["../../../../src/components/misc/horizontal-divider/HorizontalDivider.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  horizontalDivider,\n  horizontalDividerRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type HorizontalDividerProps = {\n  classNames?: {\n    horizontalDivider?: string;\n    root?: string;\n  };\n};\nexport const HorizontalDivider = ({ classNames }: HorizontalDividerProps) => {\n  return (\n    <hr\n      className={cx(\n        classNames?.horizontalDivider ?? horizontalDivider(),\n        classNames?.root ?? horizontalDividerRoot(),\n      )}\n    />\n  );\n};\n"],"mappings":"sLAYA,MAAa,GAAqB,CAAE,gBAEhC,EAAC,KAAD,CACE,UAAW,EACT,GAAY,mBAAqB,GAAmB,CACpD,GAAY,MAAQ,GAAuB,CAC5C,CACD,CAAA"}

package/dist/components/misc/scroll-area/ScrollArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaClassNames = {\n  scrollArea?: string;\n  root?: string;\n  viewport?: string;\n  content?: string;\n  scrollbar?: string;\n  thumb?: string;\n  corner?: string;\n};\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  style?: React.CSSProperties;\n  classNames?: ScrollAreaClassNames;\n};\n\nexport const ScrollArea = ({\n  children,\n  classNames,\n  ...props\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUAmCA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,YACiB"}
+{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode, RefObject } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaClassNames = {\n  scrollArea?: string;\n  root?: string;\n  viewport?: string;\n  content?: string;\n  scrollbar?: string;\n  thumb?: string;\n  corner?: string;\n};\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  style?: React.CSSProperties;\n  classNames?: ScrollAreaClassNames;\n};\n\nexport const ScrollArea = ({\n  children,\n  classNames,\n  ...props\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUAmCA,MAAaA,GAAc,CACzB,WACA,aACA,GAAG,KAGD,EAACC,EAAD,CACE,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CACD,GAAI,EAEH,WACiB,CAAA"}

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  mah,\n  children,\n  classNames,\n  ...props\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      mah={mah}\n      style={{ maxHeight: mah, ...props.style }}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,MACA,WACA,aACA,GAAG,KAGD,EAACA,EAAkB,SAAA,CACZ,MACL,MAAO,CAAE,UAAW,EAAK,GAAG,EAAM,MAAO,CACzC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CACD,GAAI,EAEH,YAC0B"}
+{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  mah,\n  children,\n  classNames,\n  ...props\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      mah={mah}\n      style={{ maxHeight: mah, ...props.style }}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,MACA,WACA,aACA,GAAG,KAGD,EAACA,EAAkB,SAAnB,CACO,MACL,MAAO,CAAE,UAAW,EAAK,GAAG,EAAM,MAAO,CACzC,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CACD,GAAI,EAEH,WAC0B,CAAA"}

package/dist/components/misc/visually-hidden/VisuallyHidden.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.mjs","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n  children: ReactNode;\n} & ComponentPropsWithoutRef<'div'>;\n\nexport const VisuallyHidden = ({ children, ...props }: VisuallyHiddenProps) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJASA,MAAaA,GAAkB,CAAE,WAAU,GAAG,KAE1C,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,CACvB,CACD,GAAI,EAEH,YACqB"}
+{"version":3,"file":"VisuallyHidden.mjs","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../../src/components/misc/visually-hidden/VisuallyHidden.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n  children: ReactNode;\n} & ComponentPropsWithoutRef<'div'>;\n\nexport const VisuallyHidden = ({ children, ...props }: VisuallyHiddenProps) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJASA,MAAaA,GAAkB,CAAE,WAAU,GAAG,KAE1C,EAACC,EAAD,CACE,WAAY,CACV,KAAM,GAAgB,CACvB,CACD,GAAI,EAEH,WACqB,CAAA"}

package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.mjs","names":["Fragment"],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  Fragment,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbs,\n  breadcrumbsCurrent,\n  breadcrumbsItem,\n  breadcrumbsLink,\n  breadcrumbsList,\n  breadcrumbsRoot,\n  breadcrumbsSeparator,\n  breadcrumbsWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { BreadcrumbsBar } from './BreadcrumbsBar';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    breadcrumbs?: string;\n    root?: string;\n    wrapper?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n    current?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  const items = getItems(children);\n\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={cx(\n        classNames?.breadcrumbs ?? breadcrumbs(),\n        classNames?.root ?? breadcrumbsRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsWrapper()}>\n        <ol className={classNames?.list ?? breadcrumbsList()}>\n          {items.map((child, index) => (\n            <li\n              key={child.key ?? `breadcrumbs-item-${index}`}\n              className={classNames?.item ?? breadcrumbsItem()}\n            >\n              {index < items.length - 1 && (\n                <>\n                  {React.cloneElement(child, {\n                    className: breadcrumbsLink(),\n                    ...child.props,\n                  })}\n                  <span\n                    aria-hidden='true'\n                    className={classNames?.separator ?? breadcrumbsSeparator()}\n                  >\n                    {separator}\n                  </span>\n                </>\n              )}\n              {index === items.length - 1 && lastItem(child, classNames)}\n            </li>\n          ))}\n        </ol>\n      </div>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode; className?: string }>;\n\nconst getItems = (children: ReactNode): Child[] => {\n  return Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ children?: ReactNode }>(child)) {\n      return [];\n    }\n\n    if (child.type === Fragment) {\n      return getItems(child.props.children);\n    }\n\n    if (child.type === Item) {\n      return [child];\n    }\n\n    return [];\n  });\n};\n\nconst lastItem = (\n  child: Child,\n  classNames?: BreadcrumbsProps['classNames'],\n) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return (\n    <span\n      aria-current='page'\n      className={classNames?.current ?? breadcrumbsCurrent()}\n    >\n      {child}\n    </span>\n  );\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\nBreadcrumbs.Bar = BreadcrumbsBar;\n"],"mappings":"ydAsCA,MAAa,GAAe,CAC1B,YAAY,IACZ,WACA,gBACsB,CACtB,IAAM,EAAQ,EAAS,EAAS,CAEhC,OACE,EAAC,MAAA,CACC,aAAW,aACX,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAoB,UACzD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAiB,UACjD,EAAM,KAAK,EAAO,IACjB,EAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAiB,WAE/C,EAAQ,EAAM,OAAS,GACtB,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,aAAa,EAAO,CACzB,UAAW,GAAiB,CAC5B,GAAG,EAAM,MACV,CAAC,CACF,EAAC,OAAA,CACC,cAAY,OACZ,UAAW,GAAY,WAAa,GAAsB,UAEzD,GACI,CAAA,CAAA,CACN,CAEJ,IAAU,EAAM,OAAS,GAAK,EAAS,EAAO,EAAW,CAAA,EAjBrD,EAAM,KAAO,oBAAoB,IAkBnC,CACL,EACC,EACD,EACF,EAMJ,EAAY,GACT,EAAS,QAAQ,EAAS,CAAC,QAAS,GACpC,EAAyC,EAAM,CAIhD,EAAM,OAASA,EACV,EAAS,EAAM,MAAM,SAAS,CAGnC,EAAM,OAAS,EACV,CAAC,EAAM,CAGT,EAAE,CAXA,EAAE,CAYX,CAGE,GACJ,EACA,IACG,CACH,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,OAAO,EAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,EAAE,CAC9B,CAAgC,CAEnC,OACE,EAAC,OAAA,CACC,eAAa,OACb,UAAW,GAAY,SAAW,GAAoB,UAErD,GACI,EAQL,GAAQ,CAAE,cACP,EAGT,EAAK,YAAc,mBACnB,EAAY,KAAO,EACnB,EAAY,IAAM"}
+{"version":3,"file":"Breadcrumbs.mjs","names":["Fragment"],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  Fragment,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbs,\n  breadcrumbsCurrent,\n  breadcrumbsItem,\n  breadcrumbsLink,\n  breadcrumbsList,\n  breadcrumbsRoot,\n  breadcrumbsSeparator,\n  breadcrumbsWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { BreadcrumbsBar } from './BreadcrumbsBar';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    breadcrumbs?: string;\n    root?: string;\n    wrapper?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n    current?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  const items = getItems(children);\n\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={cx(\n        classNames?.breadcrumbs ?? breadcrumbs(),\n        classNames?.root ?? breadcrumbsRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsWrapper()}>\n        <ol className={classNames?.list ?? breadcrumbsList()}>\n          {items.map((child, index) => (\n            <li\n              key={child.key ?? `breadcrumbs-item-${index}`}\n              className={classNames?.item ?? breadcrumbsItem()}\n            >\n              {index < items.length - 1 && (\n                <>\n                  {React.cloneElement(child, {\n                    className: breadcrumbsLink(),\n                    ...child.props,\n                  })}\n                  <span\n                    aria-hidden='true'\n                    className={classNames?.separator ?? breadcrumbsSeparator()}\n                  >\n                    {separator}\n                  </span>\n                </>\n              )}\n              {index === items.length - 1 && lastItem(child, classNames)}\n            </li>\n          ))}\n        </ol>\n      </div>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode; className?: string }>;\n\nconst getItems = (children: ReactNode): Child[] => {\n  return Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ children?: ReactNode }>(child)) {\n      return [];\n    }\n\n    if (child.type === Fragment) {\n      return getItems(child.props.children);\n    }\n\n    if (child.type === Item) {\n      return [child];\n    }\n\n    return [];\n  });\n};\n\nconst lastItem = (\n  child: Child,\n  classNames?: BreadcrumbsProps['classNames'],\n) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return (\n    <span\n      aria-current='page'\n      className={classNames?.current ?? breadcrumbsCurrent()}\n    >\n      {child}\n    </span>\n  );\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\nBreadcrumbs.Bar = BreadcrumbsBar;\n"],"mappings":"ydAsCA,MAAa,GAAe,CAC1B,YAAY,IACZ,WACA,gBACsB,CACtB,IAAM,EAAQ,EAAS,EAAS,CAEhC,OACE,EAAC,MAAD,CACE,aAAW,aACX,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,UAED,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAoB,UACzD,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAiB,UACjD,EAAM,KAAK,EAAO,IACjB,EAAC,KAAD,CAEE,UAAW,GAAY,MAAQ,GAAiB,UAFlD,CAIG,EAAQ,EAAM,OAAS,GACtB,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,aAAa,EAAO,CACzB,UAAW,GAAiB,CAC5B,GAAG,EAAM,MACV,CAAC,CACF,EAAC,OAAD,CACE,cAAY,OACZ,UAAW,GAAY,WAAa,GAAsB,UAEzD,EACI,CAAA,CACN,CAAA,CAAA,CAEJ,IAAU,EAAM,OAAS,GAAK,EAAS,EAAO,EAAW,CACvD,EAlBE,EAAM,KAAO,oBAAoB,IAkBnC,CACL,CACC,CAAA,CACD,CAAA,CACF,CAAA,EAMJ,EAAY,GACT,EAAS,QAAQ,EAAS,CAAC,QAAS,GACpC,EAAyC,EAAM,CAIhD,EAAM,OAASA,EACV,EAAS,EAAM,MAAM,SAAS,CAGnC,EAAM,OAAS,EACV,CAAC,EAAM,CAGT,EAAE,CAXA,EAAE,CAYX,CAGE,GACJ,EACA,IACG,CACH,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,OAAO,EAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,EAAE,CAC9B,CAAgC,CAEnC,OACE,EAAC,OAAD,CACE,eAAa,OACb,UAAW,GAAY,SAAW,GAAoB,UAErD,EACI,CAAA,EAQL,GAAQ,CAAE,cACP,EAGT,EAAK,YAAc,mBACnB,EAAY,KAAO,EACnB,EAAY,IAAM"}

package/dist/components/navigations/breadcrumbs/BreadcrumbsBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsBar.mjs","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/BreadcrumbsBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbsBar,\n  breadcrumbsBarButtonBack,\n  breadcrumbsBarDivider,\n  breadcrumbsBarRoot,\n  breadcrumbsBarWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Icon } from '@/components/data-display';\n\nimport { Breadcrumbs } from './Breadcrumbs';\n\nexport type BreadcrumbsBarProps = {\n  backText?: ReactNode;\n  classNames?: {\n    breadcrumbsBar?: string;\n    root?: string;\n    wrapper?: string;\n    divider?: string;\n    buttonBack?: string;\n  };\n  children?: ReactNode;\n  onBack?: () => void;\n};\n\nexport const BreadcrumbsBar = ({\n  backText,\n  classNames,\n  children,\n  onBack,\n}: BreadcrumbsBarProps): ReactNode => {\n  return (\n    <div\n      className={cx(\n        classNames?.breadcrumbsBar ?? breadcrumbsBar(),\n        classNames?.root ?? breadcrumbsBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsBarWrapper()}>\n        <Button\n          startSlot={\n            <Icon path='/icons/sprite-mage.svg' name='mage-breadcrumbs-back' />\n          }\n          classNames={{\n            button: classNames?.buttonBack ?? breadcrumbsBarButtonBack(),\n          }}\n          onClick={onBack}\n        >\n          {backText}\n        </Button>\n        <span className={classNames?.divider ?? breadcrumbsBarDivider()} />\n        <Breadcrumbs\n          separator={\n            <Icon\n              path='/icons/sprite-mage.svg'\n              name='mage-breadcrumbs-separator'\n            />\n          }\n        >\n          {children}\n        </Breadcrumbs>\n      </div>\n    </div>\n  );\n};\n\nBreadcrumbsBar.displayName = 'Breadcrumbs.Bar';\n"],"mappings":"qbA4BA,MAAa,GAAkB,CAC7B,WACA,aACA,WACA,YAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAuB,WAC5D,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CAAK,KAAK,yBAAyB,KAAK,yBAA0B,CAErE,WAAY,CACV,OAAQ,GAAY,YAAc,GAA0B,CAC7D,CACD,QAAS,WAER,GACM,CACT,EAAC,OAAA,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAA,CAAI,CACnE,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CACC,KAAK,yBACL,KAAK,8BACL,CAGH,YACW,GACV,EACF,CAIV,EAAe,YAAc"}
+{"version":3,"file":"BreadcrumbsBar.mjs","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/BreadcrumbsBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbsBar,\n  breadcrumbsBarButtonBack,\n  breadcrumbsBarDivider,\n  breadcrumbsBarRoot,\n  breadcrumbsBarWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Icon } from '@/components/data-display';\n\nimport { Breadcrumbs } from './Breadcrumbs';\n\nexport type BreadcrumbsBarProps = {\n  backText?: ReactNode;\n  classNames?: {\n    breadcrumbsBar?: string;\n    root?: string;\n    wrapper?: string;\n    divider?: string;\n    buttonBack?: string;\n  };\n  children?: ReactNode;\n  onBack?: () => void;\n};\n\nexport const BreadcrumbsBar = ({\n  backText,\n  classNames,\n  children,\n  onBack,\n}: BreadcrumbsBarProps): ReactNode => {\n  return (\n    <div\n      className={cx(\n        classNames?.breadcrumbsBar ?? breadcrumbsBar(),\n        classNames?.root ?? breadcrumbsBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsBarWrapper()}>\n        <Button\n          startSlot={\n            <Icon path='/icons/sprite-mage.svg' name='mage-breadcrumbs-back' />\n          }\n          classNames={{\n            button: classNames?.buttonBack ?? breadcrumbsBarButtonBack(),\n          }}\n          onClick={onBack}\n        >\n          {backText}\n        </Button>\n        <span className={classNames?.divider ?? breadcrumbsBarDivider()} />\n        <Breadcrumbs\n          separator={\n            <Icon\n              path='/icons/sprite-mage.svg'\n              name='mage-breadcrumbs-separator'\n            />\n          }\n        >\n          {children}\n        </Breadcrumbs>\n      </div>\n    </div>\n  );\n};\n\nBreadcrumbsBar.displayName = 'Breadcrumbs.Bar';\n"],"mappings":"qbA4BA,MAAa,GAAkB,CAC7B,WACA,aACA,WACA,YAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,UAA9D,CACE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CAAM,KAAK,yBAAyB,KAAK,wBAA0B,CAAA,CAErE,WAAY,CACV,OAAQ,GAAY,YAAc,GAA0B,CAC7D,CACD,QAAS,WAER,EACM,CAAA,CACT,EAAC,OAAD,CAAM,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CACnE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACE,KAAK,yBACL,KAAK,6BACL,CAAA,CAGH,WACW,CAAA,CACV,GACF,CAAA,CAIV,EAAe,YAAc"}

package/dist/components/navigations/menu/Menu.d.mts

@@ -1,5 +1,4 @@
 import { ButtonProps } from "../../buttons/button/Button.mjs";
-import "../../buttons/index.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 

package/dist/components/navigations/menu/Menu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.mts","names":[],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"mappings":";;;;;;KAmBK,qBAAA,GAAwB,OAAA,CAAQ,WAAA;EAAA,CAClC,GAAA;AAAA;AAAA,KAGS,SAAA;EACV,MAAA,EAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,YAAA;EACA,MAAA;EACA,cAAA,IAAkB,MAAA;EAClB,QAAA;EAaA,KAAA;EACA,WAAA;EACA,MAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;IACA,WAAA;IACA,OAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,KAAA;MACA,OAAA;IAAA;EAAA;EAGJ,iBAAA,GAAoB,qBAAA;AAAA;AAAA,cAGT,IAAA;EAAA;;;;;;;;;;;;KAYV,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA8CsB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Menu.d.mts","names":[],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"mappings":";;;;;KAmBK,qBAAA,GAAwB,OAAA,CAAQ,WAAA;EAAA,CAClC,GAAA;AAAA;AAAA,KAGS,SAAA;EACV,MAAA,EAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,YAAA;EACA,MAAA;EACA,cAAA,IAAkB,MAAA;EAClB,QAAA;EAaA,KAAA;EACA,WAAA;EACA,MAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;IACA,WAAA;IACA,OAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,KAAA;MACA,OAAA;IAAA;EAAA;EAGJ,iBAAA,GAAoB,qBAAA;AAAA;AAAA,cAGT,IAAA;EAAA;;;;;;;;;;;;KAYV,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA8CsB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/navigations/menu/Menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.mjs","names":["Menu","MantineMenu","Button"],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  menu,\n  menuDivider,\n  menuItem,\n  menuItemLabel,\n  menuItemSection,\n  menuRoot,\n  menuTargetButton,\n  menuTargetButtonInner,\n  menuTargetButtonLabel,\n  menuTargetButtonRoot,\n  menuTargetButtonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Menu as MantineMenu, useCombobox } from '@mantine/core';\nimport { Button, type ButtonProps } from '@/components/buttons';\n\ntype MenuTargetButtonProps = Partial<ButtonProps> & {\n  [key: `data-${string}`]: string | number | boolean | undefined;\n};\n\nexport type MenuProps = {\n  target: ReactNode;\n  children: ReactNode;\n  withinPortal?: boolean;\n  opened?: boolean;\n  onOpenedChange?: (opened: boolean) => void;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  width?: number | string;\n  keepMounted?: boolean;\n  offset?: number;\n  classNames?: {\n    menu?: string;\n    root?: string;\n    item?: string;\n    itemLabel?: string;\n    itemSection?: string;\n    divider?: string;\n    target?: {\n      button: string;\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n    };\n  };\n  targetButtonProps?: MenuTargetButtonProps;\n};\n\nexport const Menu = ({\n  target,\n  children,\n  withinPortal,\n  opened,\n  onOpenedChange,\n  position,\n  width,\n  keepMounted,\n  offset,\n  classNames,\n  targetButtonProps,\n}: MenuProps) => {\n  const combobox = useCombobox({\n    onDropdownClose: () => combobox.resetSelectedOption(),\n  });\n\n  return (\n    <MantineMenu\n      offset={offset || 4}\n      withinPortal={withinPortal}\n      opened={opened}\n      onChange={onOpenedChange}\n      position={position}\n      width={width}\n      keepMounted={keepMounted}\n      classNames={{\n        dropdown: cx(\n          classNames?.menu ?? menu(),\n          classNames?.root ?? menuRoot(),\n        ),\n        item: classNames?.item ?? menuItem(),\n        itemLabel: classNames?.itemLabel ?? menuItemLabel(),\n        itemSection: classNames?.itemSection ?? menuItemSection(),\n        divider: classNames?.divider ?? menuDivider(),\n      }}\n    >\n      <MantineMenu.Target>\n        <Button\n          classNames={{\n            button: classNames?.target?.button ?? menuTargetButton(),\n            root: classNames?.target?.root ?? menuTargetButtonRoot(),\n            inner: classNames?.target?.inner ?? menuTargetButtonInner(),\n            label: classNames?.target?.label ?? menuTargetButtonLabel(),\n            section: classNames?.target?.section ?? menuTargetButtonSection(),\n          }}\n          onClick={() => combobox.toggleDropdown()}\n          {...targetButtonProps}\n        >\n          {target}\n        </Button>\n      </MantineMenu.Target>\n\n      <MantineMenu.Dropdown>{children}</MantineMenu.Dropdown>\n    </MantineMenu>\n  );\n};\n\nconst MenuItem = ({ children }: { children: ReactNode }) => {\n  return <MantineMenu.Item component='div'>{children}</MantineMenu.Item>;\n};\n\nconst MenuDivider = () => {\n  return <MantineMenu.Divider />;\n};\n\nMenu.Item = MenuItem;\nMenuItem.displayName = 'Menu.Item';\nMenu.Divider = MenuDivider;\nMenuDivider.displayName = 'Menu.Divider';\n"],"mappings":"+dA+DA,MAAaA,GAAQ,CACnB,SACA,WACA,eACA,SACA,iBACA,WACA,QACA,cACA,SACA,aACA,uBACe,CACf,IAAM,EAAW,EAAY,CAC3B,oBAAuB,EAAS,qBAAqB,CACtD,CAAC,CAEF,OACE,EAACC,EAAAA,CACC,OAAQ,GAAU,EACJ,eACN,SACR,SAAU,EACA,WACH,QACM,cACb,WAAY,CACV,SAAU,EACR,GAAY,MAAQ,GAAM,CAC1B,GAAY,MAAQ,GAAU,CAC/B,CACD,KAAM,GAAY,MAAQ,GAAU,CACpC,UAAW,GAAY,WAAa,GAAe,CACnD,YAAa,GAAY,aAAe,GAAiB,CACzD,QAAS,GAAY,SAAW,GAAa,CAC9C,WAED,EAACA,EAAY,OAAA,CAAA,SACX,EAACC,EAAAA,CACC,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAkB,CACxD,KAAM,GAAY,QAAQ,MAAQ,GAAsB,CACxD,MAAO,GAAY,QAAQ,OAAS,GAAuB,CAC3D,MAAO,GAAY,QAAQ,OAAS,GAAuB,CAC3D,QAAS,GAAY,QAAQ,SAAW,GAAyB,CAClE,CACD,YAAe,EAAS,gBAAgB,CACxC,GAAI,WAEH,GACM,CAAA,CACU,CAErB,EAACD,EAAY,SAAA,CAAU,WAAA,CAAgC,CAAA,EAC3C,EAIZ,GAAY,CAAE,cACX,EAACA,EAAY,KAAA,CAAK,UAAU,MAAO,YAA4B,CAGlE,MACG,EAACA,EAAY,QAAA,EAAA,CAAU,CAGhC,EAAK,KAAO,EACZ,EAAS,YAAc,YACvB,EAAK,QAAU,EACf,EAAY,YAAc"}
+{"version":3,"file":"Menu.mjs","names":["Menu","MantineMenu","Button"],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  menu,\n  menuDivider,\n  menuItem,\n  menuItemLabel,\n  menuItemSection,\n  menuRoot,\n  menuTargetButton,\n  menuTargetButtonInner,\n  menuTargetButtonLabel,\n  menuTargetButtonRoot,\n  menuTargetButtonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Menu as MantineMenu, useCombobox } from '@mantine/core';\nimport { Button, type ButtonProps } from '@/components/buttons';\n\ntype MenuTargetButtonProps = Partial<ButtonProps> & {\n  [key: `data-${string}`]: string | number | boolean | undefined;\n};\n\nexport type MenuProps = {\n  target: ReactNode;\n  children: ReactNode;\n  withinPortal?: boolean;\n  opened?: boolean;\n  onOpenedChange?: (opened: boolean) => void;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  width?: number | string;\n  keepMounted?: boolean;\n  offset?: number;\n  classNames?: {\n    menu?: string;\n    root?: string;\n    item?: string;\n    itemLabel?: string;\n    itemSection?: string;\n    divider?: string;\n    target?: {\n      button: string;\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n    };\n  };\n  targetButtonProps?: MenuTargetButtonProps;\n};\n\nexport const Menu = ({\n  target,\n  children,\n  withinPortal,\n  opened,\n  onOpenedChange,\n  position,\n  width,\n  keepMounted,\n  offset,\n  classNames,\n  targetButtonProps,\n}: MenuProps) => {\n  const combobox = useCombobox({\n    onDropdownClose: () => combobox.resetSelectedOption(),\n  });\n\n  return (\n    <MantineMenu\n      offset={offset || 4}\n      withinPortal={withinPortal}\n      opened={opened}\n      onChange={onOpenedChange}\n      position={position}\n      width={width}\n      keepMounted={keepMounted}\n      classNames={{\n        dropdown: cx(\n          classNames?.menu ?? menu(),\n          classNames?.root ?? menuRoot(),\n        ),\n        item: classNames?.item ?? menuItem(),\n        itemLabel: classNames?.itemLabel ?? menuItemLabel(),\n        itemSection: classNames?.itemSection ?? menuItemSection(),\n        divider: classNames?.divider ?? menuDivider(),\n      }}\n    >\n      <MantineMenu.Target>\n        <Button\n          classNames={{\n            button: classNames?.target?.button ?? menuTargetButton(),\n            root: classNames?.target?.root ?? menuTargetButtonRoot(),\n            inner: classNames?.target?.inner ?? menuTargetButtonInner(),\n            label: classNames?.target?.label ?? menuTargetButtonLabel(),\n            section: classNames?.target?.section ?? menuTargetButtonSection(),\n          }}\n          onClick={() => combobox.toggleDropdown()}\n          {...targetButtonProps}\n        >\n          {target}\n        </Button>\n      </MantineMenu.Target>\n\n      <MantineMenu.Dropdown>{children}</MantineMenu.Dropdown>\n    </MantineMenu>\n  );\n};\n\nconst MenuItem = ({ children }: { children: ReactNode }) => {\n  return <MantineMenu.Item component='div'>{children}</MantineMenu.Item>;\n};\n\nconst MenuDivider = () => {\n  return <MantineMenu.Divider />;\n};\n\nMenu.Item = MenuItem;\nMenuItem.displayName = 'Menu.Item';\nMenu.Divider = MenuDivider;\nMenuDivider.displayName = 'Menu.Divider';\n"],"mappings":"+dA+DA,MAAaA,GAAQ,CACnB,SACA,WACA,eACA,SACA,iBACA,WACA,QACA,cACA,SACA,aACA,uBACe,CACf,IAAM,EAAW,EAAY,CAC3B,oBAAuB,EAAS,qBAAqB,CACtD,CAAC,CAEF,OACE,EAACC,EAAD,CACE,OAAQ,GAAU,EACJ,eACN,SACR,SAAU,EACA,WACH,QACM,cACb,WAAY,CACV,SAAU,EACR,GAAY,MAAQ,GAAM,CAC1B,GAAY,MAAQ,GAAU,CAC/B,CACD,KAAM,GAAY,MAAQ,GAAU,CACpC,UAAW,GAAY,WAAa,GAAe,CACnD,YAAa,GAAY,aAAe,GAAiB,CACzD,QAAS,GAAY,SAAW,GAAa,CAC9C,UAjBH,CAmBE,EAACA,EAAY,OAAb,CAAA,SACE,EAACC,EAAD,CACE,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAkB,CACxD,KAAM,GAAY,QAAQ,MAAQ,GAAsB,CACxD,MAAO,GAAY,QAAQ,OAAS,GAAuB,CAC3D,MAAO,GAAY,QAAQ,OAAS,GAAuB,CAC3D,QAAS,GAAY,QAAQ,SAAW,GAAyB,CAClE,CACD,YAAe,EAAS,gBAAgB,CACxC,GAAI,WAEH,EACM,CAAA,CACU,CAAA,CAErB,EAACD,EAAY,SAAb,CAAuB,WAAgC,CAAA,CAC3C,IAIZ,GAAY,CAAE,cACX,EAACA,EAAY,KAAb,CAAkB,UAAU,MAAO,WAA4B,CAAA,CAGlE,MACG,EAACA,EAAY,QAAb,EAAuB,CAAA,CAGhC,EAAK,KAAO,EACZ,EAAS,YAAc,YACvB,EAAK,QAAU,EACf,EAAY,YAAc"}

package/dist/components/navigations/pagination/Pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.mjs","names":["MantinePagination","paginationRecipe","Pagination"],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  paginationControl,\n  paginationDots,\n  pagination as paginationRecipe,\n  paginationRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Pagination as MantinePagination } from '@mantine/core';\n\nexport type PaginationClassNames = {\n  pagination?: string;\n  root?: string;\n  control?: string;\n  dots?: string;\n};\n\nexport type PaginationRootProps = {\n  total: number;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  disabled?: boolean;\n  siblings?: number;\n  boundaries?: number;\n  withEdges?: boolean;\n  withControls?: boolean;\n  withPages?: boolean;\n  hideWithOnePage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onFirstPage?: () => void;\n  onLastPage?: () => void;\n  getItemProps?: (page: number) => Record<string, unknown>;\n  classNames?: PaginationClassNames;\n  children?: ReactNode;\n};\n\n// TODO: pagination datatable: buttons; pagination pages <a>\nconst Root = ({ classNames, ...props }: PaginationRootProps): ReactNode => {\n  return (\n    <MantinePagination.Root\n      classNames={{\n        root: cx(\n          classNames?.pagination ?? paginationRecipe(),\n          classNames?.root ?? paginationRoot(),\n        ),\n        control: classNames?.control ?? paginationControl(),\n        dots: classNames?.dots ?? paginationDots(),\n      }}\n      {...props}\n    />\n  );\n};\n\n// TODO: semantic markup: nav, ul, li\nexport const Pagination = {\n  Root,\n  First: MantinePagination.First,\n  Previous: MantinePagination.Previous,\n  Next: MantinePagination.Next,\n  Last: MantinePagination.Last,\n  Items: MantinePagination.Items,\n  Control: MantinePagination.Control,\n  Dots: MantinePagination.Dots,\n};\n"],"mappings":"8PAyDA,MAAaE,EAAa,CACxB,MAlBY,CAAE,aAAY,GAAG,KAE3B,EAACF,EAAkB,KAAA,CACjB,WAAY,CACV,KAAM,EACJ,GAAY,YAAcC,GAAkB,CAC5C,GAAY,MAAQ,GAAgB,CACrC,CACD,QAAS,GAAY,SAAW,GAAmB,CACnD,KAAM,GAAY,MAAQ,GAAgB,CAC3C,CACD,GAAI,GACJ,CAOJ,MAAOD,EAAkB,MACzB,SAAUA,EAAkB,SAC5B,KAAMA,EAAkB,KACxB,KAAMA,EAAkB,KACxB,MAAOA,EAAkB,MACzB,QAASA,EAAkB,QAC3B,KAAMA,EAAkB,KACzB"}
+{"version":3,"file":"Pagination.mjs","names":["MantinePagination","paginationRecipe","Pagination"],"sources":["../../../../src/components/navigations/pagination/Pagination.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  paginationControl,\n  paginationDots,\n  pagination as paginationRecipe,\n  paginationRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Pagination as MantinePagination } from '@mantine/core';\n\nexport type PaginationClassNames = {\n  pagination?: string;\n  root?: string;\n  control?: string;\n  dots?: string;\n};\n\nexport type PaginationRootProps = {\n  total: number;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  disabled?: boolean;\n  siblings?: number;\n  boundaries?: number;\n  withEdges?: boolean;\n  withControls?: boolean;\n  withPages?: boolean;\n  hideWithOnePage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onFirstPage?: () => void;\n  onLastPage?: () => void;\n  getItemProps?: (page: number) => Record<string, unknown>;\n  classNames?: PaginationClassNames;\n  children?: ReactNode;\n};\n\n// TODO: pagination datatable: buttons; pagination pages <a>\nconst Root = ({ classNames, ...props }: PaginationRootProps): ReactNode => {\n  return (\n    <MantinePagination.Root\n      classNames={{\n        root: cx(\n          classNames?.pagination ?? paginationRecipe(),\n          classNames?.root ?? paginationRoot(),\n        ),\n        control: classNames?.control ?? paginationControl(),\n        dots: classNames?.dots ?? paginationDots(),\n      }}\n      {...props}\n    />\n  );\n};\n\n// TODO: semantic markup: nav, ul, li\nexport const Pagination = {\n  Root,\n  First: MantinePagination.First,\n  Previous: MantinePagination.Previous,\n  Next: MantinePagination.Next,\n  Last: MantinePagination.Last,\n  Items: MantinePagination.Items,\n  Control: MantinePagination.Control,\n  Dots: MantinePagination.Dots,\n};\n"],"mappings":"8PAyDA,MAAaE,EAAa,CACxB,MAlBY,CAAE,aAAY,GAAG,KAE3B,EAACF,EAAkB,KAAnB,CACE,WAAY,CACV,KAAM,EACJ,GAAY,YAAcC,GAAkB,CAC5C,GAAY,MAAQ,GAAgB,CACrC,CACD,QAAS,GAAY,SAAW,GAAmB,CACnD,KAAM,GAAY,MAAQ,GAAgB,CAC3C,CACD,GAAI,EACJ,CAAA,CAOJ,MAAOD,EAAkB,MACzB,SAAUA,EAAkB,SAC5B,KAAMA,EAAkB,KACxB,KAAMA,EAAkB,KACxB,MAAOA,EAAkB,MACzB,QAASA,EAAkB,QAC3B,KAAMA,EAAkB,KACzB"}

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconRoot,\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider, useSidebarContext } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { SubNavItem } from './SidebarSubNavItem';\n\nexport type SidebarClassNames = {\n  sidebar?: string;\n  root?: string;\n  scrollArea?: string;\n  topSlot?: string;\n  bottomSlot?: string;\n  nav?: {\n    root?: string;\n    list?: string;\n    scrollArea?: string;\n  };\n  collapseButton?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  expandedItems?: string[];\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\ntype SidebarContentProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\nconst SidebarContent = ({\n  area = 'sidebar',\n  topSlot,\n  bottomSlot,\n  classNames,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarContentProps): ReactNode => {\n  const { isCollapsed, toggleCollapsed } = useSidebarContext();\n  const style =\n    area !== 'sidebar'\n      ? ({ '--sidebar-grid-area': area } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <div\n      data-collapsed={isCollapsed ? 'true' : 'false'}\n      className={cx(\n        classNames?.sidebar ?? sidebar(),\n        classNames?.root ?? sidebarRoot(),\n        'group',\n      )}\n      style={style}\n    >\n      {topSlot ? (\n        <div className={classNames?.topSlot ?? sidebarTopSlot()}>{topSlot}</div>\n      ) : null}\n\n      <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n        <ScrollAreaAutosize\n          mah='100%'\n          scrollbars='y'\n          type='hover'\n          classNames={{\n            scrollArea:\n              classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n          }}\n        >\n          <NavList classNames={classNames}>{children}</NavList>\n        </ScrollAreaAutosize>\n      </nav>\n\n      <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n        {bottomSlot ? (\n          bottomSlot\n        ) : (\n          <ButtonIcon\n            path='/icons/sprite-mage.svg'\n            name={isCollapsed ? 'mage-sidebar-expand' : 'mage-sidebar-collapse'}\n            label={\n              isCollapsed\n                ? collapseButtonLabelExpand\n                : collapseButtonLabelCollapse\n            }\n            classNames={{\n              root: classNames?.collapseButton ?? buttonIconRoot(),\n            }}\n            onClick={toggleCollapsed}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  expandedItems,\n  topSlot,\n  bottomSlot,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarProps): ReactNode => {\n  return (\n    <SidebarProvider\n      isCollapsed={isCollapsed}\n      defaultCollapsed={defaultCollapsed}\n      onCollapsedChange={onCollapsedChange}\n      expandedItems={expandedItems}\n    >\n      <SidebarContent\n        area={area}\n        classNames={classNames}\n        topSlot={topSlot}\n        bottomSlot={bottomSlot}\n        collapseButtonLabelCollapse={collapseButtonLabelCollapse}\n        collapseButtonLabelExpand={collapseButtonLabelExpand}\n      >\n        {children}\n      </SidebarContent>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.ItemLink = NavItemLink;\nSidebar.SubNav = SubNavItem;\n"],"mappings":"4xBA8DA,MAAM,GAAkB,CACtB,OAAO,UACP,UACA,aACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cACoC,CACpC,GAAM,CAAE,cAAa,mBAAoB,GAAmB,CACtD,EACJ,IAAS,UAGL,IAAA,GAFC,CAAE,sBAAuB,EAAM,CAItC,OACE,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAgB,UAAG,GAAc,CACtE,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CACC,IAAI,OACJ,WAAW,IACX,KAAK,QACL,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAA,CAAoB,aAAa,YAAmB,EAClC,EACjB,CAEN,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAmB,UAC1D,GAGC,EAAC,EAAA,CACC,KAAK,yBACL,KAAM,EAAc,sBAAwB,wBAC5C,MACE,EACI,EACA,EAEN,WAAY,CACV,KAAM,GAAY,gBAAkB,GAAgB,CACrD,CACD,QAAS,GACT,EAEA,GACF,EAIG,GAAW,CACtB,OAAO,UACP,aACA,cACA,mBAAmB,GACnB,oBACA,gBACA,UACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cAGE,EAAC,EAAA,CACc,cACK,mBACC,oBACJ,yBAEf,EAAC,EAAA,CACO,OACM,aACH,UACG,aACiB,8BACF,4BAE1B,YACc,EACD,CAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,SAAW,EACnB,EAAQ,OAAS"}
+{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconRoot,\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider, useSidebarContext } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { SubNavItem } from './SidebarSubNavItem';\n\nexport type SidebarClassNames = {\n  sidebar?: string;\n  root?: string;\n  scrollArea?: string;\n  topSlot?: string;\n  bottomSlot?: string;\n  nav?: {\n    root?: string;\n    list?: string;\n    scrollArea?: string;\n  };\n  collapseButton?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  expandedItems?: string[];\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\ntype SidebarContentProps = {\n  area?: string;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  classNames?: SidebarClassNames;\n  collapseButtonLabelCollapse?: string;\n  collapseButtonLabelExpand?: string;\n  children?: ReactNode;\n};\n\nconst SidebarContent = ({\n  area = 'sidebar',\n  topSlot,\n  bottomSlot,\n  classNames,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarContentProps): ReactNode => {\n  const { isCollapsed, toggleCollapsed } = useSidebarContext();\n  const style =\n    area !== 'sidebar'\n      ? ({ '--sidebar-grid-area': area } as CSSProperties &\n          Record<string, string>)\n      : undefined;\n\n  return (\n    <div\n      data-collapsed={isCollapsed ? 'true' : 'false'}\n      className={cx(\n        classNames?.sidebar ?? sidebar(),\n        classNames?.root ?? sidebarRoot(),\n        'group',\n      )}\n      style={style}\n    >\n      {topSlot ? (\n        <div className={classNames?.topSlot ?? sidebarTopSlot()}>{topSlot}</div>\n      ) : null}\n\n      <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n        <ScrollAreaAutosize\n          mah='100%'\n          scrollbars='y'\n          type='hover'\n          classNames={{\n            scrollArea:\n              classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n          }}\n        >\n          <NavList classNames={classNames}>{children}</NavList>\n        </ScrollAreaAutosize>\n      </nav>\n\n      <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n        {bottomSlot ? (\n          bottomSlot\n        ) : (\n          <ButtonIcon\n            path='/icons/sprite-mage.svg'\n            name={isCollapsed ? 'mage-sidebar-expand' : 'mage-sidebar-collapse'}\n            label={\n              isCollapsed\n                ? collapseButtonLabelExpand\n                : collapseButtonLabelCollapse\n            }\n            classNames={{\n              root: classNames?.collapseButton ?? buttonIconRoot(),\n            }}\n            onClick={toggleCollapsed}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  expandedItems,\n  topSlot,\n  bottomSlot,\n  collapseButtonLabelCollapse = 'Collapse',\n  collapseButtonLabelExpand = 'Expand',\n  children,\n}: SidebarProps): ReactNode => {\n  return (\n    <SidebarProvider\n      isCollapsed={isCollapsed}\n      defaultCollapsed={defaultCollapsed}\n      onCollapsedChange={onCollapsedChange}\n      expandedItems={expandedItems}\n    >\n      <SidebarContent\n        area={area}\n        classNames={classNames}\n        topSlot={topSlot}\n        bottomSlot={bottomSlot}\n        collapseButtonLabelCollapse={collapseButtonLabelCollapse}\n        collapseButtonLabelExpand={collapseButtonLabelExpand}\n      >\n        {children}\n      </SidebarContent>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.ItemLink = NavItemLink;\nSidebar.SubNav = SubNavItem;\n"],"mappings":"4xBA8DA,MAAM,GAAkB,CACtB,OAAO,UACP,UACA,aACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cACoC,CACpC,GAAM,CAAE,cAAa,mBAAoB,GAAmB,CACtD,EACJ,IAAS,UAGL,IAAA,GAFC,CAAE,sBAAuB,EAAM,CAItC,OACE,EAAC,MAAD,CACE,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,iBAPT,CASG,EACC,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAgB,UAAG,EAAc,CAAA,CACtE,KAEJ,EAAC,MAAD,CAAK,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAD,CACE,IAAI,OACJ,WAAW,IACX,KAAK,QACL,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAD,CAAqB,aAAa,WAAmB,CAAA,CAClC,CAAA,CACjB,CAAA,CAEN,EAAC,MAAD,CAAK,UAAW,GAAY,YAAc,GAAmB,UAC1D,GAGC,EAAC,EAAD,CACE,KAAK,yBACL,KAAM,EAAc,sBAAwB,wBAC5C,MACE,EACI,EACA,EAEN,WAAY,CACV,KAAM,GAAY,gBAAkB,GAAgB,CACrD,CACD,QAAS,EACT,CAAA,CAEA,CAAA,CACF,IAIG,GAAW,CACtB,OAAO,UACP,aACA,cACA,mBAAmB,GACnB,oBACA,gBACA,UACA,aACA,8BAA8B,WAC9B,4BAA4B,SAC5B,cAGE,EAAC,EAAD,CACe,cACK,mBACC,oBACJ,yBAEf,EAAC,EAAD,CACQ,OACM,aACH,UACG,aACiB,8BACF,4BAE1B,WACc,CAAA,CACD,CAAA,CAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,SAAW,EACnB,EAAQ,OAAS"}

package/dist/components/navigations/sidebars/sidebar/SidebarContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarContext.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarContext.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useState,\n} from 'react';\n\n// ---------------------------------------------------------------------------\n// Contexto para detectar el nivel de profundidad y aplicar isSubnav\n// ---------------------------------------------------------------------------\n\nconst SubnavDepthContext = createContext(0);\n\nexport const useSubnavDepth = () => useContext(SubnavDepthContext);\n\nexport const SubnavDepthProvider = SubnavDepthContext.Provider;\n\n// ---------------------------------------------------------------------------\n// Contexto para controlar el menu y poder desactivar tooltips\n// ---------------------------------------------------------------------------\n\nconst MenuModeContext = createContext(false);\n\nexport const useMenuMode = () => useContext(MenuModeContext);\n\nexport const MenuModeProvider = MenuModeContext.Provider;\n\n// ---------------------------------------------------------------------------\n// Contexto Sidebar\n// ---------------------------------------------------------------------------\n\ntype SidebarAction =\n  | { type: 'TOGGLE'; id: string }\n  | { type: 'OPEN_ONLY'; id: string }\n  | { type: 'CLOSE'; id: string }\n  | { type: 'CLOSE_ALL' };\n\nconst reducer = (state: string[], action: SidebarAction): string[] => {\n  switch (action.type) {\n    case 'TOGGLE':\n      return state.includes(action.id)\n        ? state.filter((id) => id !== action.id)\n        : [...state, action.id];\n\n    case 'OPEN_ONLY':\n      return [action.id];\n\n    case 'CLOSE':\n      return state.filter((id) => id !== action.id);\n\n    case 'CLOSE_ALL':\n      return [];\n  }\n};\n\ntype SidebarContextValue = {\n  isCollapsed: boolean;\n  toggleCollapsed: () => void;\n  isItemExpanded: (id: string) => boolean;\n  toggleItem: (id: string) => void;\n};\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport const useSidebarContext = (): SidebarContextValue => {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\n      'Sidebar compound components must be used within <Sidebar>.',\n    );\n  }\n  return ctx;\n};\n\ntype SidebarProviderProps = {\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  expandedItems?: string[];\n  children: ReactNode;\n};\n\nexport const SidebarProvider = ({\n  isCollapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  expandedItems = [],\n  children,\n}: SidebarProviderProps) => {\n  const [uncontrolledCollapsed, setUncontrolledCollapsed] =\n    useState(defaultCollapsed);\n  const isCollapsed = controlledCollapsed ?? uncontrolledCollapsed;\n  const [expanded, dispatch] = useReducer(reducer, expandedItems);\n\n  const toggleCollapsed = useCallback(() => {\n    const nextCollapsed = !isCollapsed;\n\n    if (controlledCollapsed === undefined) {\n      setUncontrolledCollapsed(nextCollapsed);\n    }\n\n    onCollapsedChange?.(nextCollapsed);\n  }, [isCollapsed, controlledCollapsed, onCollapsedChange]);\n\n  useEffect(() => {\n    if (isCollapsed) dispatch({ type: 'CLOSE_ALL' });\n  }, [isCollapsed]);\n\n  const toggleItem = useCallback(\n    (id: string) => {\n      if (isCollapsed) {\n        dispatch(\n          expanded.includes(id)\n            ? { type: 'CLOSE', id }\n            : { type: 'OPEN_ONLY', id },\n        );\n      } else {\n        dispatch({ type: 'TOGGLE', id });\n      }\n    },\n    [isCollapsed, expanded],\n  );\n\n  return (\n    <SidebarContext.Provider\n      value={{\n        isCollapsed,\n        toggleCollapsed,\n        isItemExpanded: (id) => expanded.includes(id),\n        toggleItem,\n      }}\n    >\n      {children}\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":"4JAcA,MAAM,EAAqB,EAAc,EAAE,CAE9B,MAAuB,EAAW,EAAmB,CAErD,EAAsB,EAAmB,SAMhD,EAAkB,EAAc,GAAM,CAE/B,MAAoB,EAAW,EAAgB,CAE/C,EAAmB,EAAgB,SAY1C,GAAW,EAAiB,IAAoC,CACpE,OAAQ,EAAO,KAAf,CACE,IAAK,SACH,OAAO,EAAM,SAAS,EAAO,GAAG,CAC5B,EAAM,OAAQ,GAAO,IAAO,EAAO,GAAG,CACtC,CAAC,GAAG,EAAO,EAAO,GAAG,CAE3B,IAAK,YACH,MAAO,CAAC,EAAO,GAAG,CAEpB,IAAK,QACH,OAAO,EAAM,OAAQ,GAAO,IAAO,EAAO,GAAG,CAE/C,IAAK,YACH,MAAO,EAAE,GAWT,EAAiB,EAA0C,KAAK,CAEzD,MAA+C,CAC1D,IAAM,EAAM,EAAW,EAAe,CACtC,GAAI,CAAC,EACH,MAAU,MACR,6DACD,CAEH,OAAO,GAWI,GAAmB,CAC9B,YAAa,EACb,mBAAmB,GACnB,oBACA,gBAAgB,EAAE,CAClB,cAC0B,CAC1B,GAAM,CAAC,EAAuB,GAC5B,EAAS,EAAiB,CACtB,EAAc,GAAuB,EACrC,CAAC,EAAU,GAAY,EAAW,EAAS,EAAc,CAEzD,EAAkB,MAAkB,CACxC,IAAM,EAAgB,CAAC,EAEnB,IAAwB,IAAA,IAC1B,EAAyB,EAAc,CAGzC,IAAoB,EAAc,EACjC,CAAC,EAAa,EAAqB,EAAkB,CAAC,CAEzD,MAAgB,CACV,GAAa,EAAS,CAAE,KAAM,YAAa,CAAC,EAC/C,CAAC,EAAY,CAAC,CAEjB,IAAM,EAAa,EAChB,GAAe,CAEZ,EADE,EAEA,EAAS,SAAS,EAAG,CACjB,CAAE,KAAM,QAAS,KAAI,CACrB,CAAE,KAAM,YAAa,KAAI,CAGtB,CAAE,KAAM,SAAU,KAAI,CAAC,EAGpC,CAAC,EAAa,EAAS,CACxB,CAED,OACE,EAAC,EAAe,SAAA,CACd,MAAO,CACL,cACA,kBACA,eAAiB,GAAO,EAAS,SAAS,EAAG,CAC7C,aACD,CAEA,YACuB"}
+{"version":3,"file":"SidebarContext.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarContext.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useState,\n} from 'react';\n\n// ---------------------------------------------------------------------------\n// Contexto para detectar el nivel de profundidad y aplicar isSubnav\n// ---------------------------------------------------------------------------\n\nconst SubnavDepthContext = createContext(0);\n\nexport const useSubnavDepth = () => useContext(SubnavDepthContext);\n\nexport const SubnavDepthProvider = SubnavDepthContext.Provider;\n\n// ---------------------------------------------------------------------------\n// Contexto para controlar el menu y poder desactivar tooltips\n// ---------------------------------------------------------------------------\n\nconst MenuModeContext = createContext(false);\n\nexport const useMenuMode = () => useContext(MenuModeContext);\n\nexport const MenuModeProvider = MenuModeContext.Provider;\n\n// ---------------------------------------------------------------------------\n// Contexto Sidebar\n// ---------------------------------------------------------------------------\n\ntype SidebarAction =\n  | { type: 'TOGGLE'; id: string }\n  | { type: 'OPEN_ONLY'; id: string }\n  | { type: 'CLOSE'; id: string }\n  | { type: 'CLOSE_ALL' };\n\nconst reducer = (state: string[], action: SidebarAction): string[] => {\n  switch (action.type) {\n    case 'TOGGLE':\n      return state.includes(action.id)\n        ? state.filter((id) => id !== action.id)\n        : [...state, action.id];\n\n    case 'OPEN_ONLY':\n      return [action.id];\n\n    case 'CLOSE':\n      return state.filter((id) => id !== action.id);\n\n    case 'CLOSE_ALL':\n      return [];\n  }\n};\n\ntype SidebarContextValue = {\n  isCollapsed: boolean;\n  toggleCollapsed: () => void;\n  isItemExpanded: (id: string) => boolean;\n  toggleItem: (id: string) => void;\n};\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport const useSidebarContext = (): SidebarContextValue => {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\n      'Sidebar compound components must be used within <Sidebar>.',\n    );\n  }\n  return ctx;\n};\n\ntype SidebarProviderProps = {\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  expandedItems?: string[];\n  children: ReactNode;\n};\n\nexport const SidebarProvider = ({\n  isCollapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  expandedItems = [],\n  children,\n}: SidebarProviderProps) => {\n  const [uncontrolledCollapsed, setUncontrolledCollapsed] =\n    useState(defaultCollapsed);\n  const isCollapsed = controlledCollapsed ?? uncontrolledCollapsed;\n  const [expanded, dispatch] = useReducer(reducer, expandedItems);\n\n  const toggleCollapsed = useCallback(() => {\n    const nextCollapsed = !isCollapsed;\n\n    if (controlledCollapsed === undefined) {\n      setUncontrolledCollapsed(nextCollapsed);\n    }\n\n    onCollapsedChange?.(nextCollapsed);\n  }, [isCollapsed, controlledCollapsed, onCollapsedChange]);\n\n  useEffect(() => {\n    if (isCollapsed) dispatch({ type: 'CLOSE_ALL' });\n  }, [isCollapsed]);\n\n  const toggleItem = useCallback(\n    (id: string) => {\n      if (isCollapsed) {\n        dispatch(\n          expanded.includes(id)\n            ? { type: 'CLOSE', id }\n            : { type: 'OPEN_ONLY', id },\n        );\n      } else {\n        dispatch({ type: 'TOGGLE', id });\n      }\n    },\n    [isCollapsed, expanded],\n  );\n\n  return (\n    <SidebarContext.Provider\n      value={{\n        isCollapsed,\n        toggleCollapsed,\n        isItemExpanded: (id) => expanded.includes(id),\n        toggleItem,\n      }}\n    >\n      {children}\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":"4JAcA,MAAM,EAAqB,EAAc,EAAE,CAE9B,MAAuB,EAAW,EAAmB,CAErD,EAAsB,EAAmB,SAMhD,EAAkB,EAAc,GAAM,CAE/B,MAAoB,EAAW,EAAgB,CAE/C,EAAmB,EAAgB,SAY1C,GAAW,EAAiB,IAAoC,CACpE,OAAQ,EAAO,KAAf,CACE,IAAK,SACH,OAAO,EAAM,SAAS,EAAO,GAAG,CAC5B,EAAM,OAAQ,GAAO,IAAO,EAAO,GAAG,CACtC,CAAC,GAAG,EAAO,EAAO,GAAG,CAE3B,IAAK,YACH,MAAO,CAAC,EAAO,GAAG,CAEpB,IAAK,QACH,OAAO,EAAM,OAAQ,GAAO,IAAO,EAAO,GAAG,CAE/C,IAAK,YACH,MAAO,EAAE,GAWT,EAAiB,EAA0C,KAAK,CAEzD,MAA+C,CAC1D,IAAM,EAAM,EAAW,EAAe,CACtC,GAAI,CAAC,EACH,MAAU,MACR,6DACD,CAEH,OAAO,GAWI,GAAmB,CAC9B,YAAa,EACb,mBAAmB,GACnB,oBACA,gBAAgB,EAAE,CAClB,cAC0B,CAC1B,GAAM,CAAC,EAAuB,GAC5B,EAAS,EAAiB,CACtB,EAAc,GAAuB,EACrC,CAAC,EAAU,GAAY,EAAW,EAAS,EAAc,CAEzD,EAAkB,MAAkB,CACxC,IAAM,EAAgB,CAAC,EAEnB,IAAwB,IAAA,IAC1B,EAAyB,EAAc,CAGzC,IAAoB,EAAc,EACjC,CAAC,EAAa,EAAqB,EAAkB,CAAC,CAEzD,MAAgB,CACV,GAAa,EAAS,CAAE,KAAM,YAAa,CAAC,EAC/C,CAAC,EAAY,CAAC,CAEjB,IAAM,EAAa,EAChB,GAAe,CAEZ,EADE,EAEA,EAAS,SAAS,EAAG,CACjB,CAAE,KAAM,QAAS,KAAI,CACrB,CAAE,KAAM,YAAa,KAAI,CAGtB,CAAE,KAAM,SAAU,KAAI,CAAC,EAGpC,CAAC,EAAa,EAAS,CACxB,CAED,OACE,EAAC,EAAe,SAAhB,CACE,MAAO,CACL,cACA,kBACA,eAAiB,GAAO,EAAS,SAAS,EAAG,CAC7C,aACD,CAEA,WACuB,CAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavGroup.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarNavGroup,\n  sidebarNavGroupTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavList } from './SidebarNavList';\n\ntype NavGroupProps = {\n  title?: string;\n  children?: ReactNode;\n  classNames?: {\n    group?: string;\n    groupTitle?: string;\n  };\n  isVisible?: boolean;\n};\n\nexport const NavGroup = ({\n  title,\n  isVisible = true,\n  children,\n  classNames,\n}: NavGroupProps) => {\n  if (!isVisible) return null;\n\n  return (\n    <li className={classNames?.group ?? sidebarNavGroup()}>\n      {title ? (\n        <p className={classNames?.groupTitle ?? sidebarNavGroupTitle()}>\n          {title}\n        </p>\n      ) : null}\n      <NavList>{children}</NavList>\n    </li>\n  );\n};\n\nNavGroup.displayName = 'Sidebar.NavGroup';\n"],"mappings":"4LAmBA,MAAa,GAAY,CACvB,QACA,YAAY,GACZ,WACA,gBAEK,EAGH,EAAC,KAAA,CAAG,UAAW,GAAY,OAAS,GAAiB,WAClD,EACC,EAAC,IAAA,CAAE,UAAW,GAAY,YAAc,GAAsB,UAC3D,GACC,CACF,KACJ,EAAC,EAAA,CAAS,WAAA,CAAmB,CAAA,EAC1B,CAVgB,KAczB,EAAS,YAAc"}
+{"version":3,"file":"SidebarNavGroup.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarNavGroup,\n  sidebarNavGroupTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavList } from './SidebarNavList';\n\ntype NavGroupProps = {\n  title?: string;\n  children?: ReactNode;\n  classNames?: {\n    group?: string;\n    groupTitle?: string;\n  };\n  isVisible?: boolean;\n};\n\nexport const NavGroup = ({\n  title,\n  isVisible = true,\n  children,\n  classNames,\n}: NavGroupProps) => {\n  if (!isVisible) return null;\n\n  return (\n    <li className={classNames?.group ?? sidebarNavGroup()}>\n      {title ? (\n        <p className={classNames?.groupTitle ?? sidebarNavGroupTitle()}>\n          {title}\n        </p>\n      ) : null}\n      <NavList>{children}</NavList>\n    </li>\n  );\n};\n\nNavGroup.displayName = 'Sidebar.NavGroup';\n"],"mappings":"4LAmBA,MAAa,GAAY,CACvB,QACA,YAAY,GACZ,WACA,gBAEK,EAGH,EAAC,KAAD,CAAI,UAAW,GAAY,OAAS,GAAiB,UAArD,CACG,EACC,EAAC,IAAD,CAAG,UAAW,GAAY,YAAc,GAAsB,UAC3D,EACC,CAAA,CACF,KACJ,EAAC,EAAD,CAAU,WAAmB,CAAA,CAC1B,GAVgB,KAczB,EAAS,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebarNavItem,\n  sidebarSubnavItem,\n} from '@mage-ui/styled-system/recipes';\n\nimport { useSubnavDepth } from './SidebarContext';\n\ntype NavItemProps = {\n  children?: ReactNode;\n  classNames?: {\n    item?: string;\n    subnavItem?: string;\n  };\n  isVisible?: boolean;\n};\n\nexport const NavItem = ({\n  isVisible = true,\n  classNames,\n  children,\n}: NavItemProps) => {\n  const isSubnav = useSubnavDepth() > 0;\n\n  if (!isVisible) return null;\n\n  const itemClassName = isSubnav\n    ? (classNames?.subnavItem ?? sidebarSubnavItem())\n    : (classNames?.item ?? sidebarNavItem());\n\n  return <li className={cx(itemClassName)}>{children}</li>;\n};\n"],"mappings":"qOAmBA,MAAa,GAAW,CACtB,YAAY,GACZ,aACA,cACkB,CAClB,IAAM,EAAW,GAAgB,CAAG,EAQpC,OANK,EAME,EAAC,KAAA,CAAG,UAAW,EAJA,EACjB,GAAY,YAAc,GAAmB,CAC7C,GAAY,MAAQ,GAAgB,CAEF,CAAG,YAAc,CANjC"}
+{"version":3,"file":"SidebarNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebarNavItem,\n  sidebarSubnavItem,\n} from '@mage-ui/styled-system/recipes';\n\nimport { useSubnavDepth } from './SidebarContext';\n\ntype NavItemProps = {\n  children?: ReactNode;\n  classNames?: {\n    item?: string;\n    subnavItem?: string;\n  };\n  isVisible?: boolean;\n};\n\nexport const NavItem = ({\n  isVisible = true,\n  classNames,\n  children,\n}: NavItemProps) => {\n  const isSubnav = useSubnavDepth() > 0;\n\n  if (!isVisible) return null;\n\n  const itemClassName = isSubnav\n    ? (classNames?.subnavItem ?? sidebarSubnavItem())\n    : (classNames?.item ?? sidebarNavItem());\n\n  return <li className={cx(itemClassName)}>{children}</li>;\n};\n"],"mappings":"qOAmBA,MAAa,GAAW,CACtB,YAAY,GACZ,aACA,cACkB,CAClB,IAAM,EAAW,GAAgB,CAAG,EAQpC,OANK,EAME,EAAC,KAAD,CAAI,UAAW,EAJA,EACjB,GAAY,YAAc,GAAmB,CAC7C,GAAY,MAAQ,GAAgB,CAEF,CAAG,WAAc,CAAA,CANjC"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemButton.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButton.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\n\nimport {\n  sidebarNavItemButtonIconToggle,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonRoot,\n  sidebarNavItemButtonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Icon } from '@/components/data-display';\n\nimport { useSidebarContext } from './SidebarContext';\nimport { NavItemButtonCollapsed } from './SidebarNavItemButtonCollapsed';\n\nexport type NavItemButtonProps = {\n  label?: ReactNode;\n  children?: ReactNode;\n  startSlot: ReactNode;\n  endSlot?: ReactNode;\n  onClick?: () => void;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n      iconToggle?: string;\n    };\n  };\n  isVisible?: boolean;\n};\n\nexport const NavItemButton = ({\n  label,\n  children,\n  startSlot,\n  endSlot,\n  onClick,\n  classNames,\n  isVisible = true,\n}: NavItemButtonProps) => {\n  const { isCollapsed, isItemExpanded, toggleItem } = useSidebarContext();\n  const itemId = useId();\n  const isExpanded = isItemExpanded(itemId);\n\n  if (!isVisible) return null;\n\n  const handleToggle = () => {\n    toggleItem(itemId);\n    onClick?.();\n  };\n\n  if (isCollapsed) {\n    return (\n      <NavItemButtonCollapsed\n        itemId={itemId}\n        startSlot={startSlot}\n        label={label}\n        classNames={classNames}\n      >\n        {children}\n      </NavItemButtonCollapsed>\n    );\n  }\n\n  return (\n    <>\n      <Button\n        type='button'\n        aria-expanded={isExpanded || undefined}\n        data-expanded={isExpanded || undefined}\n        classNames={{\n          root: classNames?.button?.root ?? sidebarNavItemButtonRoot(),\n          inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n          label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n          section: classNames?.button?.section ?? sidebarNavItemButtonSection(),\n        }}\n        startSlot={startSlot}\n        endSlot={\n          endSlot ?? (\n            <Icon\n              path='/icons/sprite-mage.svg'\n              name={\n                isExpanded\n                  ? 'mage-sidebar-subnav-toogle-minus'\n                  : 'mage-sidebar-subnav-toogle-plus'\n              }\n              classNames={{\n                icon:\n                  classNames?.button?.iconToggle ??\n                  sidebarNavItemButtonIconToggle(),\n              }}\n            />\n          )\n        }\n        onClick={handleToggle}\n      >\n        {label}\n      </Button>\n\n      {isExpanded ? children : null}\n    </>\n  );\n};\n"],"mappings":"8iBAiCA,MAAa,GAAiB,CAC5B,QACA,WACA,YACA,UACA,UACA,aACA,YAAY,MACY,CACxB,GAAM,CAAE,cAAa,iBAAgB,cAAe,GAAmB,CACjE,EAAS,GAAO,CAChB,EAAa,EAAe,EAAO,CAEzC,GAAI,CAAC,EAAW,OAAO,KAEvB,IAAM,MAAqB,CACzB,EAAW,EAAO,CAClB,KAAW,EAgBb,OAbI,EAEA,EAAC,EAAA,CACS,SACG,YACJ,QACK,aAEX,YACsB,CAK3B,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CACC,KAAK,SACL,gBAAe,GAAc,IAAA,GAC7B,gBAAe,GAAc,IAAA,GAC7B,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAA0B,CAC5D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QAAS,GAAY,QAAQ,SAAW,GAA6B,CACtE,CACU,YACX,QACE,GACE,EAAC,EAAA,CACC,KAAK,yBACL,KACE,EACI,mCACA,kCAEN,WAAY,CACV,KACE,GAAY,QAAQ,YACpB,GAAgC,CACnC,EACD,CAGN,QAAS,WAER,GACM,CAER,EAAa,EAAW,KAAA,CAAA,CACxB"}
+{"version":3,"file":"SidebarNavItemButton.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButton.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\n\nimport {\n  sidebarNavItemButtonIconToggle,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonRoot,\n  sidebarNavItemButtonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Icon } from '@/components/data-display';\n\nimport { useSidebarContext } from './SidebarContext';\nimport { NavItemButtonCollapsed } from './SidebarNavItemButtonCollapsed';\n\nexport type NavItemButtonProps = {\n  label?: ReactNode;\n  children?: ReactNode;\n  startSlot: ReactNode;\n  endSlot?: ReactNode;\n  onClick?: () => void;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n      iconToggle?: string;\n    };\n  };\n  isVisible?: boolean;\n};\n\nexport const NavItemButton = ({\n  label,\n  children,\n  startSlot,\n  endSlot,\n  onClick,\n  classNames,\n  isVisible = true,\n}: NavItemButtonProps) => {\n  const { isCollapsed, isItemExpanded, toggleItem } = useSidebarContext();\n  const itemId = useId();\n  const isExpanded = isItemExpanded(itemId);\n\n  if (!isVisible) return null;\n\n  const handleToggle = () => {\n    toggleItem(itemId);\n    onClick?.();\n  };\n\n  if (isCollapsed) {\n    return (\n      <NavItemButtonCollapsed\n        itemId={itemId}\n        startSlot={startSlot}\n        label={label}\n        classNames={classNames}\n      >\n        {children}\n      </NavItemButtonCollapsed>\n    );\n  }\n\n  return (\n    <>\n      <Button\n        type='button'\n        aria-expanded={isExpanded || undefined}\n        data-expanded={isExpanded || undefined}\n        classNames={{\n          root: classNames?.button?.root ?? sidebarNavItemButtonRoot(),\n          inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n          label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n          section: classNames?.button?.section ?? sidebarNavItemButtonSection(),\n        }}\n        startSlot={startSlot}\n        endSlot={\n          endSlot ?? (\n            <Icon\n              path='/icons/sprite-mage.svg'\n              name={\n                isExpanded\n                  ? 'mage-sidebar-subnav-toogle-minus'\n                  : 'mage-sidebar-subnav-toogle-plus'\n              }\n              classNames={{\n                icon:\n                  classNames?.button?.iconToggle ??\n                  sidebarNavItemButtonIconToggle(),\n              }}\n            />\n          )\n        }\n        onClick={handleToggle}\n      >\n        {label}\n      </Button>\n\n      {isExpanded ? children : null}\n    </>\n  );\n};\n"],"mappings":"8iBAiCA,MAAa,GAAiB,CAC5B,QACA,WACA,YACA,UACA,UACA,aACA,YAAY,MACY,CACxB,GAAM,CAAE,cAAa,iBAAgB,cAAe,GAAmB,CACjE,EAAS,GAAO,CAChB,EAAa,EAAe,EAAO,CAEzC,GAAI,CAAC,EAAW,OAAO,KAEvB,IAAM,MAAqB,CACzB,EAAW,EAAO,CAClB,KAAW,EAgBb,OAbI,EAEA,EAAC,EAAD,CACU,SACG,YACJ,QACK,aAEX,WACsB,CAAA,CAK3B,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAD,CACE,KAAK,SACL,gBAAe,GAAc,IAAA,GAC7B,gBAAe,GAAc,IAAA,GAC7B,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAA0B,CAC5D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QAAS,GAAY,QAAQ,SAAW,GAA6B,CACtE,CACU,YACX,QACE,GACE,EAAC,EAAD,CACE,KAAK,yBACL,KACE,EACI,mCACA,kCAEN,WAAY,CACV,KACE,GAAY,QAAQ,YACpB,GAAgC,CACnC,CACD,CAAA,CAGN,QAAS,WAER,EACM,CAAA,CAER,EAAa,EAAW,KACxB,CAAA,CAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemButtonCollapsed.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  menuTargetButton,\n  sidebar,\n  sidebarNavItemButtonCollapsedRoot,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonSection,\n  sidebarSubnavCollapsedRoot,\n  sidebarSubnavItem,\n  sidebarSubnavList,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport { Menu } from '../../menu/Menu';\nimport {\n  MenuModeProvider,\n  SubnavDepthProvider,\n  useSidebarContext,\n  useSubnavDepth,\n} from './SidebarContext';\nimport { Subnav } from './SidebarSubnav';\n\ntype ElementWithChildren = ReactElement<{ children?: ReactNode }>;\n\nconst toMenuItems = (subnav: ReactNode): ReactNode => {\n  if (!isValidElement(subnav) || subnav.type !== Subnav) {\n    return subnav;\n  }\n\n  return Children.toArray((subnav as ElementWithChildren).props.children).map(\n    (node, index) => {\n      const key = isValidElement(node) && node.key != null ? node.key : index;\n\n      return <Menu.Item key={key}>{node}</Menu.Item>;\n    },\n  );\n};\n\nexport type NavItemButtonCollapsedProps = {\n  itemId: string;\n  label?: ReactNode;\n  startSlot: ReactNode;\n  children?: ReactNode;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n    };\n    subnav?: {\n      root?: string;\n      list?: string;\n      item?: string;\n    };\n  };\n};\n\nexport const NavItemButtonCollapsed = ({\n  itemId,\n  label,\n  startSlot,\n  children,\n  classNames,\n}: NavItemButtonCollapsedProps) => {\n  const { toggleItem, isItemExpanded } = useSidebarContext();\n  const depth = useSubnavDepth();\n  const isExpanded = isItemExpanded(itemId);\n\n  return (\n    <Tooltip label={label} position='right' offset={4} withinPortal>\n      <span>\n        <Menu\n          withinPortal\n          opened={isExpanded}\n          onOpenedChange={() => toggleItem(itemId)}\n          target={label}\n          classNames={{\n            menu: classNames?.subnav?.list ?? sidebarSubnavList(),\n            root:\n              classNames?.subnav?.root ??\n              cx(sidebar(), sidebarSubnavCollapsedRoot()),\n            item: classNames?.subnav?.item ?? sidebarSubnavItem(),\n            target: {\n              button: menuTargetButton(),\n              root:\n                classNames?.button?.root ?? sidebarNavItemButtonCollapsedRoot(),\n              inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n              label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n              section:\n                classNames?.button?.section ?? sidebarNavItemButtonSection(),\n            },\n          }}\n          targetButtonProps={{\n            type: 'button',\n            'aria-expanded': isExpanded || undefined,\n            'data-expanded': isExpanded || undefined,\n            startSlot,\n          }}\n          position='bottom-start'\n        >\n          <SubnavDepthProvider value={depth + 1}>\n            <MenuModeProvider value={true}>\n              {toMenuItems(children)}\n            </MenuModeProvider>\n          </SubnavDepthProvider>\n        </Menu>\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":"itBAkCA,MAAM,EAAe,GACf,CAAC,EAAe,EAAO,EAAI,EAAO,OAAS,EACtC,EAGF,EAAS,QAAS,EAA+B,MAAM,SAAS,CAAC,KACrE,EAAM,IAAU,CACf,IAAM,EAAM,EAAe,EAAK,EAAI,EAAK,KAAO,KAAO,EAAK,IAAM,EAElE,OAAO,EAAC,EAAK,KAAA,CAAA,SAAgB,EAAA,CAAN,EAAuB,EAEjD,CAuBU,GAA0B,CACrC,SACA,QACA,YACA,WACA,gBACiC,CACjC,GAAM,CAAE,aAAY,kBAAmB,GAAmB,CACpD,EAAQ,GAAgB,CACxB,EAAa,EAAe,EAAO,CAEzC,OACE,EAAC,EAAA,CAAe,QAAO,SAAS,QAAQ,OAAQ,EAAG,aAAA,YACjD,EAAC,OAAA,CAAA,SACC,EAAC,EAAA,CACC,aAAA,GACA,OAAQ,EACR,mBAAsB,EAAW,EAAO,CACxC,OAAQ,EACR,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,KACE,GAAY,QAAQ,MACpB,EAAG,GAAS,CAAE,GAA4B,CAAC,CAC7C,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,OAAQ,CACN,OAAQ,GAAkB,CAC1B,KACE,GAAY,QAAQ,MAAQ,GAAmC,CACjE,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QACE,GAAY,QAAQ,SAAW,GAA6B,CAC/D,CACF,CACD,kBAAmB,CACjB,KAAM,SACN,gBAAiB,GAAc,IAAA,GAC/B,gBAAiB,GAAc,IAAA,GAC/B,YACD,CACD,SAAS,wBAET,EAAC,EAAA,CAAoB,MAAO,EAAQ,WAClC,EAAC,EAAA,CAAiB,MAAO,YACtB,EAAY,EAAS,EACL,EACC,EACjB,CAAA,CACF,EACC"}
+{"version":3,"file":"SidebarNavItemButtonCollapsed.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  menuTargetButton,\n  sidebar,\n  sidebarNavItemButtonCollapsedRoot,\n  sidebarNavItemButtonInner,\n  sidebarNavItemButtonLabel,\n  sidebarNavItemButtonSection,\n  sidebarSubnavCollapsedRoot,\n  sidebarSubnavItem,\n  sidebarSubnavList,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport { Menu } from '../../menu/Menu';\nimport {\n  MenuModeProvider,\n  SubnavDepthProvider,\n  useSidebarContext,\n  useSubnavDepth,\n} from './SidebarContext';\nimport { Subnav } from './SidebarSubnav';\n\ntype ElementWithChildren = ReactElement<{ children?: ReactNode }>;\n\nconst toMenuItems = (subnav: ReactNode): ReactNode => {\n  if (!isValidElement(subnav) || subnav.type !== Subnav) {\n    return subnav;\n  }\n\n  return Children.toArray((subnav as ElementWithChildren).props.children).map(\n    (node, index) => {\n      const key = isValidElement(node) && node.key != null ? node.key : index;\n\n      return <Menu.Item key={key}>{node}</Menu.Item>;\n    },\n  );\n};\n\nexport type NavItemButtonCollapsedProps = {\n  itemId: string;\n  label?: ReactNode;\n  startSlot: ReactNode;\n  children?: ReactNode;\n  classNames?: {\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n    };\n    subnav?: {\n      root?: string;\n      list?: string;\n      item?: string;\n    };\n  };\n};\n\nexport const NavItemButtonCollapsed = ({\n  itemId,\n  label,\n  startSlot,\n  children,\n  classNames,\n}: NavItemButtonCollapsedProps) => {\n  const { toggleItem, isItemExpanded } = useSidebarContext();\n  const depth = useSubnavDepth();\n  const isExpanded = isItemExpanded(itemId);\n\n  return (\n    <Tooltip label={label} position='right' offset={4} withinPortal>\n      <span>\n        <Menu\n          withinPortal\n          opened={isExpanded}\n          onOpenedChange={() => toggleItem(itemId)}\n          target={label}\n          classNames={{\n            menu: classNames?.subnav?.list ?? sidebarSubnavList(),\n            root:\n              classNames?.subnav?.root ??\n              cx(sidebar(), sidebarSubnavCollapsedRoot()),\n            item: classNames?.subnav?.item ?? sidebarSubnavItem(),\n            target: {\n              button: menuTargetButton(),\n              root:\n                classNames?.button?.root ?? sidebarNavItemButtonCollapsedRoot(),\n              inner: classNames?.button?.inner ?? sidebarNavItemButtonInner(),\n              label: classNames?.button?.label ?? sidebarNavItemButtonLabel(),\n              section:\n                classNames?.button?.section ?? sidebarNavItemButtonSection(),\n            },\n          }}\n          targetButtonProps={{\n            type: 'button',\n            'aria-expanded': isExpanded || undefined,\n            'data-expanded': isExpanded || undefined,\n            startSlot,\n          }}\n          position='bottom-start'\n        >\n          <SubnavDepthProvider value={depth + 1}>\n            <MenuModeProvider value={true}>\n              {toMenuItems(children)}\n            </MenuModeProvider>\n          </SubnavDepthProvider>\n        </Menu>\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":"itBAkCA,MAAM,EAAe,GACf,CAAC,EAAe,EAAO,EAAI,EAAO,OAAS,EACtC,EAGF,EAAS,QAAS,EAA+B,MAAM,SAAS,CAAC,KACrE,EAAM,IAAU,CACf,IAAM,EAAM,EAAe,EAAK,EAAI,EAAK,KAAO,KAAO,EAAK,IAAM,EAElE,OAAO,EAAC,EAAK,KAAN,CAAA,SAAsB,EAAiB,CAAvB,EAAuB,EAEjD,CAuBU,GAA0B,CACrC,SACA,QACA,YACA,WACA,gBACiC,CACjC,GAAM,CAAE,aAAY,kBAAmB,GAAmB,CACpD,EAAQ,GAAgB,CACxB,EAAa,EAAe,EAAO,CAEzC,OACE,EAAC,EAAD,CAAgB,QAAO,SAAS,QAAQ,OAAQ,EAAG,aAAA,YACjD,EAAC,OAAD,CAAA,SACE,EAAC,EAAD,CACE,aAAA,GACA,OAAQ,EACR,mBAAsB,EAAW,EAAO,CACxC,OAAQ,EACR,WAAY,CACV,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,KACE,GAAY,QAAQ,MACpB,EAAG,GAAS,CAAE,GAA4B,CAAC,CAC7C,KAAM,GAAY,QAAQ,MAAQ,GAAmB,CACrD,OAAQ,CACN,OAAQ,GAAkB,CAC1B,KACE,GAAY,QAAQ,MAAQ,GAAmC,CACjE,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,MAAO,GAAY,QAAQ,OAAS,GAA2B,CAC/D,QACE,GAAY,QAAQ,SAAW,GAA6B,CAC/D,CACF,CACD,kBAAmB,CACjB,KAAM,SACN,gBAAiB,GAAc,IAAA,GAC/B,gBAAiB,GAAc,IAAA,GAC/B,YACD,CACD,SAAS,wBAET,EAAC,EAAD,CAAqB,MAAO,EAAQ,WAClC,EAAC,EAAD,CAAkB,MAAO,YACtB,EAAY,EAAS,CACL,CAAA,CACC,CAAA,CACjB,CAAA,CACF,CAAA,CACC,CAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts

@@ -1,4 +1,3 @@
-import "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.ts

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemLink.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"mappings":";;;;KAiBY,QAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,gBAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,IAAA,GAAO,QAAA;EAAA;EAET,UAAA;EACA,SAAA;AAAA"}
+{"version":3,"file":"SidebarNavItemLink.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"mappings":";;;KAiBY,QAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,gBAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,IAAA,GAAO,QAAA;EAAA;EAET,UAAA;EACA,SAAA;AAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItemLink.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarNavItemLinkAnchor,\n  sidebarNavItemLinkLabel,\n  sidebarSubnavItemLinkAnchor,\n  sidebarSubnavItemLinkLabel,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport {\n  useMenuMode,\n  useSidebarContext,\n  useSubnavDepth,\n} from './SidebarContext';\nimport { NavItem } from './SidebarNavItem';\n\nexport type LinkType = {\n  anchor?: string;\n  label?: string;\n};\n\nexport type NavItemLinkProps = {\n  children?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    link?: LinkType;\n  };\n  isSelected?: boolean;\n  isVisible?: boolean;\n};\n\nexport const NavItemLink = ({\n  children,\n  startSlot,\n  endSlot,\n  classNames,\n  isSelected,\n  isVisible = true,\n}: NavItemLinkProps) => {\n  const { isCollapsed } = useSidebarContext();\n  const isSubnav = useSubnavDepth() > 0;\n  const inMenu = useMenuMode();\n\n  const anchorClassName = isSubnav\n    ? (classNames?.link?.anchor ?? sidebarSubnavItemLinkAnchor())\n    : (classNames?.link?.anchor ?? sidebarNavItemLinkAnchor());\n\n  const labelClassName = isSubnav\n    ? (classNames?.link?.label ?? sidebarSubnavItemLinkLabel())\n    : (classNames?.link?.label ?? sidebarNavItemLinkLabel());\n\n  const content = (\n    <span className={anchorClassName} data-selected={isSelected || undefined}>\n      {startSlot}\n      <span className={labelClassName}>{children}</span>\n      {endSlot}\n    </span>\n  );\n\n  const linkContent = !inMenu ? (\n    <Tooltip\n      label={children}\n      position='right'\n      offset={4}\n      disabled={!isCollapsed}\n    >\n      {content}\n    </Tooltip>\n  ) : (\n    content\n  );\n\n  if (inMenu) {\n    if (!isVisible) return null;\n    return linkContent;\n  }\n\n  return <NavItem isVisible={isVisible}>{linkContent}</NavItem>;\n};\n\nNavItemLink.displayName = 'Sidebar.ItemLink';\n"],"mappings":"uaAiCA,MAAa,GAAe,CAC1B,WACA,YACA,UACA,aACA,aACA,YAAY,MACU,CACtB,GAAM,CAAE,eAAgB,GAAmB,CACrC,EAAW,GAAgB,CAAG,EAC9B,EAAS,GAAa,CAEtB,EAAkB,EACnB,GAAY,MAAM,QAAU,GAA6B,CACzD,GAAY,MAAM,QAAU,GAA0B,CAErD,EAAiB,EAClB,GAAY,MAAM,OAAS,GAA4B,CACvD,GAAY,MAAM,OAAS,GAAyB,CAEnD,EACJ,EAAC,OAAA,CAAK,UAAW,EAAiB,gBAAe,GAAc,IAAA,aAC5D,EACD,EAAC,OAAA,CAAK,UAAW,EAAiB,YAAgB,CACjD,IACI,CAGH,EAAe,EAUnB,EATA,EAAC,EAAA,CACC,MAAO,EACP,SAAS,QACT,OAAQ,EACR,SAAU,CAAC,WAEV,GACO,CAUZ,OALI,EACG,EACE,EADgB,KAIlB,EAAC,EAAA,CAAmB,qBAAY,GAAsB,EAG/D,EAAY,YAAc"}
+{"version":3,"file":"SidebarNavItemLink.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarNavItemLinkAnchor,\n  sidebarNavItemLinkLabel,\n  sidebarSubnavItemLinkAnchor,\n  sidebarSubnavItemLinkLabel,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip } from '@/components/overlays';\n\nimport {\n  useMenuMode,\n  useSidebarContext,\n  useSubnavDepth,\n} from './SidebarContext';\nimport { NavItem } from './SidebarNavItem';\n\nexport type LinkType = {\n  anchor?: string;\n  label?: string;\n};\n\nexport type NavItemLinkProps = {\n  children?: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    link?: LinkType;\n  };\n  isSelected?: boolean;\n  isVisible?: boolean;\n};\n\nexport const NavItemLink = ({\n  children,\n  startSlot,\n  endSlot,\n  classNames,\n  isSelected,\n  isVisible = true,\n}: NavItemLinkProps) => {\n  const { isCollapsed } = useSidebarContext();\n  const isSubnav = useSubnavDepth() > 0;\n  const inMenu = useMenuMode();\n\n  const anchorClassName = isSubnav\n    ? (classNames?.link?.anchor ?? sidebarSubnavItemLinkAnchor())\n    : (classNames?.link?.anchor ?? sidebarNavItemLinkAnchor());\n\n  const labelClassName = isSubnav\n    ? (classNames?.link?.label ?? sidebarSubnavItemLinkLabel())\n    : (classNames?.link?.label ?? sidebarNavItemLinkLabel());\n\n  const content = (\n    <span className={anchorClassName} data-selected={isSelected || undefined}>\n      {startSlot}\n      <span className={labelClassName}>{children}</span>\n      {endSlot}\n    </span>\n  );\n\n  const linkContent = !inMenu ? (\n    <Tooltip\n      label={children}\n      position='right'\n      offset={4}\n      disabled={!isCollapsed}\n    >\n      {content}\n    </Tooltip>\n  ) : (\n    content\n  );\n\n  if (inMenu) {\n    if (!isVisible) return null;\n    return linkContent;\n  }\n\n  return <NavItem isVisible={isVisible}>{linkContent}</NavItem>;\n};\n\nNavItemLink.displayName = 'Sidebar.ItemLink';\n"],"mappings":"uaAiCA,MAAa,GAAe,CAC1B,WACA,YACA,UACA,aACA,aACA,YAAY,MACU,CACtB,GAAM,CAAE,eAAgB,GAAmB,CACrC,EAAW,GAAgB,CAAG,EAC9B,EAAS,GAAa,CAEtB,EAAkB,EACnB,GAAY,MAAM,QAAU,GAA6B,CACzD,GAAY,MAAM,QAAU,GAA0B,CAErD,EAAiB,EAClB,GAAY,MAAM,OAAS,GAA4B,CACvD,GAAY,MAAM,OAAS,GAAyB,CAEnD,EACJ,EAAC,OAAD,CAAM,UAAW,EAAiB,gBAAe,GAAc,IAAA,YAA/D,CACG,EACD,EAAC,OAAD,CAAM,UAAW,EAAiB,WAAgB,CAAA,CACjD,EACI,GAGH,EAAe,EAUnB,EATA,EAAC,EAAD,CACE,MAAO,EACP,SAAS,QACT,OAAQ,EACR,SAAU,CAAC,WAEV,EACO,CAAA,CAUZ,OALI,EACG,EACE,EADgB,KAIlB,EAAC,EAAD,CAAoB,qBAAY,EAAsB,CAAA,EAG/D,EAAY,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavList.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { sidebarNavList } from '@mage-ui/styled-system/recipes';\n\ntype NavListProps = {\n  classNames?: {\n    nav?: {\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const NavList = ({ classNames, children }: NavListProps) => {\n  return (\n    <ul className={classNames?.nav?.list ?? sidebarNavList()}>{children}</ul>\n  );\n};\n"],"mappings":"wGAaA,MAAa,GAAW,CAAE,aAAY,cAElC,EAAC,KAAA,CAAG,UAAW,GAAY,KAAK,MAAQ,GAAgB,CAAG,YAAc"}
+{"version":3,"file":"SidebarNavList.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { sidebarNavList } from '@mage-ui/styled-system/recipes';\n\ntype NavListProps = {\n  classNames?: {\n    nav?: {\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const NavList = ({ classNames, children }: NavListProps) => {\n  return (\n    <ul className={classNames?.nav?.list ?? sidebarNavList()}>{children}</ul>\n  );\n};\n"],"mappings":"wGAaA,MAAa,GAAW,CAAE,aAAY,cAElC,EAAC,KAAD,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,CAAG,WAAc,CAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.d.mts

@@ -1,4 +1,3 @@
-import "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/sidebars/sidebar/SidebarSubNavItem.d.ts

package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubNavItem.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubNavItem.tsx"],"mappings":";;;;KAMY,eAAA;EACV,KAAA,GAAQ,SAAA;EACR,SAAA,EAAW,SAAA;EACX,OAAA,GAAU,SAAA;EACV,OAAA;EACA,SAAA;EACA,UAAA;IACE,IAAA;IACA,UAAA;IACA,MAAA;MACE,IAAA;MACA,KAAA;MACA,KAAA;MACA,OAAA;MACA,UAAA;IAAA;IAEF,MAAA;MACE,IAAA;MACA,IAAA;IAAA;EAAA;EAGJ,QAAA,GAAW,SAAA;AAAA"}
+{"version":3,"file":"SidebarSubNavItem.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubNavItem.tsx"],"mappings":";;;KAMY,eAAA;EACV,KAAA,GAAQ,SAAA;EACR,SAAA,EAAW,SAAA;EACX,OAAA,GAAU,SAAA;EACV,OAAA;EACA,SAAA;EACA,UAAA;IACE,IAAA;IACA,UAAA;IACA,MAAA;MACE,IAAA;MACA,KAAA;MACA,KAAA;MACA,OAAA;MACA,UAAA;IAAA;IAEF,MAAA;MACE,IAAA;MACA,IAAA;IAAA;EAAA;EAGJ,QAAA,GAAW,SAAA;AAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport { Subnav } from './SidebarSubnav';\n\nexport type SubNavItemProps = {\n  label?: ReactNode;\n  startSlot: ReactNode;\n  endSlot?: ReactNode;\n  onClick?: () => void;\n  isVisible?: boolean;\n  classNames?: {\n    item?: string;\n    subnavItem?: string;\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n      iconToggle?: string;\n    };\n    subnav?: {\n      root?: string;\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const SubNavItem = ({\n  children,\n  isVisible = true,\n  classNames,\n  ...props\n}: SubNavItemProps) => {\n  return (\n    <NavItem isVisible={isVisible} classNames={classNames}>\n      <NavItemButton classNames={classNames} {...props}>\n        <Subnav classNames={classNames?.subnav}>{children}</Subnav>\n      </NavItemButton>\n    </NavItem>\n  );\n};\n\nSubNavItem.displayName = 'Sidebar.SubNav';\n"],"mappings":"+LA8BA,MAAa,GAAc,CACzB,WACA,YAAY,GACZ,aACA,GAAG,KAGD,EAAC,EAAA,CAAmB,YAAuB,sBACzC,EAAC,EAAA,CAA0B,aAAY,GAAI,WACzC,EAAC,EAAA,CAAO,WAAY,GAAY,OAAS,YAAkB,EAC7C,EACR,CAId,EAAW,YAAc"}
+{"version":3,"file":"SidebarSubNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport { Subnav } from './SidebarSubnav';\n\nexport type SubNavItemProps = {\n  label?: ReactNode;\n  startSlot: ReactNode;\n  endSlot?: ReactNode;\n  onClick?: () => void;\n  isVisible?: boolean;\n  classNames?: {\n    item?: string;\n    subnavItem?: string;\n    button?: {\n      root?: string;\n      inner?: string;\n      label?: string;\n      section?: string;\n      iconToggle?: string;\n    };\n    subnav?: {\n      root?: string;\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const SubNavItem = ({\n  children,\n  isVisible = true,\n  classNames,\n  ...props\n}: SubNavItemProps) => {\n  return (\n    <NavItem isVisible={isVisible} classNames={classNames}>\n      <NavItemButton classNames={classNames} {...props}>\n        <Subnav classNames={classNames?.subnav}>{children}</Subnav>\n      </NavItemButton>\n    </NavItem>\n  );\n};\n\nSubNavItem.displayName = 'Sidebar.SubNav';\n"],"mappings":"+LA8BA,MAAa,GAAc,CACzB,WACA,YAAY,GACZ,aACA,GAAG,KAGD,EAAC,EAAD,CAAoB,YAAuB,sBACzC,EAAC,EAAD,CAA2B,aAAY,GAAI,WACzC,EAAC,EAAD,CAAQ,WAAY,GAAY,OAAS,WAAkB,CAAA,CAC7C,CAAA,CACR,CAAA,CAId,EAAW,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarSubnav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubnav.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubnav.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarSubnavList,\n  sidebarSubnavRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { SubnavDepthProvider, useSubnavDepth } from './SidebarContext';\n\ntype SubnavProps = {\n  isVisible?: boolean;\n  classNames?: {\n    root?: string;\n    list?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Subnav = ({\n  isVisible = true,\n  classNames,\n  children,\n}: SubnavProps) => {\n  const depth = useSubnavDepth();\n\n  if (!isVisible) return null;\n\n  return (\n    <SubnavDepthProvider value={depth + 1}>\n      <div className={classNames?.root ?? sidebarSubnavRoot()}>\n        <ul className={classNames?.list ?? sidebarSubnavList()}>{children}</ul>\n      </div>\n    </SubnavDepthProvider>\n  );\n};\n"],"mappings":"iNAkBA,MAAa,GAAU,CACrB,YAAY,GACZ,aACA,cACiB,CACjB,IAAM,EAAQ,GAAgB,CAI9B,OAFK,EAGH,EAAC,EAAA,CAAoB,MAAO,EAAQ,WAClC,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAmB,UACrD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAmB,CAAG,YAAc,EACnE,EACc,CAPD"}
+{"version":3,"file":"SidebarSubnav.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarSubnav.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  sidebarSubnavList,\n  sidebarSubnavRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { SubnavDepthProvider, useSubnavDepth } from './SidebarContext';\n\ntype SubnavProps = {\n  isVisible?: boolean;\n  classNames?: {\n    root?: string;\n    list?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Subnav = ({\n  isVisible = true,\n  classNames,\n  children,\n}: SubnavProps) => {\n  const depth = useSubnavDepth();\n\n  if (!isVisible) return null;\n\n  return (\n    <SubnavDepthProvider value={depth + 1}>\n      <div className={classNames?.root ?? sidebarSubnavRoot()}>\n        <ul className={classNames?.list ?? sidebarSubnavList()}>{children}</ul>\n      </div>\n    </SubnavDepthProvider>\n  );\n};\n"],"mappings":"iNAkBA,MAAa,GAAU,CACrB,YAAY,GACZ,aACA,cACiB,CACjB,IAAM,EAAQ,GAAgB,CAI9B,OAFK,EAGH,EAAC,EAAD,CAAqB,MAAO,EAAQ,WAClC,EAAC,MAAD,CAAK,UAAW,GAAY,MAAQ,GAAmB,UACrD,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAmB,CAAG,WAAc,CAAA,CACnE,CAAA,CACc,CAAA,CAPD"}

package/dist/components/overlays/modal/features/ModalAlert.d.mts

@@ -1,7 +1,5 @@
 import { ModalClassNames } from "../modal-types.mjs";
-import "../Modal.mjs";
 import { ModalDialogProps } from "./ModalDialog.mjs";
-import "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/overlays/modal/features/ModalAlert.d.ts

package/dist/components/overlays/modal/features/ModalAlert.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalAlert.tsx"],"mappings":";;;;;;;KAyBY,oBAAA,GAAuB,eAAA;EACjC,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,IAAA,CAAK,gBAAA;EACjC,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,SAAA;EACA,UAAA,GAAa,oBAAA;AAAA"}
+{"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalAlert.tsx"],"mappings":";;;;;KAyBY,oBAAA,GAAuB,eAAA;EACjC,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,IAAA,CAAK,gBAAA;EACjC,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,SAAA;EACA,UAAA,GAAa,oBAAA;AAAA"}