@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.
- package/Breadcrumbs-B9I3vxPb.cjs +25 -0
- package/Breadcrumbs-B9I3vxPb.cjs.map +1 -0
- package/Breadcrumbs-C41SPbtX.js +26 -0
- package/Breadcrumbs-C41SPbtX.js.map +1 -0
- package/ButtonGroup-CNunDofQ.cjs +33 -0
- package/ButtonGroup-CNunDofQ.cjs.map +1 -0
- package/ButtonGroup-CcKUZ-lT.js +34 -0
- package/ButtonGroup-CcKUZ-lT.js.map +1 -0
- package/Divider-BApcM5CV.js +28 -0
- package/Divider-BApcM5CV.js.map +1 -0
- package/Divider-CIY0JK4U.cjs +27 -0
- package/Divider-CIY0JK4U.cjs.map +1 -0
- package/components/Breadcrumbs/Breadcrumbs.cjs +6 -0
- package/components/Breadcrumbs/Breadcrumbs.cjs.map +1 -0
- package/components/Breadcrumbs/Breadcrumbs.d.ts +16 -0
- package/components/Breadcrumbs/Breadcrumbs.js +6 -0
- package/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/components/Breadcrumbs/index.d.ts +2 -0
- package/components/Breadcrumbs.d.ts +6 -0
- package/components/ButtonGroup/ButtonGroup.cjs +6 -0
- package/components/ButtonGroup/ButtonGroup.cjs.map +1 -0
- package/components/ButtonGroup/ButtonGroup.d.ts +18 -0
- package/components/ButtonGroup/ButtonGroup.js +6 -0
- package/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/components/ButtonGroup/index.d.ts +2 -0
- package/components/ButtonGroup.d.ts +6 -0
- package/components/Divider/Divider.cjs +6 -0
- package/components/Divider/Divider.cjs.map +1 -0
- package/components/Divider/Divider.d.ts +17 -0
- package/components/Divider/Divider.js +6 -0
- package/components/Divider/Divider.js.map +1 -0
- package/components/Divider/index.d.ts +2 -0
- package/components/Divider.d.ts +6 -0
- package/index.cjs +6 -4
- package/index.cjs.map +1 -1
- package/index.d.ts +6 -0
- package/index.js +11 -6
- package/index.js.map +1 -1
- 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 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
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":"
|
|
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,
|
|
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
|
|
24
|
-
import { D as
|
|
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
|
-
|
|
51
|
-
|
|
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":"
|
|
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.
|
|
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",
|