@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.
Files changed (46) hide show
  1. package/dist/classNames-CN12fVA7.cjs +1 -0
  2. package/dist/{index-CcUNk-y0.js → classNames-EUcv3dqx.js} +174 -188
  3. package/dist/components/index.d.ts +2 -0
  4. package/dist/components/index.d.ts.map +1 -1
  5. package/dist/components/steps/steps.component.d.ts +1 -1
  6. package/dist/components/steps/steps.component.d.ts.map +1 -1
  7. package/dist/components/steps/steps.stories.d.ts +4 -0
  8. package/dist/components/steps/steps.stories.d.ts.map +1 -1
  9. package/dist/components/steps/steps.types.d.ts +2 -0
  10. package/dist/components/steps/steps.types.d.ts.map +1 -1
  11. package/dist/components/toggle/constants/variants.d.ts +18 -0
  12. package/dist/components/toggle/constants/variants.d.ts.map +1 -0
  13. package/dist/components/toggle/index.d.ts +3 -0
  14. package/dist/components/toggle/index.d.ts.map +1 -0
  15. package/dist/components/toggle/toggle.component.d.ts +27 -0
  16. package/dist/components/toggle/toggle.component.d.ts.map +1 -0
  17. package/dist/components/toggle/toggle.stories.d.ts +15 -0
  18. package/dist/components/toggle/toggle.stories.d.ts.map +1 -0
  19. package/dist/components/toggle/toggle.test.d.ts +2 -0
  20. package/dist/components/toggle/toggle.test.d.ts.map +1 -0
  21. package/dist/components/toggle-group/index.d.ts +2 -0
  22. package/dist/components/toggle-group/index.d.ts.map +1 -0
  23. package/dist/components/toggle-group/toggle-group-context.d.ts +22 -0
  24. package/dist/components/toggle-group/toggle-group-context.d.ts.map +1 -0
  25. package/dist/components/toggle-group/toggle-group-item.component.d.ts +28 -0
  26. package/dist/components/toggle-group/toggle-group-item.component.d.ts.map +1 -0
  27. package/dist/components/toggle-group/toggle-group.component.d.ts +37 -0
  28. package/dist/components/toggle-group/toggle-group.component.d.ts.map +1 -0
  29. package/dist/components/toggle-group/toggle-group.stories.d.ts +16 -0
  30. package/dist/components/toggle-group/toggle-group.stories.d.ts.map +1 -0
  31. package/dist/components/toggle-group/toggle-group.test.d.ts +2 -0
  32. package/dist/components/toggle-group/toggle-group.test.d.ts.map +1 -0
  33. package/dist/index-B2-I-g4_.js +18 -0
  34. package/dist/index-CFlnP8Em.cjs +1 -0
  35. package/dist/layout/content.component.d.ts.map +1 -1
  36. package/dist/styles.css +1 -1
  37. package/dist/ui-components-hooks.js +1 -1
  38. package/dist/ui-components-index.cjs +30 -30
  39. package/dist/ui-components-index.js +7022 -6698
  40. package/dist/ui-components-layout.cjs +32 -32
  41. package/dist/ui-components-layout.js +6058 -5901
  42. package/dist/ui-components-utils.cjs +1 -1
  43. package/dist/ui-components-utils.js +7 -6
  44. package/dist/{useTranslation-Cenukg7h.js → useTranslation-DlVfOUdM.js} +3 -3
  45. package/package.json +2 -1
  46. 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,+BAA4C,UAAU,4CA4DhE,CAAA;AAED,eAAe,KAAK,CAAA"}
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,CA4B5B,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"}
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;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
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,3 @@
1
+ export * as Toggle from './toggle.component';
2
+ export * from './constants/variants';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=toggle.test.d.ts.map
@@ -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,2 @@
1
+ export * as ToggleGroup from './toggle-group.component';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=toggle-group.test.d.ts.map
@@ -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":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,sCAIjB,cAAc,CAAC,KAAK,CAAC,4CASvB,CAAA"}
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"}