@pautena/react-design-system 2.0.0-alpha.4 → 2.0.0-alpha.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 (59) hide show
  1. package/dist/components/accordion/accordion.d.ts +55 -0
  2. package/dist/components/accordion/accordion.mjs +22 -0
  3. package/dist/components/accordion/accordion.mjs.map +1 -0
  4. package/dist/components/accordion/index.d.ts +2 -0
  5. package/dist/components/card/card.d.ts +95 -0
  6. package/dist/components/card/card.mjs +34 -0
  7. package/dist/components/card/card.mjs.map +1 -0
  8. package/dist/components/card/index.d.ts +2 -0
  9. package/dist/components/separator/index.d.ts +2 -0
  10. package/dist/components/separator/separator.d.ts +17 -0
  11. package/dist/components/separator/separator.mjs +13 -0
  12. package/dist/components/separator/separator.mjs.map +1 -0
  13. package/dist/components/tabs/index.d.ts +2 -0
  14. package/dist/components/tabs/tabs.d.ts +65 -0
  15. package/dist/components/tabs/tabs.mjs +22 -0
  16. package/dist/components/tabs/tabs.mjs.map +1 -0
  17. package/dist/components/ui/accordion.d.ts +6 -0
  18. package/dist/components/ui/accordion.mjs +94 -0
  19. package/dist/components/ui/accordion.mjs.map +1 -0
  20. package/dist/components/ui/badge.d.ts +1 -1
  21. package/dist/components/ui/button.d.ts +1 -1
  22. package/dist/components/ui/card.d.ts +11 -0
  23. package/dist/components/ui/card.mjs +102 -0
  24. package/dist/components/ui/card.mjs.map +1 -0
  25. package/dist/components/ui/separator.mjs +25 -0
  26. package/dist/components/ui/separator.mjs.map +1 -0
  27. package/dist/components/ui/tabs.d.ts +1 -1
  28. package/dist/components/ui/tabs.mjs +32 -20
  29. package/dist/components/ui/tabs.mjs.map +1 -1
  30. package/dist/global.css +1 -1
  31. package/dist/index.d.ts +8 -0
  32. package/dist/index.mjs +158 -138
  33. package/dist/index.mjs.map +1 -1
  34. package/dist/node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.mjs +24 -0
  35. package/dist/node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.mjs.map +1 -0
  36. package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItem.mjs +79 -0
  37. package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItem.mjs.map +1 -0
  38. package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemContext.mjs +15 -0
  39. package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemContext.mjs.map +1 -0
  40. package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemDataAttributes.mjs +7 -0
  41. package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemDataAttributes.mjs.map +1 -0
  42. package/dist/node_modules/@base-ui/react/esm/accordion/item/stateAttributesMapping.mjs +15 -0
  43. package/dist/node_modules/@base-ui/react/esm/accordion/item/stateAttributesMapping.mjs.map +1 -0
  44. package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanel.mjs +113 -0
  45. package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanel.mjs.map +1 -0
  46. package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanelCssVars.mjs +7 -0
  47. package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanelCssVars.mjs.map +1 -0
  48. package/dist/node_modules/@base-ui/react/esm/accordion/root/AccordionRoot.mjs +97 -0
  49. package/dist/node_modules/@base-ui/react/esm/accordion/root/AccordionRoot.mjs.map +1 -0
  50. package/dist/node_modules/@base-ui/react/esm/accordion/root/AccordionRootContext.mjs +15 -0
  51. package/dist/node_modules/@base-ui/react/esm/accordion/root/AccordionRootContext.mjs.map +1 -0
  52. package/dist/node_modules/@base-ui/react/esm/accordion/trigger/AccordionTrigger.mjs +111 -0
  53. package/dist/node_modules/@base-ui/react/esm/accordion/trigger/AccordionTrigger.mjs.map +1 -0
  54. package/dist/node_modules/@base-ui/react/esm/tabs/panel/TabsPanel.mjs +78 -0
  55. package/dist/node_modules/@base-ui/react/esm/tabs/panel/TabsPanel.mjs.map +1 -0
  56. package/dist/node_modules/@base-ui/react/esm/tabs/panel/TabsPanelDataAttributes.mjs +7 -0
  57. package/dist/node_modules/@base-ui/react/esm/tabs/panel/TabsPanelDataAttributes.mjs.map +1 -0
  58. package/dist/tests/testing-library.d.ts +1 -1
  59. package/package.json +1 -1
@@ -0,0 +1,55 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { Accordion as UiAccordion, AccordionContent as UiAccordionContent, AccordionItem as UiAccordionItem, AccordionTrigger as UiAccordionTrigger } from '../ui/accordion';
3
+ /**
4
+ * Props for the Accordion component.
5
+ */
6
+ export interface AccordionProps extends ComponentProps<typeof UiAccordion> {
7
+ /**
8
+ * Accordion items rendered inside the root.
9
+ */
10
+ children?: ReactNode;
11
+ }
12
+ /**
13
+ * Props for the AccordionItem component.
14
+ */
15
+ export interface AccordionItemProps extends ComponentProps<typeof UiAccordionItem> {
16
+ /**
17
+ * Content rendered inside the accordion item.
18
+ */
19
+ children?: ReactNode;
20
+ }
21
+ /**
22
+ * Props for the AccordionTrigger component.
23
+ */
24
+ export interface AccordionTriggerProps extends ComponentProps<typeof UiAccordionTrigger> {
25
+ /**
26
+ * Trigger content rendered inside the header.
27
+ */
28
+ children?: ReactNode;
29
+ }
30
+ /**
31
+ * Props for the AccordionContent component.
32
+ */
33
+ export interface AccordionContentProps extends ComponentProps<typeof UiAccordionContent> {
34
+ /**
35
+ * Content rendered inside the accordion panel.
36
+ */
37
+ children?: ReactNode;
38
+ }
39
+ /**
40
+ * Consumer-facing accordion wrapper for public package API.
41
+ */
42
+ export declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
43
+ /**
44
+ * Accordion item wrapper for public package API.
45
+ */
46
+ export declare function AccordionItem(props: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
47
+ /**
48
+ * Accordion trigger wrapper for public package API.
49
+ */
50
+ export declare function AccordionTrigger(props: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
51
+ /**
52
+ * Accordion content wrapper for public package API.
53
+ */
54
+ export declare function AccordionContent(props: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
55
+ export default Accordion;
@@ -0,0 +1,22 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { Accordion as n, AccordionContent as c, AccordionItem as i, AccordionTrigger as t } from "../ui/accordion.mjs";
3
+ function A(o) {
4
+ return /* @__PURE__ */ r(n, { ...o });
5
+ }
6
+ function u(o) {
7
+ return /* @__PURE__ */ r(i, { ...o });
8
+ }
9
+ function f(o) {
10
+ return /* @__PURE__ */ r(t, { ...o });
11
+ }
12
+ function m(o) {
13
+ return /* @__PURE__ */ r(c, { ...o });
14
+ }
15
+ export {
16
+ A as Accordion,
17
+ m as AccordionContent,
18
+ u as AccordionItem,
19
+ f as AccordionTrigger,
20
+ A as default
21
+ };
22
+ //# sourceMappingURL=accordion.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.mjs","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport {\n Accordion as UiAccordion,\n AccordionContent as UiAccordionContent,\n AccordionItem as UiAccordionItem,\n AccordionTrigger as UiAccordionTrigger,\n} from \"@/components/ui/accordion\";\n\n/**\n * Props for the Accordion component.\n */\nexport interface AccordionProps extends ComponentProps<typeof UiAccordion> {\n /**\n * Accordion items rendered inside the root.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the AccordionItem component.\n */\nexport interface AccordionItemProps\n extends ComponentProps<typeof UiAccordionItem> {\n /**\n * Content rendered inside the accordion item.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the AccordionTrigger component.\n */\nexport interface AccordionTriggerProps\n extends ComponentProps<typeof UiAccordionTrigger> {\n /**\n * Trigger content rendered inside the header.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the AccordionContent component.\n */\nexport interface AccordionContentProps\n extends ComponentProps<typeof UiAccordionContent> {\n /**\n * Content rendered inside the accordion panel.\n */\n children?: ReactNode;\n}\n\n/**\n * Consumer-facing accordion wrapper for public package API.\n */\nexport function Accordion(props: AccordionProps) {\n return <UiAccordion {...props} />;\n}\n\n/**\n * Accordion item wrapper for public package API.\n */\nexport function AccordionItem(props: AccordionItemProps) {\n return <UiAccordionItem {...props} />;\n}\n\n/**\n * Accordion trigger wrapper for public package API.\n */\nexport function AccordionTrigger(props: AccordionTriggerProps) {\n return <UiAccordionTrigger {...props} />;\n}\n\n/**\n * Accordion content wrapper for public package API.\n */\nexport function AccordionContent(props: AccordionContentProps) {\n return <UiAccordionContent {...props} />;\n}\n\nexport default Accordion;\n"],"names":["Accordion","props","jsx","UiAccordion","AccordionItem","UiAccordionItem","AccordionTrigger","UiAccordionTrigger","AccordionContent","UiAccordionContent"],"mappings":";;AAsDO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAa,GAAGF,EAAA,CAAO;AACjC;AAKO,SAASG,EAAcH,GAA2B;AACvD,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,EAAA,CAAO;AACrC;AAKO,SAASK,EAAiBL,GAA8B;AAC7D,SAAO,gBAAAC,EAACK,GAAA,EAAoB,GAAGN,EAAA,CAAO;AACxC;AAKO,SAASO,EAAiBP,GAA8B;AAC7D,SAAO,gBAAAC,EAACO,GAAA,EAAoB,GAAGR,EAAA,CAAO;AACxC;"}
@@ -0,0 +1,2 @@
1
+ export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, } from './accordion';
2
+ export { AccordionContent, AccordionItem, AccordionTrigger, default, default as Accordion, } from './accordion';
@@ -0,0 +1,95 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { Card as UiCard, CardAction as UiCardAction, CardContent as UiCardContent, CardDescription as UiCardDescription, CardFooter as UiCardFooter, CardHeader as UiCardHeader, CardTitle as UiCardTitle } from '../ui/card';
3
+ /**
4
+ * Props for the Card component.
5
+ */
6
+ export interface CardProps extends ComponentProps<typeof UiCard> {
7
+ /**
8
+ * Size variant for the card container.
9
+ * @default "default"
10
+ */
11
+ size?: "default" | "sm";
12
+ }
13
+ /**
14
+ * Props for the CardHeader component.
15
+ */
16
+ export interface CardHeaderProps extends ComponentProps<typeof UiCardHeader> {
17
+ /**
18
+ * Content rendered inside the card header.
19
+ */
20
+ children?: ReactNode;
21
+ }
22
+ /**
23
+ * Props for the CardTitle component.
24
+ */
25
+ export interface CardTitleProps extends ComponentProps<typeof UiCardTitle> {
26
+ /**
27
+ * Content rendered inside the card title.
28
+ */
29
+ children?: ReactNode;
30
+ }
31
+ /**
32
+ * Props for the CardDescription component.
33
+ */
34
+ export interface CardDescriptionProps extends ComponentProps<typeof UiCardDescription> {
35
+ /**
36
+ * Content rendered inside the card description.
37
+ */
38
+ children?: ReactNode;
39
+ }
40
+ /**
41
+ * Props for the CardAction component.
42
+ */
43
+ export interface CardActionProps extends ComponentProps<typeof UiCardAction> {
44
+ /**
45
+ * Content rendered inside the card action area.
46
+ */
47
+ children?: ReactNode;
48
+ }
49
+ /**
50
+ * Props for the CardContent component.
51
+ */
52
+ export interface CardContentProps extends ComponentProps<typeof UiCardContent> {
53
+ /**
54
+ * Content rendered inside the card content area.
55
+ */
56
+ children?: ReactNode;
57
+ }
58
+ /**
59
+ * Props for the CardFooter component.
60
+ */
61
+ export interface CardFooterProps extends ComponentProps<typeof UiCardFooter> {
62
+ /**
63
+ * Content rendered inside the card footer area.
64
+ */
65
+ children?: ReactNode;
66
+ }
67
+ /**
68
+ * Consumer-facing card wrapper for public package API.
69
+ */
70
+ export declare function Card({ size, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
71
+ /**
72
+ * Card header wrapper for public package API.
73
+ */
74
+ export declare function CardHeader(props: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
75
+ /**
76
+ * Card title wrapper for public package API.
77
+ */
78
+ export declare function CardTitle(props: CardTitleProps): import("react/jsx-runtime").JSX.Element;
79
+ /**
80
+ * Card description wrapper for public package API.
81
+ */
82
+ export declare function CardDescription(props: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
83
+ /**
84
+ * Card action wrapper for public package API.
85
+ */
86
+ export declare function CardAction(props: CardActionProps): import("react/jsx-runtime").JSX.Element;
87
+ /**
88
+ * Card content wrapper for public package API.
89
+ */
90
+ export declare function CardContent(props: CardContentProps): import("react/jsx-runtime").JSX.Element;
91
+ /**
92
+ * Card footer wrapper for public package API.
93
+ */
94
+ export declare function CardFooter(props: CardFooterProps): import("react/jsx-runtime").JSX.Element;
95
+ export default Card;
@@ -0,0 +1,34 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { Card as n, CardAction as e, CardContent as o, CardDescription as d, CardFooter as C, CardHeader as i, CardTitle as u } from "../ui/card.mjs";
3
+ function f({ size: r = "default", ...a }) {
4
+ return /* @__PURE__ */ t(n, { size: r, ...a });
5
+ }
6
+ function $(r) {
7
+ return /* @__PURE__ */ t(i, { ...r });
8
+ }
9
+ function p(r) {
10
+ return /* @__PURE__ */ t(u, { ...r });
11
+ }
12
+ function l(r) {
13
+ return /* @__PURE__ */ t(d, { ...r });
14
+ }
15
+ function m(r) {
16
+ return /* @__PURE__ */ t(e, { ...r });
17
+ }
18
+ function A(r) {
19
+ return /* @__PURE__ */ t(o, { ...r });
20
+ }
21
+ function D(r) {
22
+ return /* @__PURE__ */ t(C, { ...r });
23
+ }
24
+ export {
25
+ f as Card,
26
+ m as CardAction,
27
+ A as CardContent,
28
+ l as CardDescription,
29
+ D as CardFooter,
30
+ $ as CardHeader,
31
+ p as CardTitle,
32
+ f as default
33
+ };
34
+ //# sourceMappingURL=card.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.mjs","sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport {\n Card as UiCard,\n CardAction as UiCardAction,\n CardContent as UiCardContent,\n CardDescription as UiCardDescription,\n CardFooter as UiCardFooter,\n CardHeader as UiCardHeader,\n CardTitle as UiCardTitle,\n} from \"@/components/ui/card\";\n\n/**\n * Props for the Card component.\n */\nexport interface CardProps extends ComponentProps<typeof UiCard> {\n /**\n * Size variant for the card container.\n * @default \"default\"\n */\n size?: \"default\" | \"sm\";\n}\n\n/**\n * Props for the CardHeader component.\n */\nexport interface CardHeaderProps extends ComponentProps<typeof UiCardHeader> {\n /**\n * Content rendered inside the card header.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the CardTitle component.\n */\nexport interface CardTitleProps extends ComponentProps<typeof UiCardTitle> {\n /**\n * Content rendered inside the card title.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the CardDescription component.\n */\nexport interface CardDescriptionProps\n extends ComponentProps<typeof UiCardDescription> {\n /**\n * Content rendered inside the card description.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the CardAction component.\n */\nexport interface CardActionProps extends ComponentProps<typeof UiCardAction> {\n /**\n * Content rendered inside the card action area.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the CardContent component.\n */\nexport interface CardContentProps extends ComponentProps<typeof UiCardContent> {\n /**\n * Content rendered inside the card content area.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the CardFooter component.\n */\nexport interface CardFooterProps extends ComponentProps<typeof UiCardFooter> {\n /**\n * Content rendered inside the card footer area.\n */\n children?: ReactNode;\n}\n\n/**\n * Consumer-facing card wrapper for public package API.\n */\nexport function Card({ size = \"default\", ...props }: CardProps) {\n return <UiCard size={size} {...props} />;\n}\n\n/**\n * Card header wrapper for public package API.\n */\nexport function CardHeader(props: CardHeaderProps) {\n return <UiCardHeader {...props} />;\n}\n\n/**\n * Card title wrapper for public package API.\n */\nexport function CardTitle(props: CardTitleProps) {\n return <UiCardTitle {...props} />;\n}\n\n/**\n * Card description wrapper for public package API.\n */\nexport function CardDescription(props: CardDescriptionProps) {\n return <UiCardDescription {...props} />;\n}\n\n/**\n * Card action wrapper for public package API.\n */\nexport function CardAction(props: CardActionProps) {\n return <UiCardAction {...props} />;\n}\n\n/**\n * Card content wrapper for public package API.\n */\nexport function CardContent(props: CardContentProps) {\n return <UiCardContent {...props} />;\n}\n\n/**\n * Card footer wrapper for public package API.\n */\nexport function CardFooter(props: CardFooterProps) {\n return <UiCardFooter {...props} />;\n}\n\nexport default Card;\n"],"names":["Card","size","props","jsx","UiCard","CardHeader","UiCardHeader","CardTitle","UiCardTitle","CardDescription","UiCardDescription","CardAction","UiCardAction","CardContent","UiCardContent","CardFooter","UiCardFooter"],"mappings":";;AAsFO,SAASA,EAAK,EAAE,MAAAC,IAAO,WAAW,GAAGC,KAAoB;AAC9D,SAAO,gBAAAC,EAACC,GAAA,EAAO,MAAAH,GAAa,GAAGC,EAAA,CAAO;AACxC;AAKO,SAASG,EAAWH,GAAwB;AACjD,SAAO,gBAAAC,EAACG,GAAA,EAAc,GAAGJ,EAAA,CAAO;AAClC;AAKO,SAASK,EAAUL,GAAuB;AAC/C,SAAO,gBAAAC,EAACK,GAAA,EAAa,GAAGN,EAAA,CAAO;AACjC;AAKO,SAASO,EAAgBP,GAA6B;AAC3D,SAAO,gBAAAC,EAACO,GAAA,EAAmB,GAAGR,EAAA,CAAO;AACvC;AAKO,SAASS,EAAWT,GAAwB;AACjD,SAAO,gBAAAC,EAACS,GAAA,EAAc,GAAGV,EAAA,CAAO;AAClC;AAKO,SAASW,EAAYX,GAAyB;AACnD,SAAO,gBAAAC,EAACW,GAAA,EAAe,GAAGZ,EAAA,CAAO;AACnC;AAKO,SAASa,EAAWb,GAAwB;AACjD,SAAO,gBAAAC,EAACa,GAAA,EAAc,GAAGd,EAAA,CAAO;AAClC;"}
@@ -0,0 +1,2 @@
1
+ export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, } from './card';
2
+ export { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, default, default as Card, } from './card';
@@ -0,0 +1,2 @@
1
+ export type { SeparatorProps } from './separator';
2
+ export { default, default as Separator } from './separator';
@@ -0,0 +1,17 @@
1
+ import { ComponentProps } from 'react';
2
+ import { Separator as UiSeparator } from '../ui/separator';
3
+ /**
4
+ * Props for the Separator component.
5
+ */
6
+ export interface SeparatorProps extends Omit<ComponentProps<typeof UiSeparator>, "orientation"> {
7
+ /**
8
+ * Orientation of the separator.
9
+ * @default "horizontal"
10
+ */
11
+ orientation?: "horizontal" | "vertical";
12
+ }
13
+ /**
14
+ * Consumer-facing separator wrapper for public package API.
15
+ */
16
+ export declare function Separator({ orientation, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
17
+ export default Separator;
@@ -0,0 +1,13 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { Separator as t } from "../ui/separator.mjs";
3
+ function f({
4
+ orientation: r = "horizontal",
5
+ ...o
6
+ }) {
7
+ return /* @__PURE__ */ a(t, { orientation: r, ...o });
8
+ }
9
+ export {
10
+ f as Separator,
11
+ f as default
12
+ };
13
+ //# sourceMappingURL=separator.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"separator.mjs","sources":["../../../src/components/separator/separator.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { Separator as UiSeparator } from \"@/components/ui/separator\";\n\n/**\n * Props for the Separator component.\n */\nexport interface SeparatorProps\n extends Omit<ComponentProps<typeof UiSeparator>, \"orientation\"> {\n /**\n * Orientation of the separator.\n * @default \"horizontal\"\n */\n orientation?: \"horizontal\" | \"vertical\";\n}\n\n/**\n * Consumer-facing separator wrapper for public package API.\n */\nexport function Separator({\n orientation = \"horizontal\",\n ...props\n}: SeparatorProps) {\n return <UiSeparator orientation={orientation} {...props} />;\n}\n\nexport default Separator;\n"],"names":["Separator","orientation","props","jsx","UiSeparator"],"mappings":";;AAkBO,SAASA,EAAU;AAAA,EACxB,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAAmB;AACjB,SAAO,gBAAAC,EAACC,GAAA,EAAY,aAAAH,GAA2B,GAAGC,EAAA,CAAO;AAC3D;"}
@@ -0,0 +1,2 @@
1
+ export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, } from './tabs';
2
+ export { default, default as Tabs, TabsContent, TabsList, TabsTrigger, } from './tabs';
@@ -0,0 +1,65 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { Tabs as UiTabs, TabsContent as UiTabsContent, TabsList as UiTabsList, TabsTrigger as UiTabsTrigger } from '../ui/tabs';
3
+ /**
4
+ * Props for the Tabs component.
5
+ */
6
+ export interface TabsProps extends ComponentProps<typeof UiTabs> {
7
+ /**
8
+ * Content rendered inside the tabs root.
9
+ */
10
+ children?: ReactNode;
11
+ /**
12
+ * Orientation of the tabs.
13
+ * @default "horizontal"
14
+ */
15
+ orientation?: "horizontal" | "vertical";
16
+ }
17
+ /**
18
+ * Props for the TabsList component.
19
+ */
20
+ export interface TabsListProps extends ComponentProps<typeof UiTabsList> {
21
+ /**
22
+ * Content rendered inside the tabs list.
23
+ */
24
+ children?: ReactNode;
25
+ /**
26
+ * Visual style for the tabs list.
27
+ * @default "default"
28
+ */
29
+ variant?: "default" | "line";
30
+ }
31
+ /**
32
+ * Props for the TabsTrigger component.
33
+ */
34
+ export interface TabsTriggerProps extends ComponentProps<typeof UiTabsTrigger> {
35
+ /**
36
+ * Content rendered inside the tab trigger.
37
+ */
38
+ children?: ReactNode;
39
+ }
40
+ /**
41
+ * Props for the TabsContent component.
42
+ */
43
+ export interface TabsContentProps extends ComponentProps<typeof UiTabsContent> {
44
+ /**
45
+ * Content rendered inside the tab panel.
46
+ */
47
+ children?: ReactNode;
48
+ }
49
+ /**
50
+ * Consumer-facing tabs wrapper for public package API.
51
+ */
52
+ export declare function Tabs(props: TabsProps): import("react/jsx-runtime").JSX.Element;
53
+ /**
54
+ * Tabs list wrapper for public package API.
55
+ */
56
+ export declare function TabsList(props: TabsListProps): import("react/jsx-runtime").JSX.Element;
57
+ /**
58
+ * Tabs trigger wrapper for public package API.
59
+ */
60
+ export declare function TabsTrigger(props: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
61
+ /**
62
+ * Tabs content wrapper for public package API.
63
+ */
64
+ export declare function TabsContent(props: TabsContentProps): import("react/jsx-runtime").JSX.Element;
65
+ export default Tabs;
@@ -0,0 +1,22 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { Tabs as r, TabsContent as a, TabsList as n, TabsTrigger as T } from "../ui/tabs.mjs";
3
+ function i(s) {
4
+ return /* @__PURE__ */ t(r, { ...s });
5
+ }
6
+ function o(s) {
7
+ return /* @__PURE__ */ t(n, { ...s });
8
+ }
9
+ function u(s) {
10
+ return /* @__PURE__ */ t(T, { ...s });
11
+ }
12
+ function f(s) {
13
+ return /* @__PURE__ */ t(a, { ...s });
14
+ }
15
+ export {
16
+ i as Tabs,
17
+ f as TabsContent,
18
+ o as TabsList,
19
+ u as TabsTrigger,
20
+ i as default
21
+ };
22
+ //# sourceMappingURL=tabs.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.mjs","sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport {\n Tabs as UiTabs,\n TabsContent as UiTabsContent,\n TabsList as UiTabsList,\n TabsTrigger as UiTabsTrigger,\n} from \"@/components/ui/tabs\";\n\n/**\n * Props for the Tabs component.\n */\nexport interface TabsProps extends ComponentProps<typeof UiTabs> {\n /**\n * Content rendered inside the tabs root.\n */\n children?: ReactNode;\n /**\n * Orientation of the tabs.\n * @default \"horizontal\"\n */\n orientation?: \"horizontal\" | \"vertical\";\n}\n\n/**\n * Props for the TabsList component.\n */\nexport interface TabsListProps extends ComponentProps<typeof UiTabsList> {\n /**\n * Content rendered inside the tabs list.\n */\n children?: ReactNode;\n /**\n * Visual style for the tabs list.\n * @default \"default\"\n */\n variant?: \"default\" | \"line\";\n}\n\n/**\n * Props for the TabsTrigger component.\n */\nexport interface TabsTriggerProps extends ComponentProps<typeof UiTabsTrigger> {\n /**\n * Content rendered inside the tab trigger.\n */\n children?: ReactNode;\n}\n\n/**\n * Props for the TabsContent component.\n */\nexport interface TabsContentProps extends ComponentProps<typeof UiTabsContent> {\n /**\n * Content rendered inside the tab panel.\n */\n children?: ReactNode;\n}\n\n/**\n * Consumer-facing tabs wrapper for public package API.\n */\nexport function Tabs(props: TabsProps) {\n return <UiTabs {...props} />;\n}\n\n/**\n * Tabs list wrapper for public package API.\n */\nexport function TabsList(props: TabsListProps) {\n return <UiTabsList {...props} />;\n}\n\n/**\n * Tabs trigger wrapper for public package API.\n */\nexport function TabsTrigger(props: TabsTriggerProps) {\n return <UiTabsTrigger {...props} />;\n}\n\n/**\n * Tabs content wrapper for public package API.\n */\nexport function TabsContent(props: TabsContentProps) {\n return <UiTabsContent {...props} />;\n}\n\nexport default Tabs;\n"],"names":["Tabs","props","jsx","UiTabs","TabsList","UiTabsList","TabsTrigger","UiTabsTrigger","TabsContent","UiTabsContent"],"mappings":";;AA6DO,SAASA,EAAKC,GAAkB;AACrC,SAAO,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,EAAA,CAAO;AAC5B;AAKO,SAASG,EAASH,GAAsB;AAC7C,SAAO,gBAAAC,EAACG,GAAA,EAAY,GAAGJ,EAAA,CAAO;AAChC;AAKO,SAASK,EAAYL,GAAyB;AACnD,SAAO,gBAAAC,EAACK,GAAA,EAAe,GAAGN,EAAA,CAAO;AACnC;AAKO,SAASO,EAAYP,GAAyB;AACnD,SAAO,gBAAAC,EAACO,GAAA,EAAe,GAAGR,EAAA,CAAO;AACnC;"}
@@ -0,0 +1,6 @@
1
+ import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
2
+ declare function Accordion({ className, ...props }: AccordionPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
3
+ declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
4
+ declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
5
+ declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
6
+ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
@@ -0,0 +1,94 @@
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ import { cn as n } from "../../lib/utils.mjs";
3
+ import a from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.mjs";
4
+ import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.mjs";
5
+ import { AccordionRoot as d } from "../../node_modules/@base-ui/react/esm/accordion/root/AccordionRoot.mjs";
6
+ import { AccordionPanel as s } from "../../node_modules/@base-ui/react/esm/accordion/panel/AccordionPanel.mjs";
7
+ import { AccordionItem as l } from "../../node_modules/@base-ui/react/esm/accordion/item/AccordionItem.mjs";
8
+ import { AccordionHeader as m } from "../../node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.mjs";
9
+ import { AccordionTrigger as g } from "../../node_modules/@base-ui/react/esm/accordion/trigger/AccordionTrigger.mjs";
10
+ function w({ className: o, ...r }) {
11
+ return /* @__PURE__ */ e(
12
+ d,
13
+ {
14
+ "data-slot": "accordion",
15
+ className: n("flex w-full flex-col", o),
16
+ ...r
17
+ }
18
+ );
19
+ }
20
+ function y({ className: o, ...r }) {
21
+ return /* @__PURE__ */ e(
22
+ l,
23
+ {
24
+ "data-slot": "accordion-item",
25
+ className: n("not-last:border-b", o),
26
+ ...r
27
+ }
28
+ );
29
+ }
30
+ function _({
31
+ className: o,
32
+ children: r,
33
+ ...i
34
+ }) {
35
+ return /* @__PURE__ */ e(m, { className: "flex", children: /* @__PURE__ */ t(
36
+ g,
37
+ {
38
+ "data-slot": "accordion-trigger",
39
+ className: n(
40
+ "focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4",
41
+ o
42
+ ),
43
+ ...i,
44
+ children: [
45
+ r,
46
+ /* @__PURE__ */ e(
47
+ a,
48
+ {
49
+ "data-slot": "accordion-trigger-icon",
50
+ className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
51
+ }
52
+ ),
53
+ /* @__PURE__ */ e(
54
+ c,
55
+ {
56
+ "data-slot": "accordion-trigger-icon",
57
+ className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
58
+ }
59
+ )
60
+ ]
61
+ }
62
+ ) });
63
+ }
64
+ function j({
65
+ className: o,
66
+ children: r,
67
+ ...i
68
+ }) {
69
+ return /* @__PURE__ */ e(
70
+ s,
71
+ {
72
+ "data-slot": "accordion-content",
73
+ className: "data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm",
74
+ ...i,
75
+ children: /* @__PURE__ */ e(
76
+ "div",
77
+ {
78
+ className: n(
79
+ "[&_a]:hover:text-foreground h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
80
+ o
81
+ ),
82
+ children: r
83
+ }
84
+ )
85
+ }
86
+ );
87
+ }
88
+ export {
89
+ w as Accordion,
90
+ j as AccordionContent,
91
+ y as AccordionItem,
92
+ _ as AccordionTrigger
93
+ };
94
+ //# sourceMappingURL=accordion.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.mjs","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n <AccordionPrimitive.Root\n data-slot=\"accordion\"\n className={cn(\"flex w-full flex-col\", className)}\n {...props}\n />\n );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n <AccordionPrimitive.Item\n data-slot=\"accordion-item\"\n className={cn(\"not-last:border-b\", className)}\n {...props}\n />\n );\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n data-slot=\"accordion-trigger\"\n className={cn(\n \"focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronDownIcon\n data-slot=\"accordion-trigger-icon\"\n className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n />\n <ChevronUpIcon\n data-slot=\"accordion-trigger-icon\"\n className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\"\n />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n );\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n <AccordionPrimitive.Panel\n data-slot=\"accordion-content\"\n className=\"data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm\"\n {...props}\n >\n <div\n className={cn(\n \"[&_a]:hover:text-foreground h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n className,\n )}\n >\n {children}\n </div>\n </AccordionPrimitive.Panel>\n );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["Accordion","className","props","jsx","AccordionPrimitive.Root","cn","AccordionItem","AccordionPrimitive.Item","AccordionTrigger","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","ChevronDownIcon","ChevronUpIcon","AccordionContent","AccordionPrimitive.Panel"],"mappings":";;;;;;;;;AAIA,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,wBAAwBJ,CAAS;AAAA,MAC9C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc,EAAE,WAAAL,GAAW,GAAGC,KAAwC;AAC7E,SACE,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWF,EAAG,qBAAqBJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB;AAAA,EACxB,WAAAP;AAAA,EACA,UAAAQ;AAAA,EACA,GAAGP;AACL,GAAqC;AACnC,SACE,gBAAAC,EAACO,GAAA,EAA0B,WAAU,QACnC,UAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWP;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACD,gBAAAN;AAAA,UAACU;AAAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAV;AAAA,UAACW;AAAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACxB,WAAAd;AAAA,EACA,UAAAQ;AAAA,EACA,GAAGP;AACL,GAAmC;AACjC,SACE,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGd;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE;AAAA,YACT;AAAA,YACAJ;AAAA,UAAA;AAAA,UAGD,UAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
@@ -1,7 +1,7 @@
1
1
  import { useRender } from '@base-ui/react/use-render';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  declare const badgeVariants: (props?: ({
4
- variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
4
+ variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
5
5
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
6
  declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
7
7
  export { Badge, badgeVariants };
@@ -1,7 +1,7 @@
1
1
  import { Button as ButtonPrimitive } from '@base-ui/react/button';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  declare const buttonVariants: (props?: ({
4
- variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
4
+ variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
5
5
  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
7
  declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import type * as React from "react";
2
+ declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
3
+ size?: "default" | "sm";
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
6
+ declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
7
+ declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
8
+ declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
+ declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
10
+ declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
11
+ export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
@@ -0,0 +1,102 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { cn as d } from "../../lib/utils.mjs";
3
+ function i({
4
+ className: a,
5
+ size: r = "default",
6
+ ...e
7
+ }) {
8
+ return /* @__PURE__ */ t(
9
+ "div",
10
+ {
11
+ "data-slot": "card",
12
+ "data-size": r,
13
+ className: d(
14
+ "ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
15
+ a
16
+ ),
17
+ ...e
18
+ }
19
+ );
20
+ }
21
+ function n({ className: a, ...r }) {
22
+ return /* @__PURE__ */ t(
23
+ "div",
24
+ {
25
+ "data-slot": "card-header",
26
+ className: d(
27
+ "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4",
28
+ a
29
+ ),
30
+ ...r
31
+ }
32
+ );
33
+ }
34
+ function c({ className: a, ...r }) {
35
+ return /* @__PURE__ */ t(
36
+ "div",
37
+ {
38
+ "data-slot": "card-title",
39
+ className: d(
40
+ "text-base leading-normal font-medium group-data-[size=sm]/card:text-sm",
41
+ a
42
+ ),
43
+ ...r
44
+ }
45
+ );
46
+ }
47
+ function l({ className: a, ...r }) {
48
+ return /* @__PURE__ */ t(
49
+ "div",
50
+ {
51
+ "data-slot": "card-description",
52
+ className: d("text-muted-foreground text-sm", a),
53
+ ...r
54
+ }
55
+ );
56
+ }
57
+ function u({ className: a, ...r }) {
58
+ return /* @__PURE__ */ t(
59
+ "div",
60
+ {
61
+ "data-slot": "card-action",
62
+ className: d(
63
+ "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
64
+ a
65
+ ),
66
+ ...r
67
+ }
68
+ );
69
+ }
70
+ function m({ className: a, ...r }) {
71
+ return /* @__PURE__ */ t(
72
+ "div",
73
+ {
74
+ "data-slot": "card-content",
75
+ className: d("px-6 group-data-[size=sm]/card:px-4", a),
76
+ ...r
77
+ }
78
+ );
79
+ }
80
+ function p({ className: a, ...r }) {
81
+ return /* @__PURE__ */ t(
82
+ "div",
83
+ {
84
+ "data-slot": "card-footer",
85
+ className: d(
86
+ "flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4",
87
+ a
88
+ ),
89
+ ...r
90
+ }
91
+ );
92
+ }
93
+ export {
94
+ i as Card,
95
+ u as CardAction,
96
+ m as CardContent,
97
+ l as CardDescription,
98
+ p as CardFooter,
99
+ n as CardHeader,
100
+ c as CardTitle
101
+ };
102
+ //# sourceMappingURL=card.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.mjs","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Card({\n className,\n size = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n return (\n <div\n data-slot=\"card\"\n data-size={size}\n className={cn(\n \"ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-6 overflow-hidden rounded-xl py-6 text-sm shadow-xs ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\n \"text-base leading-normal font-medium group-data-[size=sm]/card:text-sm\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6 group-data-[size=sm]/card:px-4\", className)}\n {...props}\n />\n );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\n \"flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n};\n"],"names":["Card","className","size","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;AAIA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAA8D;AAC5D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAWF;AAAA,MACX,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAN,GAAW,GAAGE,KAAsC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAgB,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCJ,CAAS;AAAA,MACvD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAW,EAAE,WAAAR,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAT,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,uCAAuCJ,CAAS;AAAA,MAC7D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAV,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}