@mp-front/components 0.0.1-next-1 → 0.0.1-next-2

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 (45) hide show
  1. package/dist/components/grid/col/col.component.d.ts +4 -0
  2. package/dist/components/grid/col/col.component.d.ts.map +1 -0
  3. package/dist/components/grid/col/index.d.ts +2 -0
  4. package/dist/components/grid/col/index.d.ts.map +1 -0
  5. package/dist/components/grid/grid.stories.d.ts +52 -0
  6. package/dist/components/grid/grid.stories.d.ts.map +1 -0
  7. package/dist/components/grid/grid.test.d.ts +2 -0
  8. package/dist/components/grid/grid.test.d.ts.map +1 -0
  9. package/dist/components/grid/grid.types.d.ts +33 -0
  10. package/dist/components/grid/grid.types.d.ts.map +1 -0
  11. package/dist/components/grid/index.d.ts +3 -0
  12. package/dist/components/grid/index.d.ts.map +1 -0
  13. package/dist/components/grid/row/index.d.ts +2 -0
  14. package/dist/components/grid/row/index.d.ts.map +1 -0
  15. package/dist/components/grid/row/row.component.d.ts +4 -0
  16. package/dist/components/grid/row/row.component.d.ts.map +1 -0
  17. package/dist/components/index.d.ts +3 -0
  18. package/dist/components/index.d.ts.map +1 -1
  19. package/dist/components/tabs/index.d.ts +3 -0
  20. package/dist/components/tabs/index.d.ts.map +1 -0
  21. package/dist/components/tabs/tabs.component.d.ts +4 -0
  22. package/dist/components/tabs/tabs.component.d.ts.map +1 -0
  23. package/dist/components/tabs/tabs.stories.d.ts +8 -0
  24. package/dist/components/tabs/tabs.stories.d.ts.map +1 -0
  25. package/dist/components/tabs/tabs.styles.d.ts +15 -0
  26. package/dist/components/tabs/tabs.styles.d.ts.map +1 -0
  27. package/dist/components/tabs/tabs.test.d.ts +2 -0
  28. package/dist/components/tabs/tabs.test.d.ts.map +1 -0
  29. package/dist/components/tabs/tabs.types.d.ts +19 -0
  30. package/dist/components/tabs/tabs.types.d.ts.map +1 -0
  31. package/dist/components/tabs/tabs.utils.d.ts +6 -0
  32. package/dist/components/tabs/tabs.utils.d.ts.map +1 -0
  33. package/dist/components/tabs/tabsContent.d.ts +10 -0
  34. package/dist/components/tabs/tabsContent.d.ts.map +1 -0
  35. package/dist/components/tabs/tabsList.d.ts +11 -0
  36. package/dist/components/tabs/tabsList.d.ts.map +1 -0
  37. package/dist/styles.css +1 -1
  38. package/dist/ui-components-hooks.js +1 -1
  39. package/dist/ui-components-index.cjs +39 -39
  40. package/dist/ui-components-index.js +6762 -6477
  41. package/package.json +1 -1
  42. package/dist/constants/tailwind-config/index.d.ts +0 -3
  43. package/dist/constants/tailwind-config/index.d.ts.map +0 -1
  44. package/dist/ui-components-tailwind.cjs +0 -1
  45. package/dist/ui-components-tailwind.js +0 -9
@@ -0,0 +1,4 @@
1
+ import { ICol } from '../../../interfaces/grid';
2
+ declare const Col: ({ align, end, justify, span, start, className, ...props }: ICol) => import("react/jsx-runtime").JSX.Element;
3
+ export default Col;
4
+ //# sourceMappingURL=col.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"col.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/col/col.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAYrD,QAAA,MAAM,GAAG,8DAQN,IAAI,4CAgBN,CAAA;AAED,eAAe,GAAG,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * as Col from './col.component';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/col/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,iBAAiB,CAAA"}
@@ -0,0 +1,52 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ /**
3
+ * Stories de Storybook para el sistema de Grid (Row y Col).
4
+ *
5
+ * Demuestra el uso combinado y responsivo de los componentes Row y Col,
6
+ * respetando sus interfaces y mostrando ejemplos prácticos.
7
+ *
8
+ * @module GridStories
9
+ * @see {@link Row} para el componente de fila
10
+ * @see {@link Col} para el componente de columna
11
+ */
12
+ declare const meta: Meta;
13
+ export default meta;
14
+ type Story = StoryObj;
15
+ /**
16
+ * Ejemplo básico de grid con 3 columnas de igual tamaño.
17
+ *
18
+ * @example
19
+ * ```tsx
20
+ * <Row cols={3} gap={4}>
21
+ * <Col>Col 1</Col>
22
+ * <Col>Col 2</Col>
23
+ * <Col>Col 3</Col>
24
+ * </Row>
25
+ * ```
26
+ */
27
+ export declare const Basico: Story;
28
+ /**
29
+ * Ejemplo de grid responsivo usando la prop `span` en Col.
30
+ *
31
+ * @example
32
+ * ```tsx
33
+ * <Row cols={12} gap={2}>
34
+ * <Col span={[12, { md: 6, lg: 4 }]}>Columna 1</Col>
35
+ * <Col span={[12, { md: 6, lg: 8 }]}>Columna 2</Col>
36
+ * </Row>
37
+ * ```
38
+ */
39
+ export declare const Responsive: Story;
40
+ /**
41
+ * Ejemplo avanzado con control de start, end, justify y align en columnas.
42
+ *
43
+ * @example
44
+ * ```tsx
45
+ * <Row cols={6} gap={2}>
46
+ * <Col span={2} start={2} justify="center" align="center">A</Col>
47
+ * <Col span={3} end={6} justify="end" align="end">B</Col>
48
+ * </Row>
49
+ * ```
50
+ */
51
+ export declare const Avanzado: Story;
52
+ //# sourceMappingURL=grid.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grid.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,EAAE,IAYX,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,EAAE,KAoBpB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=grid.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/grid.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,33 @@
1
+ import { Generic, TGapAllowed } from '../../interfaces/common';
2
+ import { HTMLMotionProps } from 'motion/react';
3
+ export type TNumberAllowed = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
4
+ export declare enum EPrefixGrid {
5
+ cols = "grid-cols",
6
+ rows = "grid-rows",
7
+ gap = "gap",
8
+ justifyItems = "justify-items",
9
+ alignContent = "content",
10
+ span = "col-span",
11
+ start = "col-start",
12
+ end = "col-end",
13
+ justifySelf = "justify-self",
14
+ alignSelf = "self"
15
+ }
16
+ export type TJustifyItems = "start" | "center" | "end" | "stretch" | "none";
17
+ export type TAlignContent = "center" | "start" | "end" | "between" | "around" | "evenly";
18
+ export type TJustifySelf = "auto" | "start" | "end" | "center" | "stretch";
19
+ export type TAlignSelf = "auto" | "start" | "end" | "center" | "stretch" | "baseline";
20
+ export interface IRow extends HTMLMotionProps<"div"> {
21
+ cols?: Generic<TNumberAllowed | "none">;
22
+ gap?: Generic<TGapAllowed>;
23
+ justify?: Generic<TJustifyItems>;
24
+ align?: Generic<TAlignContent | "none">;
25
+ }
26
+ export interface ICol extends HTMLMotionProps<"div"> {
27
+ span?: Generic<TNumberAllowed | "auto" | "full">;
28
+ start?: Generic<TNumberAllowed | 13 | "auto">;
29
+ end?: Generic<TNumberAllowed | 13 | "auto">;
30
+ justify?: Generic<TJustifySelf>;
31
+ align?: Generic<TAlignSelf>;
32
+ }
33
+ //# sourceMappingURL=grid.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grid.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/grid.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAE7E,oBAAY,WAAW;IACrB,IAAI,cAAc;IAClB,IAAI,cAAc;IAClB,GAAG,QAAQ;IACX,YAAY,kBAAkB;IAC9B,YAAY,YAAY;IACxB,IAAI,aAAa;IACjB,KAAK,cAAc;IACnB,GAAG,YAAY;IACf,WAAW,iBAAiB;IAC5B,SAAS,SAAS;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,MAAM,CAAA;AAC3E,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,OAAO,GACP,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAA;AACZ,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;AAC1E,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,WAAW,IAAK,SAAQ,eAAe,CAAC,KAAK,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,MAAM,CAAC,CAAA;IACvC,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC,aAAa,GAAG,MAAM,CAAC,CAAA;CACxC;AAED,MAAM,WAAW,IAAK,SAAQ,eAAe,CAAC,KAAK,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,EAAE,GAAG,MAAM,CAAC,CAAA;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,EAAE,GAAG,MAAM,CAAC,CAAA;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAC5B"}
@@ -0,0 +1,3 @@
1
+ export * as Col from './col/col.component';
2
+ export * as Row from './row/row.component';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAA;AAC1C,OAAO,KAAK,GAAG,MAAM,qBAAqB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * as Row from './row.component';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,iBAAiB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { IRow } from '../../../interfaces/grid';
2
+ declare const Row: ({ cols, align, gap, justify, className, ...props }: IRow) => import("react/jsx-runtime").JSX.Element;
3
+ export default Row;
4
+ //# sourceMappingURL=row.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"row.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/grid/row/row.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,GAAG,uDAA6D,IAAI,4CAgBzE,CAAA;AAED,eAAe,GAAG,CAAA"}
@@ -29,7 +29,10 @@ export { default as Spinner } from './spinner/spinner.component';
29
29
  export { default as Steps } from './steps/steps.component';
30
30
  export { default as Switch } from './switch/switch.component';
31
31
  export { default as Tag } from './tag/tag.component';
32
+ export { default as Tabs } from './tabs/tabs.component';
32
33
  export { default as TextArea } from './textArea/text.area.component';
33
34
  export { default as Tooltip } from './tooltip/tooltip.component';
34
35
  export { default as Typography } from './typography';
36
+ export { default as Row } from './grid/row/row.component';
37
+ export { default as Col } from './grid/col/col.component';
35
38
  //# 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,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"}
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"}
@@ -0,0 +1,3 @@
1
+ export * from './tabs.component';
2
+ export * from './tabs.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { ITabsProps } from './tabs.types';
2
+ declare const Tabs: ({ currentActiveKey, type, items, onChange, className, contentClassName, activeColorTabs, }: ITabsProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Tabs;
4
+ //# sourceMappingURL=tabs.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,QAAA,MAAM,IAAI,+FAQP,UAAU,4CAsBZ,CAAA;AACD,eAAe,IAAI,CAAA"}
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as Tabs } from './tabs.component';
3
+ declare const meta: Meta<typeof Tabs>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Tabs>;
6
+ export declare const Example: Story;
7
+ export declare const ImplementTab: Story;
8
+ //# sourceMappingURL=tabs.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAmCnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA"}
@@ -0,0 +1,15 @@
1
+ export declare const contentMotionVariants: {
2
+ initial: {
3
+ opacity: number;
4
+ x: number;
5
+ };
6
+ animate: {
7
+ opacity: number;
8
+ x: number;
9
+ };
10
+ exit: {
11
+ opacity: number;
12
+ x: number;
13
+ };
14
+ };
15
+ //# sourceMappingURL=tabs.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=tabs.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ export type TypeTabs = "default" | "underline" | "with-icon" | "pills" | "segmented";
3
+ export interface ITabItem {
4
+ key: string;
5
+ label: React.ReactNode | string;
6
+ href?: string;
7
+ content?: React.ReactNode | string;
8
+ disabled?: boolean;
9
+ }
10
+ export interface ITabsProps {
11
+ currentActiveKey: string;
12
+ type?: TypeTabs;
13
+ items: ITabItem[];
14
+ onChange: (currentActiveKey: string) => void;
15
+ className?: string;
16
+ contentClassName?: string;
17
+ activeColorTabs?: string;
18
+ }
19
+ //# sourceMappingURL=tabs.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,WAAW,GACX,OAAO,GACP,WAAW,CAAA;AAEf,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB"}
@@ -0,0 +1,6 @@
1
+ import { TypeTabs } from './tabs.types';
2
+ export declare const getContainerClasses: (type: TypeTabs, className?: string) => string;
3
+ export declare const getListClasses: (type: TypeTabs) => string;
4
+ export declare const getTriggerBaseClasses: (type: TypeTabs) => string;
5
+ export declare const getActiveClasses: (type: TypeTabs, activeColorTabs: string) => string;
6
+ //# sourceMappingURL=tabs.utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.utils.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabs.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,mBAAmB,SAAU,QAAQ,cAAc,MAAM,WAWnE,CAAA;AAEH,eAAO,MAAM,cAAc,SAAU,QAAQ,WASzC,CAAA;AAEJ,eAAO,MAAM,qBAAqB,SAAU,QAAQ,WAUhD,CAAA;AAEJ,eAAO,MAAM,gBAAgB,SAAU,QAAQ,mBAAmB,MAAM,WAQpE,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { ITabItem, TypeTabs } from './tabs.types';
2
+ interface TabsContentProps {
3
+ type: TypeTabs;
4
+ items: ITabItem[];
5
+ currentActiveKey: string;
6
+ contentClassName?: string;
7
+ }
8
+ declare const TabsContent: ({ type, items, currentActiveKey, contentClassName, }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
9
+ export default TabsContent;
10
+ //# sourceMappingURL=tabsContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabsContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabsContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAIjD,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yDAKd,gBAAgB,4CAoClB,CAAA;AACD,eAAe,WAAW,CAAA"}
@@ -0,0 +1,11 @@
1
+ import { ITabItem, TypeTabs } from './tabs.types';
2
+ interface TabsListProps {
3
+ type: TypeTabs;
4
+ items: ITabItem[];
5
+ currentActiveKey: string;
6
+ activeColorTabs: string;
7
+ className?: string;
8
+ }
9
+ declare const TabsList: ({ type, items, currentActiveKey, activeColorTabs, className, }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
10
+ export default TabsList;
11
+ //# sourceMappingURL=tabsList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabsList.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabs/tabsList.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEjD,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,mEAMX,aAAa,4CAkCf,CAAA;AACD,eAAe,QAAQ,CAAA"}