@mp-front/components 0.0.1-next-3 → 0.0.1-next-5
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/dist/classNames-CN12fVA7.cjs +1 -0
- package/dist/{index-CcUNk-y0.js → classNames-EUcv3dqx.js} +174 -188
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/steps/steps.component.d.ts +1 -1
- package/dist/components/steps/steps.component.d.ts.map +1 -1
- package/dist/components/steps/steps.stories.d.ts +4 -0
- package/dist/components/steps/steps.stories.d.ts.map +1 -1
- package/dist/components/steps/steps.types.d.ts +2 -0
- package/dist/components/steps/steps.types.d.ts.map +1 -1
- package/dist/components/toggle/constants/variants.d.ts +18 -0
- package/dist/components/toggle/constants/variants.d.ts.map +1 -0
- package/dist/components/toggle/index.d.ts +3 -0
- package/dist/components/toggle/index.d.ts.map +1 -0
- package/dist/components/toggle/toggle.component.d.ts +27 -0
- package/dist/components/toggle/toggle.component.d.ts.map +1 -0
- package/dist/components/toggle/toggle.stories.d.ts +15 -0
- package/dist/components/toggle/toggle.stories.d.ts.map +1 -0
- package/dist/components/toggle/toggle.test.d.ts +2 -0
- package/dist/components/toggle/toggle.test.d.ts.map +1 -0
- package/dist/components/toggle-group/index.d.ts +2 -0
- package/dist/components/toggle-group/index.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group-context.d.ts +22 -0
- package/dist/components/toggle-group/toggle-group-context.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group-item.component.d.ts +28 -0
- package/dist/components/toggle-group/toggle-group-item.component.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group.component.d.ts +37 -0
- package/dist/components/toggle-group/toggle-group.component.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group.stories.d.ts +16 -0
- package/dist/components/toggle-group/toggle-group.stories.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group.test.d.ts +2 -0
- package/dist/components/toggle-group/toggle-group.test.d.ts.map +1 -0
- package/dist/index-B2-I-g4_.js +18 -0
- package/dist/index-CFlnP8Em.cjs +1 -0
- package/dist/layout/content.component.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/ui-components-hooks.js +1 -1
- package/dist/ui-components-index.cjs +30 -30
- package/dist/ui-components-index.js +7022 -6698
- package/dist/ui-components-layout.cjs +32 -32
- package/dist/ui-components-layout.js +6058 -5901
- package/dist/ui-components-utils.cjs +1 -1
- package/dist/ui-components-utils.js +7 -6
- package/dist/{useTranslation-Cenukg7h.js → useTranslation-DlVfOUdM.js} +3 -3
- package/package.json +2 -1
- package/dist/index-B2DyV2Jl.cjs +0 -1
|
@@ -35,4 +35,6 @@ export { default as Tooltip } from './tooltip/tooltip.component';
|
|
|
35
35
|
export { default as Typography } from './typography';
|
|
36
36
|
export { default as Row } from './grid/row/row.component';
|
|
37
37
|
export { default as Col } from './grid/col/col.component';
|
|
38
|
+
export { default as Toggle } from './toggle/toggle.component';
|
|
39
|
+
export { default as ToggleGroup } from './toggle-group/toggle-group.component';
|
|
38
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,0BAA0B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AAEzB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAA"}
|
|
@@ -46,6 +46,6 @@ import { StepsProps } from './steps.types';
|
|
|
46
46
|
* @see {@link StepsList} for rendering the list of steps
|
|
47
47
|
* @see {@link StepButton} for navigation buttons
|
|
48
48
|
*/
|
|
49
|
-
declare const Steps: ({ steps, size, className }: StepsProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
declare const Steps: ({ steps, size, className, withNavigation, }: StepsProps) => import("react/jsx-runtime").JSX.Element;
|
|
50
50
|
export default Steps;
|
|
51
51
|
//# sourceMappingURL=steps.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"steps.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAe,MAAM,eAAe,CAAA;AAcvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"steps.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAe,MAAM,eAAe,CAAA;AAcvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,KAAK,gDAKR,UAAU,4CAoEZ,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -47,4 +47,8 @@ export declare const WithoutLinks: Story;
|
|
|
47
47
|
* Custom styling example
|
|
48
48
|
*/
|
|
49
49
|
export declare const CustomStyling: Story;
|
|
50
|
+
/**
|
|
51
|
+
* Without navigation buttons
|
|
52
|
+
*/
|
|
53
|
+
export declare const WithoutNavigation: Story;
|
|
50
54
|
//# sourceMappingURL=steps.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"steps.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"steps.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgC5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAWlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAavB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KASvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAA"}
|
|
@@ -87,6 +87,7 @@ export interface StepContent {
|
|
|
87
87
|
* @property {StepContent[]} steps - Array of steps to display in the flow
|
|
88
88
|
* @property {Size} [size='md'] - Component size ('sm' | 'md' | 'lg')
|
|
89
89
|
* @property {string} [className=''] - Additional CSS classes for customization
|
|
90
|
+
* @property {boolean} [withNavigation=true] - Show/hide navigation buttons
|
|
90
91
|
*
|
|
91
92
|
* @example
|
|
92
93
|
* ```tsx
|
|
@@ -101,5 +102,6 @@ export interface StepsProps {
|
|
|
101
102
|
steps: StepContent[];
|
|
102
103
|
size?: Size;
|
|
103
104
|
className?: string;
|
|
105
|
+
withNavigation?: boolean;
|
|
104
106
|
}
|
|
105
107
|
//# sourceMappingURL=steps.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"steps.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAExE;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,IAAI,CAAA;CACX;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;AAED
|
|
1
|
+
{"version":3,"file":"steps.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/steps/steps.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAExE;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,IAAI,CAAA;CACX;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Variantes de estilos para el componente Toggle.
|
|
3
|
+
* Define las clases CSS y variantes disponibles para personalizar la apariencia del toggle.
|
|
4
|
+
*
|
|
5
|
+
* @returns {VariantProps} Función CVA con variantes de tamaño y estilo
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { toggleVariants } from 'mp-ui-components'
|
|
10
|
+
*
|
|
11
|
+
* const className = toggleVariants({ variant: 'outline', size: 'sm' })
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
export declare const toggleVariants: (props?: {
|
|
15
|
+
variant?: "outline" | "default";
|
|
16
|
+
size?: "sm" | "lg" | "default";
|
|
17
|
+
} & import('class-variance-authority/types').ClassProp) => string;
|
|
18
|
+
//# sourceMappingURL=variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toggle/constants/variants.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc;;;iEAmB1B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAC5C,cAAc,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { Toggle as TogglePrimitive } from 'radix-ui';
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
|
+
import { toggleVariants } from './constants/variants';
|
|
5
|
+
/**
|
|
6
|
+
* Componente Toggle que permite alternar entre estados activado/desactivado.
|
|
7
|
+
* Basado en Radix UI Toggle con variantes de estilo personalizables.
|
|
8
|
+
*
|
|
9
|
+
* @param {ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>} props - Propiedades del componente
|
|
10
|
+
* @param {string} props.className - Clases CSS adicionales para personalizar el estilo
|
|
11
|
+
* @param {"default" | "outline"} props.variant - Variante de estilo del toggle (default: "default")
|
|
12
|
+
* @param {"default" | "sm" | "lg"} props.size - Tamaño del toggle (default: "default")
|
|
13
|
+
*
|
|
14
|
+
* @returns {JSX.Element} Elemento Toggle renderizado
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* import { Toggle } from 'mp-ui-components'
|
|
19
|
+
*
|
|
20
|
+
* <Toggle variant="outline" size="sm">
|
|
21
|
+
* <IconBold />
|
|
22
|
+
* </Toggle>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
declare const Toggle: ({ className, variant, size, ...props }: ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export default Toggle;
|
|
27
|
+
//# sourceMappingURL=toggle.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle/toggle.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAEvE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,MAAM,2CAKT,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAC5C,YAAY,CAAC,OAAO,cAAc,CAAC,4CAQpC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Toggle } from './toggle.component';
|
|
3
|
+
declare const meta: Meta<typeof Toggle>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Outline: Story;
|
|
8
|
+
export declare const Small: Story;
|
|
9
|
+
export declare const Large: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const OutlineSmall: Story;
|
|
12
|
+
export declare const OutlineLarge: Story;
|
|
13
|
+
export declare const Group: Story;
|
|
14
|
+
export declare const OutlineGroup: Story;
|
|
15
|
+
//# sourceMappingURL=toggle.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle/toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA0B7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle/toggle.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
/**
|
|
3
|
+
* Contexto para compartir configuración entre componentes ToggleGroup y ToggleGroupItem.
|
|
4
|
+
* Proporciona variantes de estilo, espaciado y orientación a todos los items del grupo.
|
|
5
|
+
*
|
|
6
|
+
* @type {React.Context<VariantProps<typeof toggleVariants> & { spacing?: number; orientation?: "horizontal" | "vertical" }>}
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* import { ToggleGroupContext } from '@/components/toggle-group/toggle-group-context'
|
|
11
|
+
*
|
|
12
|
+
* const context = useContext(ToggleGroupContext)
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
export declare const ToggleGroupContext: import('react').Context<VariantProps<(props?: {
|
|
16
|
+
variant?: "outline" | "default";
|
|
17
|
+
size?: "sm" | "lg" | "default";
|
|
18
|
+
} & import('class-variance-authority/types').ClassProp) => string> & {
|
|
19
|
+
spacing?: number;
|
|
20
|
+
orientation?: "horizontal" | "vertical";
|
|
21
|
+
}>;
|
|
22
|
+
//# sourceMappingURL=toggle-group-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group-context.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle-group/toggle-group-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB;;;;cAEjB,MAAM;kBACF,YAAY,GAAG,UAAU;EAOzC,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
|
|
3
|
+
import { toggleVariants } from '../toggle';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
/**
|
|
6
|
+
* Item individual dentro de un ToggleGroup.
|
|
7
|
+
* Hereda automáticamente las variantes y configuración del grupo padre mediante contexto.
|
|
8
|
+
*
|
|
9
|
+
* @param {ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>} props - Propiedades del componente
|
|
10
|
+
* @param {string} props.className - Clases CSS adicionales
|
|
11
|
+
* @param {React.ReactNode} props.children - Contenido del item
|
|
12
|
+
* @param {"default" | "outline"} props.variant - Variante de estilo (default: "default", heredado del grupo si existe)
|
|
13
|
+
* @param {"default" | "sm" | "lg"} props.size - Tamaño del item (default: "default", heredado del grupo si existe)
|
|
14
|
+
*
|
|
15
|
+
* @returns {JSX.Element} Elemento ToggleGroupItem renderizado
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* import { ToggleGroup } from 'mp-ui-components'
|
|
20
|
+
*
|
|
21
|
+
* <ToggleGroup.Item value="bold">
|
|
22
|
+
* <IconBold />
|
|
23
|
+
* </ToggleGroup.Item>
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
declare const ToggleGroupItem: ({ className, children, variant, size, ...props }: ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export default ToggleGroupItem;
|
|
28
|
+
//# sourceMappingURL=toggle-group-item.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group-item.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle-group/toggle-group-item.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,eAAe,qDAMlB,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,cAAc,CAAC,4CAsBpC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
|
|
3
|
+
import { toggleVariants } from '../toggle';
|
|
4
|
+
import { ComponentProps } from 'react';
|
|
5
|
+
/**
|
|
6
|
+
* Componente ToggleGroup que agrupa múltiples toggles con selección única o múltiple.
|
|
7
|
+
* Basado en Radix UI ToggleGroup con soporte para orientación horizontal/vertical y espaciado personalizable.
|
|
8
|
+
*
|
|
9
|
+
* @param {ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>} props - Propiedades del componente
|
|
10
|
+
* @param {string} props.className - Clases CSS adicionales
|
|
11
|
+
* @param {"default" | "outline"} props.variant - Variante de estilo aplicada a todos los items
|
|
12
|
+
* @param {"default" | "sm" | "lg"} props.size - Tamaño aplicado a todos los items
|
|
13
|
+
* @param {number} props.spacing - Espaciado entre items en píxeles (default: 0)
|
|
14
|
+
* @param {"horizontal" | "vertical"} props.orientation - Orientación del grupo (default: "horizontal")
|
|
15
|
+
* @param {React.ReactNode} props.children - Items del grupo (ToggleGroup.Item)
|
|
16
|
+
*
|
|
17
|
+
* @returns {JSX.Element} Elemento ToggleGroup renderizado
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```tsx
|
|
21
|
+
* import { ToggleGroup } from 'mp-ui-components'
|
|
22
|
+
*
|
|
23
|
+
* <ToggleGroup type="single" variant="outline" spacing={4}>
|
|
24
|
+
* <ToggleGroup.Item value="bold">Bold</ToggleGroup.Item>
|
|
25
|
+
* <ToggleGroup.Item value="italic">Italic</ToggleGroup.Item>
|
|
26
|
+
* </ToggleGroup>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
declare const ToggleGroup: {
|
|
30
|
+
({ className, variant, size, spacing, orientation, children, ...props }: ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
|
|
31
|
+
spacing?: number;
|
|
32
|
+
orientation?: "horizontal" | "vertical";
|
|
33
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
Item: ({ className, children, variant, size, ...props }: ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
};
|
|
36
|
+
export default ToggleGroup;
|
|
37
|
+
//# sourceMappingURL=toggle-group.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle-group/toggle-group.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAA;AAGrD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,WAAW;6EAQd,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;QACpC,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;KACxC;mFAtBO,qBAEF,IAAI;CA0CX,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as ToggleGroup } from './toggle-group.component';
|
|
3
|
+
declare const meta: Meta<typeof ToggleGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ToggleGroup>;
|
|
6
|
+
export declare const Single: Story;
|
|
7
|
+
export declare const Multiple: Story;
|
|
8
|
+
export declare const Outline: Story;
|
|
9
|
+
export declare const WithSpacing: Story;
|
|
10
|
+
export declare const Small: Story;
|
|
11
|
+
export declare const Large: Story;
|
|
12
|
+
export declare const Vertical: Story;
|
|
13
|
+
export declare const VerticalWithSpacing: Story;
|
|
14
|
+
export declare const Disabled: Story;
|
|
15
|
+
export declare const OutlineVertical: Story;
|
|
16
|
+
//# sourceMappingURL=toggle-group.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle-group/toggle-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAqClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle-group.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toggle-group/toggle-group.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const o = (n, s) => `${n}-${s}`, m = (n, s) => s ? [
|
|
2
|
+
(s == null ? void 0 : s.sm) && `sm:${o(n, s.sm)}`,
|
|
3
|
+
(s == null ? void 0 : s.md) && `md:${o(n, s.md)}`,
|
|
4
|
+
(s == null ? void 0 : s.lg) && `lg:${o(n, s.lg)}`,
|
|
5
|
+
(s == null ? void 0 : s.xl) && `xl:${o(n, s.xl)}`
|
|
6
|
+
].filter(Boolean) : [], $ = (n, s) => {
|
|
7
|
+
const t = [];
|
|
8
|
+
if (typeof s == "number" || typeof s == "string")
|
|
9
|
+
t.push(o(n, s));
|
|
10
|
+
else if (s && s) {
|
|
11
|
+
const [g, r] = s;
|
|
12
|
+
t.push(o(n, g)), t.push(...m(n, r));
|
|
13
|
+
}
|
|
14
|
+
return t.join(" ");
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
$ as g
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=(n,s)=>`${n}-${s}`,m=(n,s)=>s?[(s==null?void 0:s.sm)&&`sm:${t(n,s.sm)}`,(s==null?void 0:s.md)&&`md:${t(n,s.md)}`,(s==null?void 0:s.lg)&&`lg:${t(n,s.lg)}`,(s==null?void 0:s.xl)&&`xl:${t(n,s.xl)}`].filter(Boolean):[],c=(n,s)=>{const o=[];if(typeof s=="number"||typeof s=="string")o.push(t(n,s));else if(s&&s){const[r,g]=s;o.push(t(n,r)),o.push(...m(n,g))}return o.join(" ")};exports.generateClasses=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.component.d.ts","sourceRoot":"","sources":["../../src/lib/layout/content.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"content.component.d.ts","sourceRoot":"","sources":["../../src/lib/layout/content.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,sCAIjB,cAAc,CAAC,KAAK,CAAC,4CASvB,CAAA"}
|