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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/Breadcrumbs-B9I3vxPb.cjs +25 -0
  2. package/Breadcrumbs-B9I3vxPb.cjs.map +1 -0
  3. package/Breadcrumbs-C41SPbtX.js +26 -0
  4. package/Breadcrumbs-C41SPbtX.js.map +1 -0
  5. package/ButtonGroup-CNunDofQ.cjs +33 -0
  6. package/ButtonGroup-CNunDofQ.cjs.map +1 -0
  7. package/ButtonGroup-CcKUZ-lT.js +34 -0
  8. package/ButtonGroup-CcKUZ-lT.js.map +1 -0
  9. package/Divider-BApcM5CV.js +28 -0
  10. package/Divider-BApcM5CV.js.map +1 -0
  11. package/Divider-CIY0JK4U.cjs +27 -0
  12. package/Divider-CIY0JK4U.cjs.map +1 -0
  13. package/components/Breadcrumbs/Breadcrumbs.cjs +6 -0
  14. package/components/Breadcrumbs/Breadcrumbs.cjs.map +1 -0
  15. package/components/Breadcrumbs/Breadcrumbs.d.ts +16 -0
  16. package/components/Breadcrumbs/Breadcrumbs.js +6 -0
  17. package/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  18. package/components/Breadcrumbs/index.d.ts +2 -0
  19. package/components/Breadcrumbs.d.ts +6 -0
  20. package/components/ButtonGroup/ButtonGroup.cjs +6 -0
  21. package/components/ButtonGroup/ButtonGroup.cjs.map +1 -0
  22. package/components/ButtonGroup/ButtonGroup.d.ts +18 -0
  23. package/components/ButtonGroup/ButtonGroup.js +6 -0
  24. package/components/ButtonGroup/ButtonGroup.js.map +1 -0
  25. package/components/ButtonGroup/index.d.ts +2 -0
  26. package/components/ButtonGroup.d.ts +6 -0
  27. package/components/Divider/Divider.cjs +6 -0
  28. package/components/Divider/Divider.cjs.map +1 -0
  29. package/components/Divider/Divider.d.ts +17 -0
  30. package/components/Divider/Divider.js +6 -0
  31. package/components/Divider/Divider.js.map +1 -0
  32. package/components/Divider/index.d.ts +2 -0
  33. package/components/Divider.d.ts +6 -0
  34. package/index.cjs +6 -4
  35. package/index.cjs.map +1 -1
  36. package/index.d.ts +6 -0
  37. package/index.js +11 -6
  38. package/index.js.map +1 -1
  39. package/package.json +16 -1
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ const jsxRuntime = require("react/jsx-runtime");
3
+ const material = require("@mui/material");
4
+ function Breadcrumbs({
5
+ children,
6
+ separator,
7
+ maxItems,
8
+ sx,
9
+ className,
10
+ "aria-label": ariaLabel = "breadcrumb"
11
+ }) {
12
+ return /* @__PURE__ */ jsxRuntime.jsx(
13
+ material.Breadcrumbs,
14
+ {
15
+ separator,
16
+ maxItems,
17
+ sx,
18
+ className,
19
+ "aria-label": ariaLabel,
20
+ children
21
+ }
22
+ );
23
+ }
24
+ exports.Breadcrumbs = Breadcrumbs;
25
+ //# sourceMappingURL=Breadcrumbs-B9I3vxPb.cjs.map
@@ -0,0 +1 @@
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;;"}
@@ -0,0 +1,26 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { Breadcrumbs as Breadcrumbs$1 } from "@mui/material";
3
+ function Breadcrumbs({
4
+ children,
5
+ separator,
6
+ maxItems,
7
+ sx,
8
+ className,
9
+ "aria-label": ariaLabel = "breadcrumb"
10
+ }) {
11
+ return /* @__PURE__ */ jsx(
12
+ Breadcrumbs$1,
13
+ {
14
+ separator,
15
+ maxItems,
16
+ sx,
17
+ className,
18
+ "aria-label": ariaLabel,
19
+ children
20
+ }
21
+ );
22
+ }
23
+ export {
24
+ Breadcrumbs as B
25
+ };
26
+ //# sourceMappingURL=Breadcrumbs-C41SPbtX.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ const jsxRuntime = require("react/jsx-runtime");
3
+ const material = require("@mui/material");
4
+ function ButtonGroup({
5
+ children,
6
+ size = "medium",
7
+ variant = "outlined",
8
+ orientation = "horizontal",
9
+ color = "primary",
10
+ disabled,
11
+ fullWidth,
12
+ sx,
13
+ className,
14
+ "aria-label": ariaLabel
15
+ }) {
16
+ return /* @__PURE__ */ jsxRuntime.jsx(
17
+ material.ButtonGroup,
18
+ {
19
+ size,
20
+ variant,
21
+ orientation,
22
+ color,
23
+ disabled,
24
+ fullWidth,
25
+ sx,
26
+ className,
27
+ "aria-label": ariaLabel,
28
+ children
29
+ }
30
+ );
31
+ }
32
+ exports.ButtonGroup = ButtonGroup;
33
+ //# sourceMappingURL=ButtonGroup-CNunDofQ.cjs.map
@@ -0,0 +1 @@
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;;"}
@@ -0,0 +1,34 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { ButtonGroup as ButtonGroup$1 } from "@mui/material";
3
+ function ButtonGroup({
4
+ children,
5
+ size = "medium",
6
+ variant = "outlined",
7
+ orientation = "horizontal",
8
+ color = "primary",
9
+ disabled,
10
+ fullWidth,
11
+ sx,
12
+ className,
13
+ "aria-label": ariaLabel
14
+ }) {
15
+ return /* @__PURE__ */ jsx(
16
+ ButtonGroup$1,
17
+ {
18
+ size,
19
+ variant,
20
+ orientation,
21
+ color,
22
+ disabled,
23
+ fullWidth,
24
+ sx,
25
+ className,
26
+ "aria-label": ariaLabel,
27
+ children
28
+ }
29
+ );
30
+ }
31
+ export {
32
+ ButtonGroup as B
33
+ };
34
+ //# sourceMappingURL=ButtonGroup-CcKUZ-lT.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,28 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { Divider as Divider$1 } from "@mui/material";
3
+ function Divider({
4
+ orientation = "horizontal",
5
+ variant = "fullWidth",
6
+ flexItem,
7
+ textAlign,
8
+ children,
9
+ sx,
10
+ className
11
+ }) {
12
+ return /* @__PURE__ */ jsx(
13
+ Divider$1,
14
+ {
15
+ orientation,
16
+ variant,
17
+ flexItem,
18
+ textAlign,
19
+ sx,
20
+ className,
21
+ children
22
+ }
23
+ );
24
+ }
25
+ export {
26
+ Divider as D
27
+ };
28
+ //# sourceMappingURL=Divider-BApcM5CV.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ const jsxRuntime = require("react/jsx-runtime");
3
+ const material = require("@mui/material");
4
+ function Divider({
5
+ orientation = "horizontal",
6
+ variant = "fullWidth",
7
+ flexItem,
8
+ textAlign,
9
+ children,
10
+ sx,
11
+ className
12
+ }) {
13
+ return /* @__PURE__ */ jsxRuntime.jsx(
14
+ material.Divider,
15
+ {
16
+ orientation,
17
+ variant,
18
+ flexItem,
19
+ textAlign,
20
+ sx,
21
+ className,
22
+ children
23
+ }
24
+ );
25
+ }
26
+ exports.Divider = Divider;
27
+ //# sourceMappingURL=Divider-CIY0JK4U.cjs.map
@@ -0,0 +1 @@
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;;"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const Breadcrumbs = require("../../Breadcrumbs-B9I3vxPb.cjs");
4
+ exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
5
+ exports.default = Breadcrumbs.Breadcrumbs;
6
+ //# sourceMappingURL=Breadcrumbs.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -0,0 +1,16 @@
1
+ import { ReactNode } from 'react';
2
+ import { SxProps, Theme } from '@mui/material/styles';
3
+ export interface BreadcrumbsProps {
4
+ /** Items (Links / Typography). */
5
+ children?: ReactNode;
6
+ /** Separador entre items. Default: `/`. */
7
+ separator?: ReactNode;
8
+ /** Colapsa si hay más de N items. */
9
+ maxItems?: number;
10
+ sx?: SxProps<Theme>;
11
+ className?: string;
12
+ 'aria-label'?: string;
13
+ }
14
+ /** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */
15
+ export declare function Breadcrumbs({ children, separator, maxItems, sx, className, 'aria-label': ariaLabel, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
16
+ export default Breadcrumbs;
@@ -0,0 +1,6 @@
1
+ import { B, B as B2 } from "../../Breadcrumbs-C41SPbtX.js";
2
+ export {
3
+ B as Breadcrumbs,
4
+ B2 as default
5
+ };
6
+ //# sourceMappingURL=Breadcrumbs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ export { Breadcrumbs, default } from './Breadcrumbs';
2
+ export type { BreadcrumbsProps } from './Breadcrumbs';
@@ -0,0 +1,6 @@
1
+ export * from './Breadcrumbs/index'
2
+ export {}
3
+ import _default from './Breadcrumbs/index'
4
+ export default _default
5
+ export * from './Breadcrumbs/index'
6
+ export {}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const ButtonGroup = require("../../ButtonGroup-CNunDofQ.cjs");
4
+ exports.ButtonGroup = ButtonGroup.ButtonGroup;
5
+ exports.default = ButtonGroup.ButtonGroup;
6
+ //# sourceMappingURL=ButtonGroup.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonGroup.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -0,0 +1,18 @@
1
+ import { ReactNode } from 'react';
2
+ import { SxProps, Theme } from '@mui/material/styles';
3
+ export interface ButtonGroupProps {
4
+ /** Botones agrupados. */
5
+ children?: ReactNode;
6
+ size?: 'small' | 'medium' | 'large';
7
+ variant?: 'text' | 'outlined' | 'contained';
8
+ orientation?: 'horizontal' | 'vertical';
9
+ color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
10
+ disabled?: boolean;
11
+ fullWidth?: boolean;
12
+ sx?: SxProps<Theme>;
13
+ className?: string;
14
+ 'aria-label'?: string;
15
+ }
16
+ /** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */
17
+ export declare function ButtonGroup({ children, size, variant, orientation, color, disabled, fullWidth, sx, className, 'aria-label': ariaLabel, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
18
+ export default ButtonGroup;
@@ -0,0 +1,6 @@
1
+ import { B, B as B2 } from "../../ButtonGroup-CcKUZ-lT.js";
2
+ export {
3
+ B as ButtonGroup,
4
+ B2 as default
5
+ };
6
+ //# sourceMappingURL=ButtonGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ export { ButtonGroup, default } from './ButtonGroup';
2
+ export type { ButtonGroupProps } from './ButtonGroup';
@@ -0,0 +1,6 @@
1
+ export * from './ButtonGroup/index'
2
+ export {}
3
+ import _default from './ButtonGroup/index'
4
+ export default _default
5
+ export * from './ButtonGroup/index'
6
+ export {}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const Divider = require("../../Divider-CIY0JK4U.cjs");
4
+ exports.Divider = Divider.Divider;
5
+ exports.default = Divider.Divider;
6
+ //# sourceMappingURL=Divider.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -0,0 +1,17 @@
1
+ import { ReactNode } from 'react';
2
+ import { SxProps, Theme } from '@mui/material/styles';
3
+ export interface DividerProps {
4
+ orientation?: 'horizontal' | 'vertical';
5
+ variant?: 'fullWidth' | 'inset' | 'middle';
6
+ /** Para usar dentro de contenedores flex (ej. divider vertical). */
7
+ flexItem?: boolean;
8
+ /** Alineación del contenido cuando hay `children` (label centrado, etc.). */
9
+ textAlign?: 'center' | 'left' | 'right';
10
+ /** Contenido opcional (label) en medio del divider. */
11
+ children?: ReactNode;
12
+ sx?: SxProps<Theme>;
13
+ className?: string;
14
+ }
15
+ /** Separador. Wrapper fino sobre MUI `Divider`. */
16
+ export declare function Divider({ orientation, variant, flexItem, textAlign, children, sx, className, }: DividerProps): import("react/jsx-runtime").JSX.Element;
17
+ export default Divider;
@@ -0,0 +1,6 @@
1
+ import { D, D as D2 } from "../../Divider-BApcM5CV.js";
2
+ export {
3
+ D as Divider,
4
+ D2 as default
5
+ };
6
+ //# sourceMappingURL=Divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ export { Divider, default } from './Divider';
2
+ export type { DividerProps } from './Divider';
@@ -0,0 +1,6 @@
1
+ export * from './Divider/index'
2
+ export {}
3
+ import _default from './Divider/index'
4
+ export default _default
5
+ export * from './Divider/index'
6
+ export {}
package/index.cjs CHANGED
@@ -11,6 +11,9 @@ const Avatar = require("./Avatar-Dw5rzayR.cjs");
11
11
  const Stat = require("./Stat-BUcFCGrz.cjs");
12
12
  const Spinner = require("./Spinner-D7qRmNS9.cjs");
13
13
  const Alert = require("./Alert-B3SMPD1s.cjs");
14
+ const Divider = require("./Divider-CIY0JK4U.cjs");
15
+ const ButtonGroup = require("./ButtonGroup-CNunDofQ.cjs");
16
+ const Breadcrumbs = require("./Breadcrumbs-B9I3vxPb.cjs");
14
17
  const Step = require("./Step-Nd7SJbRZ.cjs");
15
18
  const Tab = require("./Tab-BbP8jBcK.cjs");
16
19
  const Table = require("./Table-C4OM6rrC.cjs");
@@ -58,10 +61,6 @@ Object.defineProperty(exports, "Container", {
58
61
  enumerable: true,
59
62
  get: () => material.Container
60
63
  });
61
- Object.defineProperty(exports, "Divider", {
62
- enumerable: true,
63
- get: () => material.Divider
64
- });
65
64
  Object.defineProperty(exports, "Fade", {
66
65
  enumerable: true,
67
66
  get: () => material.Fade
@@ -166,6 +165,9 @@ exports.Avatar = Avatar.Avatar;
166
165
  exports.Stat = Stat.Stat;
167
166
  exports.Spinner = Spinner.Spinner;
168
167
  exports.Alert = Alert.Alert;
168
+ exports.Divider = Divider.Divider;
169
+ exports.ButtonGroup = ButtonGroup.ButtonGroup;
170
+ exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
169
171
  exports.Step = Step.Step;
170
172
  exports.Stepper = Step.Stepper;
171
173
  exports.Tab = Tab.Tab;
package/index.cjs.map CHANGED
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/index.d.ts CHANGED
@@ -14,6 +14,12 @@ export { Spinner } from './components/Spinner';
14
14
  export type { SpinnerProps, SpinnerSize, SpinnerColor } from './components/Spinner';
15
15
  export { Alert } from './components/Alert';
16
16
  export type { AlertProps, AlertSeverity, AlertVariant } from './components/Alert';
17
+ export { Divider } from './components/Divider';
18
+ export type { DividerProps } from './components/Divider';
19
+ export { ButtonGroup } from './components/ButtonGroup';
20
+ export type { ButtonGroupProps } from './components/ButtonGroup';
21
+ export { Breadcrumbs } from './components/Breadcrumbs';
22
+ export type { BreadcrumbsProps } from './components/Breadcrumbs';
17
23
  export { Stepper, Step } from './components/Stepper';
18
24
  export { Tabs, Tab } from './components/Tabs';
19
25
  export { Table } from './components/Table';
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { D, r } from "./resolvePreset-K6_BfWHD.js";
2
- 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";
2
+ 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";
3
3
  import { renderMultiSectionDigitalClockTimeView } from "@mui/x-date-pickers/timeViewRenderers";
4
4
  import { B } from "./Button-UkkP-bNw.js";
5
5
  import { C } from "./Card-DYKGY-NG.js";
@@ -9,6 +9,9 @@ import { A } from "./Avatar-H8akSege.js";
9
9
  import { S } from "./Stat-C06A_izS.js";
10
10
  import { S as S2 } from "./Spinner-B6sThC1p.js";
11
11
  import { A as A2 } from "./Alert-YsPScpSE.js";
12
+ import { D as D2 } from "./Divider-BApcM5CV.js";
13
+ import { B as B2 } from "./ButtonGroup-CcKUZ-lT.js";
14
+ import { B as B3 } from "./Breadcrumbs-C41SPbtX.js";
12
15
  import { a, S as S3 } from "./Step-BArsou1V.js";
13
16
  import { a as a2, T } from "./Tab-BxSxKJsP.js";
14
17
  import { T as T2 } from "./Table-C2LbW0B1.js";
@@ -20,8 +23,8 @@ import { A as A3, a as a4 } from "./Autocomplete-C_lW1VER.js";
20
23
  import { S as S6 } from "./Switch-D72dpkH2.js";
21
24
  import { R } from "./RadioGroup-bO-ahP9T.js";
22
25
  import { C as C3 } from "./Checkbox-gB5YKkVo.js";
23
- import { D as D2 } from "./DatePicker-_IGWc3I5.js";
24
- import { D as D3 } from "./DateTimePicker-CrmWav_j.js";
26
+ import { D as D3 } from "./DatePicker-_IGWc3I5.js";
27
+ import { D as D4 } from "./DateTimePicker-CrmWav_j.js";
25
28
  import './index.css';function scrollToTop({
26
29
  behavior = "smooth",
27
30
  target = typeof window !== "undefined" ? window : void 0,
@@ -38,7 +41,9 @@ export {
38
41
  A as Avatar,
39
42
  Backdrop,
40
43
  Box,
44
+ B3 as Breadcrumbs,
41
45
  B as Button,
46
+ B2 as ButtonGroup,
42
47
  C as Card,
43
48
  C3 as Checkbox,
44
49
  C2 as Chip,
@@ -47,9 +52,9 @@ export {
47
52
  Column,
48
53
  Container,
49
54
  D as DEFAULT_PRESET_NAME,
50
- D2 as DatePicker,
51
- D3 as DateTimePicker,
52
- Divider,
55
+ D3 as DatePicker,
56
+ D4 as DateTimePicker,
57
+ D2 as Divider,
53
58
  Fade,
54
59
  Grid,
55
60
  Grow,
package/index.js.map CHANGED
@@ -1 +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;"}
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;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soyfri/shared-library",
3
- "version": "2.0.0-beta.33",
3
+ "version": "2.0.0-beta.34",
4
4
  "main": "./index.cjs",
5
5
  "module": "./index.js",
6
6
  "types": "./index.d.ts",
@@ -128,6 +128,11 @@
128
128
  "require": "./components/Drawer/Drawer.cjs",
129
129
  "types": "./components/Drawer/index.d.ts"
130
130
  },
131
+ "./components/Divider": {
132
+ "import": "./components/Divider/Divider.js",
133
+ "require": "./components/Divider/Divider.cjs",
134
+ "types": "./components/Divider/index.d.ts"
135
+ },
131
136
  "./components/DateTimePicker": {
132
137
  "import": "./components/DateTimePicker/DateTimePicker.js",
133
138
  "require": "./components/DateTimePicker/DateTimePicker.cjs",
@@ -158,11 +163,21 @@
158
163
  "require": "./components/Card/Card.cjs",
159
164
  "types": "./components/Card/index.d.ts"
160
165
  },
166
+ "./components/ButtonGroup": {
167
+ "import": "./components/ButtonGroup/ButtonGroup.js",
168
+ "require": "./components/ButtonGroup/ButtonGroup.cjs",
169
+ "types": "./components/ButtonGroup/index.d.ts"
170
+ },
161
171
  "./components/Button": {
162
172
  "import": "./components/Button/Button.js",
163
173
  "require": "./components/Button/Button.cjs",
164
174
  "types": "./components/Button/index.d.ts"
165
175
  },
176
+ "./components/Breadcrumbs": {
177
+ "import": "./components/Breadcrumbs/Breadcrumbs.js",
178
+ "require": "./components/Breadcrumbs/Breadcrumbs.cjs",
179
+ "types": "./components/Breadcrumbs/index.d.ts"
180
+ },
166
181
  "./components/Avatar": {
167
182
  "import": "./components/Avatar/Avatar.js",
168
183
  "require": "./components/Avatar/Avatar.cjs",