@soyfri/shared-library 2.0.0-beta.33 → 2.0.0-beta.35

package/Breadcrumbs-B9I3vxPb.cjs

@@ -0,0 +1,25 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function Breadcrumbs({
+  children,
+  separator,
+  maxItems,
+  sx,
+  className,
+  "aria-label": ariaLabel = "breadcrumb"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Breadcrumbs,
+    {
+      separator,
+      maxItems,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs-B9I3vxPb.cjs.map

package/Breadcrumbs-B9I3vxPb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-B9I3vxPb.cjs","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Breadcrumbs as MuiBreadcrumbs } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BreadcrumbsProps {\n  /** Items (Links / Typography). */\n  children?: ReactNode;\n  /** Separador entre items. Default: `/`. */\n  separator?: ReactNode;\n  /** Colapsa si hay más de N items. */\n  maxItems?: number;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */\nexport function Breadcrumbs({\n  children,\n  separator,\n  maxItems,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'breadcrumb',\n}: BreadcrumbsProps) {\n  return (\n    <MuiBreadcrumbs\n      separator={separator}\n      maxItems={maxItems}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiBreadcrumbs>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["jsx","MuiBreadcrumbs"],"mappings":";;;AAiBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAqB;AACnB,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/Breadcrumbs-C41SPbtX.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Breadcrumbs as Breadcrumbs$1 } from "@mui/material";
+function Breadcrumbs({
+  children,
+  separator,
+  maxItems,
+  sx,
+  className,
+  "aria-label": ariaLabel = "breadcrumb"
+}) {
+  return /* @__PURE__ */ jsx(
+    Breadcrumbs$1,
+    {
+      separator,
+      maxItems,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+export {
+  Breadcrumbs as B
+};
+//# sourceMappingURL=Breadcrumbs-C41SPbtX.js.map

package/Breadcrumbs-C41SPbtX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-C41SPbtX.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Breadcrumbs as MuiBreadcrumbs } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BreadcrumbsProps {\n  /** Items (Links / Typography). */\n  children?: ReactNode;\n  /** Separador entre items. Default: `/`. */\n  separator?: ReactNode;\n  /** Colapsa si hay más de N items. */\n  maxItems?: number;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */\nexport function Breadcrumbs({\n  children,\n  separator,\n  maxItems,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'breadcrumb',\n}: BreadcrumbsProps) {\n  return (\n    <MuiBreadcrumbs\n      separator={separator}\n      maxItems={maxItems}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiBreadcrumbs>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["MuiBreadcrumbs"],"mappings":";;AAiBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAqB;AACnB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/ButtonGroup-CNunDofQ.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function ButtonGroup({
+  children,
+  size = "medium",
+  variant = "outlined",
+  orientation = "horizontal",
+  color = "primary",
+  disabled,
+  fullWidth,
+  sx,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.ButtonGroup,
+    {
+      size,
+      variant,
+      orientation,
+      color,
+      disabled,
+      fullWidth,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=ButtonGroup-CNunDofQ.cjs.map

package/ButtonGroup-CNunDofQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup-CNunDofQ.cjs","sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { ButtonGroup as MuiButtonGroup } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ButtonGroupProps {\n  /** Botones agrupados. */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  orientation?: 'horizontal' | 'vertical';\n  color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  disabled?: boolean;\n  fullWidth?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */\nexport function ButtonGroup({\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  orientation = 'horizontal',\n  color = 'primary',\n  disabled,\n  fullWidth,\n  sx,\n  className,\n  'aria-label': ariaLabel,\n}: ButtonGroupProps) {\n  return (\n    <MuiButtonGroup\n      size={size}\n      variant={variant}\n      orientation={orientation}\n      color={color}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiButtonGroup>\n  );\n}\n\nexport default ButtonGroup;\n"],"names":["jsx","MuiButtonGroup"],"mappings":";;;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/ButtonGroup-CcKUZ-lT.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { ButtonGroup as ButtonGroup$1 } from "@mui/material";
+function ButtonGroup({
+  children,
+  size = "medium",
+  variant = "outlined",
+  orientation = "horizontal",
+  color = "primary",
+  disabled,
+  fullWidth,
+  sx,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    ButtonGroup$1,
+    {
+      size,
+      variant,
+      orientation,
+      color,
+      disabled,
+      fullWidth,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+export {
+  ButtonGroup as B
+};
+//# sourceMappingURL=ButtonGroup-CcKUZ-lT.js.map

package/ButtonGroup-CcKUZ-lT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup-CcKUZ-lT.js","sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { ButtonGroup as MuiButtonGroup } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ButtonGroupProps {\n  /** Botones agrupados. */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  orientation?: 'horizontal' | 'vertical';\n  color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  disabled?: boolean;\n  fullWidth?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */\nexport function ButtonGroup({\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  orientation = 'horizontal',\n  color = 'primary',\n  disabled,\n  fullWidth,\n  sx,\n  className,\n  'aria-label': ariaLabel,\n}: ButtonGroupProps) {\n  return (\n    <MuiButtonGroup\n      size={size}\n      variant={variant}\n      orientation={orientation}\n      color={color}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiButtonGroup>\n  );\n}\n\nexport default ButtonGroup;\n"],"names":["MuiButtonGroup"],"mappings":";;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/Divider-BApcM5CV.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Divider as Divider$1 } from "@mui/material";
+function Divider({
+  orientation = "horizontal",
+  variant = "fullWidth",
+  flexItem,
+  textAlign,
+  children,
+  sx,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    Divider$1,
+    {
+      orientation,
+      variant,
+      flexItem,
+      textAlign,
+      sx,
+      className,
+      children
+    }
+  );
+}
+export {
+  Divider as D
+};
+//# sourceMappingURL=Divider-BApcM5CV.js.map

package/Divider-BApcM5CV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-BApcM5CV.js","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Divider as MuiDivider } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface DividerProps {\n  orientation?: 'horizontal' | 'vertical';\n  variant?: 'fullWidth' | 'inset' | 'middle';\n  /** Para usar dentro de contenedores flex (ej. divider vertical). */\n  flexItem?: boolean;\n  /** Alineación del contenido cuando hay `children` (label centrado, etc.). */\n  textAlign?: 'center' | 'left' | 'right';\n  /** Contenido opcional (label) en medio del divider. */\n  children?: ReactNode;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/** Separador. Wrapper fino sobre MUI `Divider`. */\nexport function Divider({\n  orientation = 'horizontal',\n  variant = 'fullWidth',\n  flexItem,\n  textAlign,\n  children,\n  sx,\n  className,\n}: DividerProps) {\n  return (\n    <MuiDivider\n      orientation={orientation}\n      variant={variant}\n      flexItem={flexItem}\n      textAlign={textAlign}\n      sx={sx}\n      className={className}\n    >\n      {children}\n    </MuiDivider>\n  );\n}\n\nexport default Divider;\n"],"names":["MuiDivider"],"mappings":";;AAkBO,SAAS,QAAQ;AAAA,EACtB,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/Divider-CIY0JK4U.cjs

@@ -0,0 +1,27 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function Divider({
+  orientation = "horizontal",
+  variant = "fullWidth",
+  flexItem,
+  textAlign,
+  children,
+  sx,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Divider,
+    {
+      orientation,
+      variant,
+      flexItem,
+      textAlign,
+      sx,
+      className,
+      children
+    }
+  );
+}
+exports.Divider = Divider;
+//# sourceMappingURL=Divider-CIY0JK4U.cjs.map

package/Divider-CIY0JK4U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-CIY0JK4U.cjs","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Divider as MuiDivider } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface DividerProps {\n  orientation?: 'horizontal' | 'vertical';\n  variant?: 'fullWidth' | 'inset' | 'middle';\n  /** Para usar dentro de contenedores flex (ej. divider vertical). */\n  flexItem?: boolean;\n  /** Alineación del contenido cuando hay `children` (label centrado, etc.). */\n  textAlign?: 'center' | 'left' | 'right';\n  /** Contenido opcional (label) en medio del divider. */\n  children?: ReactNode;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/** Separador. Wrapper fino sobre MUI `Divider`. */\nexport function Divider({\n  orientation = 'horizontal',\n  variant = 'fullWidth',\n  flexItem,\n  textAlign,\n  children,\n  sx,\n  className,\n}: DividerProps) {\n  return (\n    <MuiDivider\n      orientation={orientation}\n      variant={variant}\n      flexItem={flexItem}\n      textAlign={textAlign}\n      sx={sx}\n      className={className}\n    >\n      {children}\n    </MuiDivider>\n  );\n}\n\nexport default Divider;\n"],"names":["jsx","MuiDivider"],"mappings":";;;AAkBO,SAAS,QAAQ;AAAA,EACtB,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/{Tab-BxSxKJsP.js → Tab-B1mpmXRC.js}

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Children, isValidElement, useState } from "react";
 import { Box, Tabs as Tabs$1, Tab as Tab$1 } from "@mui/material";
@@ -9,6 +25,7 @@ const TAB_DISPLAY_MAP = {
 const Tabs = ({
   children,
   defaultValue,
+  value: controlledValue,
   onChangeValue,
   centered = true,
   orientation = "horizontal",
@@ -19,6 +36,7 @@ const Tabs = ({
   className,
   allowScrollButtonsMobile = true,
   keepMounted = false,
+  nav = false,
   sx
 }) => {
   var _a, _b;
@@ -29,13 +47,16 @@ const Tabs = ({
     }
   );
   const firstValue = (_a = tabs[0]) == null ? void 0 : _a.props.value;
-  const [currentValue, setCurrentValue] = useState(
+  const isControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = useState(
     (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
   );
+  const currentValue = isControlled ? controlledValue : internalValue;
   const handleChange = (_event, newValue) => {
-    setCurrentValue(newValue);
+    if (!isControlled && !nav) setInternalValue(newValue);
     onChangeValue == null ? void 0 : onChangeValue(newValue);
   };
+  const effectiveCentered = centered && variant !== "scrollable" && variant !== "fullWidth";
   const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];
   return /* @__PURE__ */ jsxs(Box, { sx: { display, flexDirection }, children: [
     /* @__PURE__ */ jsx(
@@ -43,7 +64,7 @@ const Tabs = ({
       {
         value: currentValue,
         onChange: handleChange,
-        centered,
+        centered: effectiveCentered,
         indicatorColor,
         orientation,
         scrollButtons,
@@ -61,11 +82,15 @@ const Tabs = ({
             wrapped,
             iconPosition,
             className: tabClassName,
-            sx: tabSx
+            sx: tabSx,
+            component,
+            to,
+            href,
+            onClick
           } = tab.props;
           return /* @__PURE__ */ jsx(
             Tab$1,
-            {
+            __spreadValues(__spreadValues(__spreadValues(__spreadValues({
               label,
               icon,
               value,
@@ -74,13 +99,13 @@ const Tabs = ({
               iconPosition,
               className: tabClassName,
               sx: tabSx
-            },
+            }, component ? { component } : {}), to ? { to } : {}), href ? { href } : {}), onClick ? { onClick } : {}),
             value
           );
         })
       }
     ),
-    /* @__PURE__ */ jsx(Box, { m: 2, sx: { width: "100%" }, children: keepMounted ? tabs.map((tab, idx) => {
+    !nav && /* @__PURE__ */ jsx(Box, { m: 2, sx: { width: "100%" }, children: keepMounted ? tabs.map((tab, idx) => {
       var _a2;
       const value = (_a2 = tab.props.value) != null ? _a2 : idx;
       const isActive = value === currentValue;
@@ -108,4 +133,4 @@ export {
   Tabs as T,
   Tab as a
 };
-//# sourceMappingURL=Tab-BxSxKJsP.js.map
+//# sourceMappingURL=Tab-B1mpmXRC.js.map

package/Tab-B1mpmXRC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab-B1mpmXRC.js","sources":["../src/components/Tabs/_tabUtils.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import {\n  Children,\n  isValidElement,\n  useState,\n  type FC,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Tabs as MuiTabs,\n  Tab as MuiTab,\n  Box,\n  type TabsProps as MuiTabsProps,\n} from '@mui/material';\n\nimport { TabProps } from './Tab';\nimport { TAB_DISPLAY_MAP } from './_tabUtils';\nimport { mergeSx } from '../_shared/mergeSx';\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  | 'centered'\n  | 'indicatorColor'\n  | 'orientation'\n  | 'scrollButtons'\n  | 'variant'\n  | 'className'\n  | 'sx'\n  | 'visibleScrollbar'\n  | 'allowScrollButtonsMobile'\n>;\n\nexport interface TabsProps extends PickTabsProps {\n  /** Uno o varios `<Tab>`. Children que no sean `<Tab>` se ignoran. */\n  children: ReactNode;\n  /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */\n  defaultValue?: number | string;\n  /**\n   * Valor activo **controlado**. Si se provee, el consumer maneja el estado\n   * (típico en modo `nav`, donde el valor lo dicta la ruta).\n   */\n  value?: number | string;\n  /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */\n  onChangeValue?: (newValue: number | string) => void;\n  labelColor?: 'primary' | 'secondary' | 'inherit';\n  /**\n   * Modo **navegación**: las tabs son enlaces (`<Tab component={Link} to=.. />`),\n   * el `value` activo es controlado externamente (por la ruta) y **no** se\n   * renderizan paneles. `<Tab>` reenvía `component`/`to`/`href`/`onClick`.\n   */\n  nav?: boolean;\n  /**\n   * Cómo se manejan los paneles al cambiar de tab:\n   * - `false` (default): **unmount** — solo se renderiza el panel activo; los\n   *   demás se desmontan. El state interno de los hijos se pierde al navegar.\n   *   Menor uso de memoria.\n   * - `true`: **keep mounted** — renderiza todos los paneles pero oculta los\n   *   no activos con `display: none`. El state se preserva (inputs, scroll,\n   *   timers, subscripciones) al navegar entre tabs.\n   */\n  keepMounted?: boolean;\n}\n\nexport const Tabs: FC<TabsProps> = ({\n  children,\n  defaultValue,\n  value: controlledValue,\n  onChangeValue,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = 'auto',\n  variant = 'standard',\n  indicatorColor = 'primary',\n  labelColor = 'primary',\n  className,\n  allowScrollButtonsMobile = true,\n  keepMounted = false,\n  nav = false,\n  sx,\n}) => {\n  // Filtra a solo <Tab> children — acepta arrays, single child, fragments,\n  // y descarta cualquier otra cosa (strings, null, condicionales falsy).\n  const tabs: ReactElement<TabProps>[] = Children.toArray(children).filter(\n    (child): child is ReactElement<TabProps> =>\n      isValidElement(child) &&\n      (child.type as { displayName?: string })?.displayName === 'Tab',\n  );\n\n  const firstValue = tabs[0]?.props.value;\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0,\n  );\n  const currentValue = isControlled ? controlledValue : internalValue;\n\n  const handleChange = (_event: SyntheticEvent, newValue: number | string) => {\n    // En modo nav (o controlado) el consumer/ruta maneja el valor.\n    if (!isControlled && !nav) setInternalValue(newValue);\n    onChangeValue?.(newValue);\n  };\n\n  // MUI no permite `centered` con variant scrollable/fullWidth.\n  const effectiveCentered =\n    centered && variant !== 'scrollable' && variant !== 'fullWidth';\n\n  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];\n\n  return (\n    <Box sx={{ display, flexDirection }}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={effectiveCentered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        sx={mergeSx({}, sx)}\n      >\n        {tabs.map((tab, idx) => {\n          const {\n            label,\n            icon,\n            value = idx,\n            disabled,\n            wrapped,\n            iconPosition,\n            className: tabClassName,\n            sx: tabSx,\n            component,\n            to,\n            href,\n            onClick,\n          } = tab.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n              // Modo nav: reenvía props de enlace/click.\n              {...(component ? { component } : {})}\n              {...(to ? { to } : {})}\n              {...(href ? { href } : {})}\n              {...(onClick ? { onClick } : {})}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      {!nav && (\n      <Box m={2} sx={{ width: '100%' }}>\n        {keepMounted\n          ? tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            const isActive = value === currentValue;\n            return (\n              <Box\n                key={value}\n                role=\"tabpanel\"\n                // `display: none` mantiene el nodo en el DOM — state de los\n                // hijos (inputs, useState, etc.) no se pierde al navegar.\n                sx={{ display: isActive ? 'block' : 'none' }}\n                aria-hidden={!isActive}\n              >\n                {tab.props.children}\n              </Box>\n            );\n          })\n          : tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            if (value !== currentValue) return null;\n            return (\n              <Box key={value} role=\"tabpanel\">\n                {tab.props.children}\n              </Box>\n            );\n          })}\n      </Box>\n      )}\n    </Box>\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends Omit<PickMuiTabProps, 'value'> {\n  value?: number | string;\n  onChange?: () => void;\n  children?: React.ReactNode;\n  /**\n   * Componente a renderizar (modo `nav`): ej. `Link` de react-router.\n   * Junto con `to`/`href` convierte la tab en un enlace de navegación.\n   */\n  component?: React.ElementType;\n  /** Destino de navegación (react-router `Link`). Solo en modo `nav`. */\n  to?: string;\n  /** Destino de navegación (ancla nativa). Solo en modo `nav`. */\n  href?: string;\n  /** Click handler (ej. para tabs de navegación sin router). */\n  onClick?: () => void;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["_a","MuiTabs","MuiTab"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;AC6DO,MAAM,OAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,MAAM;AAAA,EACN;AACF,MAAM;;AAGJ,QAAM,OAAiC,SAAS,QAAQ,QAAQ,EAAE;AAAA,IAChE,CAAC,UAAA;;AACC,4BAAe,KAAK,OACnBA,MAAA,MAAM,SAAN,gBAAAA,IAAyC,iBAAgB;AAAA;AAAA,EAAA;AAG9D,QAAM,cAAa,UAAK,CAAC,MAAN,mBAAS,MAAM;AAClC,QAAM,eAAe,oBAAoB;AACzC,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,KACxC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAEhC,QAAM,eAAe,eAAe,kBAAkB;AAEtD,QAAM,eAAe,CAAC,QAAwB,aAA8B;AAE1E,QAAI,CAAC,gBAAgB,CAAC,sBAAsB,QAAQ;AACpD,mDAAgB;AAAA,EAClB;AAGA,QAAM,oBACJ,YAAY,YAAY,gBAAgB,YAAY;AAEtD,QAAM,EAAE,SAAS,kBAAkB,gBAAgB,WAAW;AAE9D,8BACG,KAAA,EAAI,IAAI,EAAE,SAAS,iBAClB,UAAA;AAAA,IAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,IAAI,QAAQ,CAAA,GAAI,EAAE;AAAA,QAEjB,UAAA,KAAK,IAAI,CAAC,KAAK,QAAQ;AACtB,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,IACE,IAAI;AACR,iBACE;AAAA,YAACC;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,eAEC,YAAY,EAAE,UAAA,IAAc,CAAA,IAC5B,KAAK,EAAE,GAAA,IAAO,CAAA,IACd,OAAO,EAAE,KAAA,IAAS,CAAA,IAClB,UAAU,EAAE,YAAY,CAAA;AAAA,YAbxB;AAAA,UAAA;AAAA,QAgBX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,CAAC,OACF,oBAAC,KAAA,EAAI,GAAG,GAAG,IAAI,EAAE,OAAO,OAAA,GACrB,UAAA,cACG,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQF,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,YAAM,WAAW,UAAU;AAC3B,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UAGL,IAAI,EAAE,SAAS,WAAW,UAAU,OAAA;AAAA,UACpC,eAAa,CAAC;AAAA,UAEb,cAAI,MAAM;AAAA,QAAA;AAAA,QAPN;AAAA,MAAA;AAAA,IAUX,CAAC,IACC,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQA,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,UAAI,UAAU,aAAc,QAAO;AACnC,iCACG,KAAA,EAAgB,MAAK,YACnB,UAAA,IAAI,MAAM,YADH,KAEV;AAAA,IAEJ,CAAC,EAAA,CACL;AAAA,EAAA,GAEF;AAEJ;ACtKO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;"}

package/{Tab-BbP8jBcK.cjs → Tab-D-zNS5TI.cjs}

@@ -1,4 +1,20 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
@@ -10,6 +26,7 @@ const TAB_DISPLAY_MAP = {
 const Tabs = ({
   children,
   defaultValue,
+  value: controlledValue,
   onChangeValue,
   centered = true,
   orientation = "horizontal",
@@ -20,6 +37,7 @@ const Tabs = ({
   className,
   allowScrollButtonsMobile = true,
   keepMounted = false,
+  nav = false,
   sx
 }) => {
   var _a, _b;
@@ -30,13 +48,16 @@ const Tabs = ({
     }
   );
   const firstValue = (_a = tabs[0]) == null ? void 0 : _a.props.value;
-  const [currentValue, setCurrentValue] = React.useState(
+  const isControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = React.useState(
     (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
   );
+  const currentValue = isControlled ? controlledValue : internalValue;
   const handleChange = (_event, newValue) => {
-    setCurrentValue(newValue);
+    if (!isControlled && !nav) setInternalValue(newValue);
     onChangeValue == null ? void 0 : onChangeValue(newValue);
   };
+  const effectiveCentered = centered && variant !== "scrollable" && variant !== "fullWidth";
   const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];
   return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display, flexDirection }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -44,7 +65,7 @@ const Tabs = ({
       {
         value: currentValue,
         onChange: handleChange,
-        centered,
+        centered: effectiveCentered,
         indicatorColor,
         orientation,
         scrollButtons,
@@ -62,11 +83,15 @@ const Tabs = ({
             wrapped,
             iconPosition,
             className: tabClassName,
-            sx: tabSx
+            sx: tabSx,
+            component,
+            to,
+            href,
+            onClick
           } = tab.props;
           return /* @__PURE__ */ jsxRuntime.jsx(
             material.Tab,
-            {
+            __spreadValues(__spreadValues(__spreadValues(__spreadValues({
               label,
               icon,
               value,
@@ -75,13 +100,13 @@ const Tabs = ({
               iconPosition,
               className: tabClassName,
               sx: tabSx
-            },
+            }, component ? { component } : {}), to ? { to } : {}), href ? { href } : {}), onClick ? { onClick } : {}),
             value
           );
         })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { m: 2, sx: { width: "100%" }, children: keepMounted ? tabs.map((tab, idx) => {
+    !nav && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { m: 2, sx: { width: "100%" }, children: keepMounted ? tabs.map((tab, idx) => {
       var _a2;
       const value = (_a2 = tab.props.value) != null ? _a2 : idx;
       const isActive = value === currentValue;
@@ -107,4 +132,4 @@ const Tab = (_) => null;
 Tab.displayName = "Tab";
 exports.Tab = Tab;
 exports.Tabs = Tabs;
-//# sourceMappingURL=Tab-BbP8jBcK.cjs.map
+//# sourceMappingURL=Tab-D-zNS5TI.cjs.map

package/Tab-D-zNS5TI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab-D-zNS5TI.cjs","sources":["../src/components/Tabs/_tabUtils.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import {\n  Children,\n  isValidElement,\n  useState,\n  type FC,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Tabs as MuiTabs,\n  Tab as MuiTab,\n  Box,\n  type TabsProps as MuiTabsProps,\n} from '@mui/material';\n\nimport { TabProps } from './Tab';\nimport { TAB_DISPLAY_MAP } from './_tabUtils';\nimport { mergeSx } from '../_shared/mergeSx';\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  | 'centered'\n  | 'indicatorColor'\n  | 'orientation'\n  | 'scrollButtons'\n  | 'variant'\n  | 'className'\n  | 'sx'\n  | 'visibleScrollbar'\n  | 'allowScrollButtonsMobile'\n>;\n\nexport interface TabsProps extends PickTabsProps {\n  /** Uno o varios `<Tab>`. Children que no sean `<Tab>` se ignoran. */\n  children: ReactNode;\n  /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */\n  defaultValue?: number | string;\n  /**\n   * Valor activo **controlado**. Si se provee, el consumer maneja el estado\n   * (típico en modo `nav`, donde el valor lo dicta la ruta).\n   */\n  value?: number | string;\n  /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */\n  onChangeValue?: (newValue: number | string) => void;\n  labelColor?: 'primary' | 'secondary' | 'inherit';\n  /**\n   * Modo **navegación**: las tabs son enlaces (`<Tab component={Link} to=.. />`),\n   * el `value` activo es controlado externamente (por la ruta) y **no** se\n   * renderizan paneles. `<Tab>` reenvía `component`/`to`/`href`/`onClick`.\n   */\n  nav?: boolean;\n  /**\n   * Cómo se manejan los paneles al cambiar de tab:\n   * - `false` (default): **unmount** — solo se renderiza el panel activo; los\n   *   demás se desmontan. El state interno de los hijos se pierde al navegar.\n   *   Menor uso de memoria.\n   * - `true`: **keep mounted** — renderiza todos los paneles pero oculta los\n   *   no activos con `display: none`. El state se preserva (inputs, scroll,\n   *   timers, subscripciones) al navegar entre tabs.\n   */\n  keepMounted?: boolean;\n}\n\nexport const Tabs: FC<TabsProps> = ({\n  children,\n  defaultValue,\n  value: controlledValue,\n  onChangeValue,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = 'auto',\n  variant = 'standard',\n  indicatorColor = 'primary',\n  labelColor = 'primary',\n  className,\n  allowScrollButtonsMobile = true,\n  keepMounted = false,\n  nav = false,\n  sx,\n}) => {\n  // Filtra a solo <Tab> children — acepta arrays, single child, fragments,\n  // y descarta cualquier otra cosa (strings, null, condicionales falsy).\n  const tabs: ReactElement<TabProps>[] = Children.toArray(children).filter(\n    (child): child is ReactElement<TabProps> =>\n      isValidElement(child) &&\n      (child.type as { displayName?: string })?.displayName === 'Tab',\n  );\n\n  const firstValue = tabs[0]?.props.value;\n  const isControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0,\n  );\n  const currentValue = isControlled ? controlledValue : internalValue;\n\n  const handleChange = (_event: SyntheticEvent, newValue: number | string) => {\n    // En modo nav (o controlado) el consumer/ruta maneja el valor.\n    if (!isControlled && !nav) setInternalValue(newValue);\n    onChangeValue?.(newValue);\n  };\n\n  // MUI no permite `centered` con variant scrollable/fullWidth.\n  const effectiveCentered =\n    centered && variant !== 'scrollable' && variant !== 'fullWidth';\n\n  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];\n\n  return (\n    <Box sx={{ display, flexDirection }}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={effectiveCentered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        sx={mergeSx({}, sx)}\n      >\n        {tabs.map((tab, idx) => {\n          const {\n            label,\n            icon,\n            value = idx,\n            disabled,\n            wrapped,\n            iconPosition,\n            className: tabClassName,\n            sx: tabSx,\n            component,\n            to,\n            href,\n            onClick,\n          } = tab.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n              // Modo nav: reenvía props de enlace/click.\n              {...(component ? { component } : {})}\n              {...(to ? { to } : {})}\n              {...(href ? { href } : {})}\n              {...(onClick ? { onClick } : {})}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      {!nav && (\n      <Box m={2} sx={{ width: '100%' }}>\n        {keepMounted\n          ? tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            const isActive = value === currentValue;\n            return (\n              <Box\n                key={value}\n                role=\"tabpanel\"\n                // `display: none` mantiene el nodo en el DOM — state de los\n                // hijos (inputs, useState, etc.) no se pierde al navegar.\n                sx={{ display: isActive ? 'block' : 'none' }}\n                aria-hidden={!isActive}\n              >\n                {tab.props.children}\n              </Box>\n            );\n          })\n          : tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            if (value !== currentValue) return null;\n            return (\n              <Box key={value} role=\"tabpanel\">\n                {tab.props.children}\n              </Box>\n            );\n          })}\n      </Box>\n      )}\n    </Box>\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends Omit<PickMuiTabProps, 'value'> {\n  value?: number | string;\n  onChange?: () => void;\n  children?: React.ReactNode;\n  /**\n   * Componente a renderizar (modo `nav`): ej. `Link` de react-router.\n   * Junto con `to`/`href` convierte la tab en un enlace de navegación.\n   */\n  component?: React.ElementType;\n  /** Destino de navegación (react-router `Link`). Solo en modo `nav`. */\n  to?: string;\n  /** Destino de navegación (ancla nativa). Solo en modo `nav`. */\n  href?: string;\n  /** Click handler (ej. para tabs de navegación sin router). */\n  onClick?: () => void;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["Children","isValidElement","_a","useState","Box","jsx","MuiTabs","mergeSx","MuiTab"],"mappings":"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"}

package/components/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Breadcrumbs = require("../../Breadcrumbs-B9I3vxPb.cjs");
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.default = Breadcrumbs.Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.cjs.map

package/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface BreadcrumbsProps {
+    /** Items (Links / Typography). */
+    children?: ReactNode;
+    /** Separador entre items. Default: `/`. */
+    separator?: ReactNode;
+    /** Colapsa si hay más de N items. */
+    maxItems?: number;
+    sx?: SxProps<Theme>;
+    className?: string;
+    'aria-label'?: string;
+}
+/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */
+export declare function Breadcrumbs({ children, separator, maxItems, sx, className, 'aria-label': ariaLabel, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export default Breadcrumbs;

package/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,6 @@
+import { B, B as B2 } from "../../Breadcrumbs-C41SPbtX.js";
+export {
+  B as Breadcrumbs,
+  B2 as default
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/components/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumbs, default } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';

package/components/Breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+export * from './Breadcrumbs/index'
+export {}
+import _default from './Breadcrumbs/index'
+export default _default
+export * from './Breadcrumbs/index'
+export {}

package/components/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ButtonGroup = require("../../ButtonGroup-CNunDofQ.cjs");
+exports.ButtonGroup = ButtonGroup.ButtonGroup;
+exports.default = ButtonGroup.ButtonGroup;
+//# sourceMappingURL=ButtonGroup.cjs.map

package/components/ButtonGroup/ButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ButtonGroupProps {
+    /** Botones agrupados. */
+    children?: ReactNode;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'text' | 'outlined' | 'contained';
+    orientation?: 'horizontal' | 'vertical';
+    color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    disabled?: boolean;
+    fullWidth?: boolean;
+    sx?: SxProps<Theme>;
+    className?: string;
+    'aria-label'?: string;
+}
+/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */
+export declare function ButtonGroup({ children, size, variant, orientation, color, disabled, fullWidth, sx, className, 'aria-label': ariaLabel, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export default ButtonGroup;

package/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,6 @@
+import { B, B as B2 } from "../../ButtonGroup-CcKUZ-lT.js";
+export {
+  B as ButtonGroup,
+  B2 as default
+};
+//# sourceMappingURL=ButtonGroup.js.map

package/components/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup, default } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';

package/components/ButtonGroup.d.ts

@@ -0,0 +1,6 @@
+export * from './ButtonGroup/index'
+export {}
+import _default from './ButtonGroup/index'
+export default _default
+export * from './ButtonGroup/index'
+export {}

package/components/Divider/Divider.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Divider = require("../../Divider-CIY0JK4U.cjs");
+exports.Divider = Divider.Divider;
+exports.default = Divider.Divider;
+//# sourceMappingURL=Divider.cjs.map

package/components/Divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Divider/Divider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface DividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'fullWidth' | 'inset' | 'middle';
+    /** Para usar dentro de contenedores flex (ej. divider vertical). */
+    flexItem?: boolean;
+    /** Alineación del contenido cuando hay `children` (label centrado, etc.). */
+    textAlign?: 'center' | 'left' | 'right';
+    /** Contenido opcional (label) en medio del divider. */
+    children?: ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+/** Separador. Wrapper fino sobre MUI `Divider`. */
+export declare function Divider({ orientation, variant, flexItem, textAlign, children, sx, className, }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/components/Divider/Divider.js

@@ -0,0 +1,6 @@
+import { D, D as D2 } from "../../Divider-BApcM5CV.js";
+export {
+  D as Divider,
+  D2 as default
+};
+//# sourceMappingURL=Divider.js.map

package/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider, default } from './Divider';
+export type { DividerProps } from './Divider';

package/components/Divider.d.ts

@@ -0,0 +1,6 @@
+export * from './Divider/index'
+export {}
+import _default from './Divider/index'
+export default _default
+export * from './Divider/index'
+export {}

package/components/Tabs/Tab.d.ts

@@ -1,10 +1,21 @@
 import { default as React } from 'react';
 import { TabProps as MuiTabProps } from '@mui/material';
 type PickMuiTabProps = Pick<MuiTabProps, "label" | "icon" | "disabled" | "sx" | "value" | "wrapped" | "iconPosition" | "className" | "disabled" | 'disableRipple'>;
-export interface TabProps extends PickMuiTabProps {
-    value?: number;
+export interface TabProps extends Omit<PickMuiTabProps, 'value'> {
+    value?: number | string;
     onChange?: () => void;
     children?: React.ReactNode;
+    /**
+     * Componente a renderizar (modo `nav`): ej. `Link` de react-router.
+     * Junto con `to`/`href` convierte la tab en un enlace de navegación.
+     */
+    component?: React.ElementType;
+    /** Destino de navegación (react-router `Link`). Solo en modo `nav`. */
+    to?: string;
+    /** Destino de navegación (ancla nativa). Solo en modo `nav`. */
+    href?: string;
+    /** Click handler (ej. para tabs de navegación sin router). */
+    onClick?: () => void;
 }
 export declare const Tab: {
     (_: TabProps): null;

package/components/Tabs/Tabs.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Tab = require("../../Tab-BbP8jBcK.cjs");
+const Tab = require("../../Tab-D-zNS5TI.cjs");
 exports.Tab = Tab.Tab;
 exports.Tabs = Tab.Tabs;
 exports.default = Tab.Tabs;

package/components/Tabs/Tabs.d.ts

@@ -6,9 +6,20 @@ export interface TabsProps extends PickTabsProps {
     children: ReactNode;
     /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */
     defaultValue?: number | string;
+    /**
+     * Valor activo **controlado**. Si se provee, el consumer maneja el estado
+     * (típico en modo `nav`, donde el valor lo dicta la ruta).
+     */
+    value?: number | string;
     /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */
     onChangeValue?: (newValue: number | string) => void;
     labelColor?: 'primary' | 'secondary' | 'inherit';
+    /**
+     * Modo **navegación**: las tabs son enlaces (`<Tab component={Link} to=.. />`),
+     * el `value` activo es controlado externamente (por la ruta) y **no** se
+     * renderizan paneles. `<Tab>` reenvía `component`/`to`/`href`/`onClick`.
+     */
+    nav?: boolean;
     /**
      * Cómo se manejan los paneles al cambiar de tab:
      * - `false` (default): **unmount** — solo se renderiza el panel activo; los

package/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import { a, T, T as T2 } from "../../Tab-BxSxKJsP.js";
+import { a, T, T as T2 } from "../../Tab-B1mpmXRC.js";
 export {
   a as Tab,
   T as Tabs,

package/index.cjs

@@ -11,8 +11,11 @@ const Avatar = require("./Avatar-Dw5rzayR.cjs");
 const Stat = require("./Stat-BUcFCGrz.cjs");
 const Spinner = require("./Spinner-D7qRmNS9.cjs");
 const Alert = require("./Alert-B3SMPD1s.cjs");
+const Divider = require("./Divider-CIY0JK4U.cjs");
+const ButtonGroup = require("./ButtonGroup-CNunDofQ.cjs");
+const Breadcrumbs = require("./Breadcrumbs-B9I3vxPb.cjs");
 const Step = require("./Step-Nd7SJbRZ.cjs");
-const Tab = require("./Tab-BbP8jBcK.cjs");
+const Tab = require("./Tab-D-zNS5TI.cjs");
 const Table = require("./Table-C4OM6rrC.cjs");
 const StatusMessage = require("./StatusMessage-B3nXpuRl.cjs");
 const Modal = require("./Modal-D_6ZdSzw.cjs");
@@ -58,10 +61,6 @@ Object.defineProperty(exports, "Container", {
   enumerable: true,
   get: () => material.Container
 });
-Object.defineProperty(exports, "Divider", {
-  enumerable: true,
-  get: () => material.Divider
-});
 Object.defineProperty(exports, "Fade", {
   enumerable: true,
   get: () => material.Fade
@@ -166,6 +165,9 @@ exports.Avatar = Avatar.Avatar;
 exports.Stat = Stat.Stat;
 exports.Spinner = Spinner.Spinner;
 exports.Alert = Alert.Alert;
+exports.Divider = Divider.Divider;
+exports.ButtonGroup = ButtonGroup.ButtonGroup;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.Step = Step.Step;
 exports.Stepper = Step.Stepper;
 exports.Tab = Tab.Tab;

package/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -14,6 +14,12 @@ export { Spinner } from './components/Spinner';
 export type { SpinnerProps, SpinnerSize, SpinnerColor } from './components/Spinner';
 export { Alert } from './components/Alert';
 export type { AlertProps, AlertSeverity, AlertVariant } from './components/Alert';
+export { Divider } from './components/Divider';
+export type { DividerProps } from './components/Divider';
+export { ButtonGroup } from './components/ButtonGroup';
+export type { ButtonGroupProps } from './components/ButtonGroup';
+export { Breadcrumbs } from './components/Breadcrumbs';
+export type { BreadcrumbsProps } from './components/Breadcrumbs';
 export { Stepper, Step } from './components/Stepper';
 export { Tabs, Tab } from './components/Tabs';
 export { Table } from './components/Table';

package/index.js

@@ -1,5 +1,5 @@
 import { D, r } from "./resolvePreset-K6_BfWHD.js";
-import { AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Divider, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Skeleton, Snackbar, Stack, ThemeProvider, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme } from "@mui/material";
+import { AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Skeleton, Snackbar, Stack, ThemeProvider, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme } from "@mui/material";
 import { renderMultiSectionDigitalClockTimeView } from "@mui/x-date-pickers/timeViewRenderers";
 import { B } from "./Button-UkkP-bNw.js";
 import { C } from "./Card-DYKGY-NG.js";
@@ -9,8 +9,11 @@ import { A } from "./Avatar-H8akSege.js";
 import { S } from "./Stat-C06A_izS.js";
 import { S as S2 } from "./Spinner-B6sThC1p.js";
 import { A as A2 } from "./Alert-YsPScpSE.js";
+import { D as D2 } from "./Divider-BApcM5CV.js";
+import { B as B2 } from "./ButtonGroup-CcKUZ-lT.js";
+import { B as B3 } from "./Breadcrumbs-C41SPbtX.js";
 import { a, S as S3 } from "./Step-BArsou1V.js";
-import { a as a2, T } from "./Tab-BxSxKJsP.js";
+import { a as a2, T } from "./Tab-B1mpmXRC.js";
 import { T as T2 } from "./Table-C2LbW0B1.js";
 import { S as S4 } from "./StatusMessage-D0WgSBx7.js";
 import { M, b, c, a as a3 } from "./Modal-C_QY7ZzY.js";
@@ -20,8 +23,8 @@ import { A as A3, a as a4 } from "./Autocomplete-C_lW1VER.js";
 import { S as S6 } from "./Switch-D72dpkH2.js";
 import { R } from "./RadioGroup-bO-ahP9T.js";
 import { C as C3 } from "./Checkbox-gB5YKkVo.js";
-import { D as D2 } from "./DatePicker-_IGWc3I5.js";
-import { D as D3 } from "./DateTimePicker-CrmWav_j.js";
+import { D as D3 } from "./DatePicker-_IGWc3I5.js";
+import { D as D4 } from "./DateTimePicker-CrmWav_j.js";
 import './index.css';function scrollToTop({
   behavior = "smooth",
   target = typeof window !== "undefined" ? window : void 0,
@@ -38,7 +41,9 @@ export {
   A as Avatar,
   Backdrop,
   Box,
+  B3 as Breadcrumbs,
   B as Button,
+  B2 as ButtonGroup,
   C as Card,
   C3 as Checkbox,
   C2 as Chip,
@@ -47,9 +52,9 @@ export {
   Column,
   Container,
   D as DEFAULT_PRESET_NAME,
-  D2 as DatePicker,
-  D3 as DateTimePicker,
-  Divider,
+  D3 as DatePicker,
+  D4 as DateTimePicker,
+  D2 as Divider,
   Fade,
   Grid,
   Grow,

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}
+{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "2.0.0-beta.33",
+  "version": "2.0.0-beta.35",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -128,6 +128,11 @@
       "require": "./components/Drawer/Drawer.cjs",
       "types": "./components/Drawer/index.d.ts"
     },
+    "./components/Divider": {
+      "import": "./components/Divider/Divider.js",
+      "require": "./components/Divider/Divider.cjs",
+      "types": "./components/Divider/index.d.ts"
+    },
     "./components/DateTimePicker": {
       "import": "./components/DateTimePicker/DateTimePicker.js",
       "require": "./components/DateTimePicker/DateTimePicker.cjs",
@@ -158,11 +163,21 @@
       "require": "./components/Card/Card.cjs",
       "types": "./components/Card/index.d.ts"
     },
+    "./components/ButtonGroup": {
+      "import": "./components/ButtonGroup/ButtonGroup.js",
+      "require": "./components/ButtonGroup/ButtonGroup.cjs",
+      "types": "./components/ButtonGroup/index.d.ts"
+    },
     "./components/Button": {
       "import": "./components/Button/Button.js",
       "require": "./components/Button/Button.cjs",
       "types": "./components/Button/index.d.ts"
     },
+    "./components/Breadcrumbs": {
+      "import": "./components/Breadcrumbs/Breadcrumbs.js",
+      "require": "./components/Breadcrumbs/Breadcrumbs.cjs",
+      "types": "./components/Breadcrumbs/index.d.ts"
+    },
     "./components/Avatar": {
       "import": "./components/Avatar/Avatar.js",
       "require": "./components/Avatar/Avatar.cjs",

package/Tab-BbP8jBcK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab-BbP8jBcK.cjs","sources":["../src/components/Tabs/_tabUtils.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import {\n  Children,\n  isValidElement,\n  useState,\n  type FC,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Tabs as MuiTabs,\n  Tab as MuiTab,\n  Box,\n  type TabsProps as MuiTabsProps,\n} from '@mui/material';\n\nimport { TabProps } from './Tab';\nimport { TAB_DISPLAY_MAP } from './_tabUtils';\nimport { mergeSx } from '../_shared/mergeSx';\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  | 'centered'\n  | 'indicatorColor'\n  | 'orientation'\n  | 'scrollButtons'\n  | 'variant'\n  | 'className'\n  | 'sx'\n  | 'visibleScrollbar'\n  | 'allowScrollButtonsMobile'\n>;\n\nexport interface TabsProps extends PickTabsProps {\n  /** Uno o varios `<Tab>`. Children que no sean `<Tab>` se ignoran. */\n  children: ReactNode;\n  /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */\n  defaultValue?: number | string;\n  /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */\n  onChangeValue?: (newValue: number | string) => void;\n  labelColor?: 'primary' | 'secondary' | 'inherit';\n  /**\n   * Cómo se manejan los paneles al cambiar de tab:\n   * - `false` (default): **unmount** — solo se renderiza el panel activo; los\n   *   demás se desmontan. El state interno de los hijos se pierde al navegar.\n   *   Menor uso de memoria.\n   * - `true`: **keep mounted** — renderiza todos los paneles pero oculta los\n   *   no activos con `display: none`. El state se preserva (inputs, scroll,\n   *   timers, subscripciones) al navegar entre tabs.\n   */\n  keepMounted?: boolean;\n}\n\nexport const Tabs: FC<TabsProps> = ({\n  children,\n  defaultValue,\n  onChangeValue,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = 'auto',\n  variant = 'standard',\n  indicatorColor = 'primary',\n  labelColor = 'primary',\n  className,\n  allowScrollButtonsMobile = true,\n  keepMounted = false,\n  sx,\n}) => {\n  // Filtra a solo <Tab> children — acepta arrays, single child, fragments,\n  // y descarta cualquier otra cosa (strings, null, condicionales falsy).\n  const tabs: ReactElement<TabProps>[] = Children.toArray(children).filter(\n    (child): child is ReactElement<TabProps> =>\n      isValidElement(child) &&\n      (child.type as { displayName?: string })?.displayName === 'Tab',\n  );\n\n  const firstValue = tabs[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0,\n  );\n\n  const handleChange = (_event: SyntheticEvent, newValue: number | string) => {\n    setCurrentValue(newValue);\n    onChangeValue?.(newValue);\n  };\n\n  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];\n\n  return (\n    <Box sx={{ display, flexDirection }}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        sx={mergeSx({}, sx)}\n      >\n        {tabs.map((tab, idx) => {\n          const {\n            label,\n            icon,\n            value = idx,\n            disabled,\n            wrapped,\n            iconPosition,\n            className: tabClassName,\n            sx: tabSx,\n          } = tab.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} sx={{ width: '100%' }}>\n        {keepMounted\n          ? tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            const isActive = value === currentValue;\n            return (\n              <Box\n                key={value}\n                role=\"tabpanel\"\n                // `display: none` mantiene el nodo en el DOM — state de los\n                // hijos (inputs, useState, etc.) no se pierde al navegar.\n                sx={{ display: isActive ? 'block' : 'none' }}\n                aria-hidden={!isActive}\n              >\n                {tab.props.children}\n              </Box>\n            );\n          })\n          : tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            if (value !== currentValue) return null;\n            return (\n              <Box key={value} role=\"tabpanel\">\n                {tab.props.children}\n              </Box>\n            );\n          })}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["Children","isValidElement","_a","useState","Box","jsx","MuiTabs","mergeSx","MuiTab"],"mappings":";;;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACkDO,MAAM,OAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd;AACF,MAAM;;AAGJ,QAAM,OAAiCA,MAAAA,SAAS,QAAQ,QAAQ,EAAE;AAAA,IAChE,CAAC,UAAA;;AACCC,mBAAAA,eAAe,KAAK,OACnBC,MAAA,MAAM,SAAN,gBAAAA,IAAyC,iBAAgB;AAAA;AAAA,EAAA;AAG9D,QAAM,cAAa,UAAK,CAAC,MAAN,mBAAS,MAAM;AAClC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA;AAAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,QAAwB,aAA8B;AAC1E,oBAAgB,QAAQ;AACxB,mDAAgB;AAAA,EAClB;AAEA,QAAM,EAAE,SAAS,kBAAkB,gBAAgB,WAAW;AAE9D,yCACGC,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,iBAClB,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,IAAIC,QAAAA,QAAQ,CAAA,GAAI,EAAE;AAAA,QAEjB,UAAA,KAAK,IAAI,CAAC,KAAK,QAAQ;AACtB,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,IAAI;AAAA,UAAA,IACF,IAAI;AACR,iBACEF,2BAAAA;AAAAA,YAACG,SAAAA;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHH,2BAAAA,IAACD,SAAAA,KAAA,EAAI,GAAG,GAAG,IAAI,EAAE,OAAO,OAAA,GACrB,UAAA,cACG,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQF,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,YAAM,WAAW,UAAU;AAC3B,aACEG,2BAAAA;AAAAA,QAACD,SAAAA;AAAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UAGL,IAAI,EAAE,SAAS,WAAW,UAAU,OAAA;AAAA,UACpC,eAAa,CAAC;AAAA,UAEb,cAAI,MAAM;AAAA,QAAA;AAAA,QAPN;AAAA,MAAA;AAAA,IAUX,CAAC,IACC,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQF,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,UAAI,UAAU,aAAc,QAAO;AACnC,4CACGE,SAAAA,KAAA,EAAgB,MAAK,YACnB,UAAA,IAAI,MAAM,YADH,KAEV;AAAA,IAEJ,CAAC,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;AClJO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;;;"}

package/Tab-BxSxKJsP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab-BxSxKJsP.js","sources":["../src/components/Tabs/_tabUtils.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import {\n  Children,\n  isValidElement,\n  useState,\n  type FC,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Tabs as MuiTabs,\n  Tab as MuiTab,\n  Box,\n  type TabsProps as MuiTabsProps,\n} from '@mui/material';\n\nimport { TabProps } from './Tab';\nimport { TAB_DISPLAY_MAP } from './_tabUtils';\nimport { mergeSx } from '../_shared/mergeSx';\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  | 'centered'\n  | 'indicatorColor'\n  | 'orientation'\n  | 'scrollButtons'\n  | 'variant'\n  | 'className'\n  | 'sx'\n  | 'visibleScrollbar'\n  | 'allowScrollButtonsMobile'\n>;\n\nexport interface TabsProps extends PickTabsProps {\n  /** Uno o varios `<Tab>`. Children que no sean `<Tab>` se ignoran. */\n  children: ReactNode;\n  /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */\n  defaultValue?: number | string;\n  /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */\n  onChangeValue?: (newValue: number | string) => void;\n  labelColor?: 'primary' | 'secondary' | 'inherit';\n  /**\n   * Cómo se manejan los paneles al cambiar de tab:\n   * - `false` (default): **unmount** — solo se renderiza el panel activo; los\n   *   demás se desmontan. El state interno de los hijos se pierde al navegar.\n   *   Menor uso de memoria.\n   * - `true`: **keep mounted** — renderiza todos los paneles pero oculta los\n   *   no activos con `display: none`. El state se preserva (inputs, scroll,\n   *   timers, subscripciones) al navegar entre tabs.\n   */\n  keepMounted?: boolean;\n}\n\nexport const Tabs: FC<TabsProps> = ({\n  children,\n  defaultValue,\n  onChangeValue,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = 'auto',\n  variant = 'standard',\n  indicatorColor = 'primary',\n  labelColor = 'primary',\n  className,\n  allowScrollButtonsMobile = true,\n  keepMounted = false,\n  sx,\n}) => {\n  // Filtra a solo <Tab> children — acepta arrays, single child, fragments,\n  // y descarta cualquier otra cosa (strings, null, condicionales falsy).\n  const tabs: ReactElement<TabProps>[] = Children.toArray(children).filter(\n    (child): child is ReactElement<TabProps> =>\n      isValidElement(child) &&\n      (child.type as { displayName?: string })?.displayName === 'Tab',\n  );\n\n  const firstValue = tabs[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0,\n  );\n\n  const handleChange = (_event: SyntheticEvent, newValue: number | string) => {\n    setCurrentValue(newValue);\n    onChangeValue?.(newValue);\n  };\n\n  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];\n\n  return (\n    <Box sx={{ display, flexDirection }}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        sx={mergeSx({}, sx)}\n      >\n        {tabs.map((tab, idx) => {\n          const {\n            label,\n            icon,\n            value = idx,\n            disabled,\n            wrapped,\n            iconPosition,\n            className: tabClassName,\n            sx: tabSx,\n          } = tab.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} sx={{ width: '100%' }}>\n        {keepMounted\n          ? tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            const isActive = value === currentValue;\n            return (\n              <Box\n                key={value}\n                role=\"tabpanel\"\n                // `display: none` mantiene el nodo en el DOM — state de los\n                // hijos (inputs, useState, etc.) no se pierde al navegar.\n                sx={{ display: isActive ? 'block' : 'none' }}\n                aria-hidden={!isActive}\n              >\n                {tab.props.children}\n              </Box>\n            );\n          })\n          : tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            if (value !== currentValue) return null;\n            return (\n              <Box key={value} role=\"tabpanel\">\n                {tab.props.children}\n              </Box>\n            );\n          })}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["_a","MuiTabs","MuiTab"],"mappings":";;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACkDO,MAAM,OAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd;AACF,MAAM;;AAGJ,QAAM,OAAiC,SAAS,QAAQ,QAAQ,EAAE;AAAA,IAChE,CAAC,UAAA;;AACC,4BAAe,KAAK,OACnBA,MAAA,MAAM,SAAN,gBAAAA,IAAyC,iBAAgB;AAAA;AAAA,EAAA;AAG9D,QAAM,cAAa,UAAK,CAAC,MAAN,mBAAS,MAAM;AAClC,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,QAAwB,aAA8B;AAC1E,oBAAgB,QAAQ;AACxB,mDAAgB;AAAA,EAClB;AAEA,QAAM,EAAE,SAAS,kBAAkB,gBAAgB,WAAW;AAE9D,8BACG,KAAA,EAAI,IAAI,EAAE,SAAS,iBAClB,UAAA;AAAA,IAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,IAAI,QAAQ,CAAA,GAAI,EAAE;AAAA,QAEjB,UAAA,KAAK,IAAI,CAAC,KAAK,QAAQ;AACtB,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,IAAI;AAAA,UAAA,IACF,IAAI;AACR,iBACE;AAAA,YAACC;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,oBAAC,KAAA,EAAI,GAAG,GAAG,IAAI,EAAE,OAAO,OAAA,GACrB,UAAA,cACG,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQF,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,YAAM,WAAW,UAAU;AAC3B,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UAGL,IAAI,EAAE,SAAS,WAAW,UAAU,OAAA;AAAA,UACpC,eAAa,CAAC;AAAA,UAEb,cAAI,MAAM;AAAA,QAAA;AAAA,QAPN;AAAA,MAAA;AAAA,IAUX,CAAC,IACC,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQA,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,UAAI,UAAU,aAAc,QAAO;AACnC,iCACG,KAAA,EAAgB,MAAK,YACnB,UAAA,IAAI,MAAM,YADH,KAEV;AAAA,IAEJ,CAAC,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;AClJO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;"}