singularity-components 0.1.140 → 0.1.151

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 (142) hide show
  1. package/README.md +15 -0
  2. package/dist/components/blocks/cards/blogpost-card.d.ts +8 -0
  3. package/dist/components/blocks/cards/blogpost-card.js +65 -0
  4. package/dist/components/blocks/cards/blogpost-card.js.map +1 -0
  5. package/dist/components/blocks/cards/card.d.ts +14 -0
  6. package/dist/components/blocks/cards/card.js +86 -0
  7. package/dist/components/blocks/cards/card.js.map +1 -0
  8. package/dist/components/blocks/index.d.ts +3 -0
  9. package/dist/components/blocks/index.js +3 -0
  10. package/dist/components/blocks/index.js.map +1 -0
  11. package/dist/components/index.d.ts +9 -6
  12. package/dist/components/index.js +4 -1
  13. package/dist/components/index.js.map +1 -1
  14. package/dist/components/primitives/badge/badge.d.ts +12 -4
  15. package/dist/components/primitives/badge/badge.js +14 -14
  16. package/dist/components/primitives/badge/badge.js.map +1 -1
  17. package/dist/components/primitives/button/button.d.ts +12 -7
  18. package/dist/components/primitives/button/button.js +46 -15
  19. package/dist/components/primitives/button/button.js.map +1 -1
  20. package/dist/components/primitives/icon/icon.d.ts +2 -2
  21. package/dist/components/primitives/icon/icon.js +6 -12
  22. package/dist/components/primitives/icon/icon.js.map +1 -1
  23. package/dist/components/primitives/index.d.ts +6 -4
  24. package/dist/components/primitives/index.js +2 -0
  25. package/dist/components/primitives/index.js.map +1 -1
  26. package/dist/components/primitives/layout/layout.d.ts +3 -2
  27. package/dist/components/primitives/layout/layout.js +7 -6
  28. package/dist/components/primitives/layout/layout.js.map +1 -1
  29. package/dist/components/primitives/link/link-button.d.ts +13 -0
  30. package/dist/components/primitives/link/link-button.js +21 -0
  31. package/dist/components/primitives/link/link-button.js.map +1 -0
  32. package/dist/components/primitives/link/link.d.ts +36 -0
  33. package/dist/components/primitives/link/link.js +56 -0
  34. package/dist/components/primitives/link/link.js.map +1 -0
  35. package/dist/components/primitives/stack/stack.d.ts +2 -1
  36. package/dist/components/primitives/stack/stack.js +15 -4
  37. package/dist/components/primitives/stack/stack.js.map +1 -1
  38. package/dist/components/primitives/text/internal/text-element.d.ts +25 -3
  39. package/dist/components/primitives/text/internal/text-element.js +20 -12
  40. package/dist/components/primitives/text/internal/text-element.js.map +1 -1
  41. package/dist/components/primitives/text/text-div.d.ts +1 -1
  42. package/dist/components/primitives/text/text-div.js.map +1 -1
  43. package/dist/components/primitives/text/text-heading.js +7 -7
  44. package/dist/components/primitives/text/text-heading.js.map +1 -1
  45. package/dist/components/primitives/text/text-paragraph.d.ts +8 -2
  46. package/dist/components/primitives/text/text-paragraph.js +12 -1
  47. package/dist/components/primitives/text/text-paragraph.js.map +1 -1
  48. package/dist/components/primitives/text/text-span.js.map +1 -1
  49. package/dist/components/primitives/text/text-time.js.map +1 -1
  50. package/dist/components/primitives/ui-image.js +2 -5
  51. package/dist/components/primitives/ui-image.js.map +1 -1
  52. package/dist/components/primitives/ui-link.d.ts +4 -2
  53. package/dist/components/primitives/ui-link.js +5 -11
  54. package/dist/components/primitives/ui-link.js.map +1 -1
  55. package/dist/components/sections/body/body.d.ts +19 -0
  56. package/dist/components/sections/body/body.js +49 -0
  57. package/dist/components/sections/body/body.js.map +1 -0
  58. package/dist/components/sections/footer/footer.d.ts +12 -0
  59. package/dist/components/sections/footer/footer.js +59 -0
  60. package/dist/components/sections/footer/footer.js.map +1 -0
  61. package/dist/components/sections/hero/hero.d.ts +6 -0
  62. package/dist/components/sections/hero/hero.js +271 -0
  63. package/dist/components/sections/hero/hero.js.map +1 -0
  64. package/dist/components/sections/index.d.ts +3 -0
  65. package/dist/components/sections/index.js +4 -0
  66. package/dist/components/sections/index.js.map +1 -0
  67. package/dist/components/templates/blogpost/blogpost.d.ts +5 -0
  68. package/dist/components/templates/blogpost/blogpost.js +173 -0
  69. package/dist/components/templates/blogpost/blogpost.js.map +1 -0
  70. package/dist/components/templates/index.d.ts +3 -0
  71. package/dist/components/templates/index.js +3 -0
  72. package/dist/components/templates/index.js.map +1 -0
  73. package/dist/components/templates/startpage/startpage.d.ts +5 -0
  74. package/dist/components/templates/startpage/startpage.js +48 -0
  75. package/dist/components/templates/startpage/startpage.js.map +1 -0
  76. package/dist/components/units/index.d.ts +2 -5
  77. package/dist/components/units/index.js +0 -3
  78. package/dist/components/units/index.js.map +1 -1
  79. package/dist/css/variables.css +75 -73
  80. package/dist/css/variables.css.map +1 -1
  81. package/dist/data/posts.d.ts +20 -0
  82. package/dist/data/posts.js +266 -0
  83. package/dist/data/posts.js.map +1 -0
  84. package/dist/index.d.ts +9 -6
  85. package/dist/lib/hooks/useIsClient.d.ts +3 -0
  86. package/dist/lib/hooks/useIsClient.js +14 -0
  87. package/dist/lib/hooks/useIsClient.js.map +1 -0
  88. package/dist/lib/index.d.ts +1 -0
  89. package/dist/lib/index.js +1 -0
  90. package/dist/lib/index.js.map +1 -1
  91. package/dist/main.css +712 -584
  92. package/dist/main.css.map +1 -1
  93. package/dist/utils.js.map +1 -1
  94. package/package.json +35 -24
  95. package/dist/components/primitives/accordion/accordion.stories.d.ts +0 -15
  96. package/dist/components/primitives/accordion/accordion.stories.js +0 -60
  97. package/dist/components/primitives/accordion/accordion.stories.js.map +0 -1
  98. package/dist/components/primitives/alert/alert.stories.d.ts +0 -22
  99. package/dist/components/primitives/alert/alert.stories.js +0 -37
  100. package/dist/components/primitives/alert/alert.stories.js.map +0 -1
  101. package/dist/components/primitives/button/button.stories.d.ts +0 -34
  102. package/dist/components/primitives/button/button.stories.js +0 -74
  103. package/dist/components/primitives/button/button.stories.js.map +0 -1
  104. package/dist/components/primitives/button/button_with_icon_variant.d.ts +0 -2
  105. package/dist/components/primitives/button/button_with_icon_variant.js +0 -1
  106. package/dist/components/primitives/button/button_with_icon_variant.js.map +0 -1
  107. package/dist/components/primitives/icon/icon.stories.d.ts +0 -27
  108. package/dist/components/primitives/icon/icon.stories.js +0 -30
  109. package/dist/components/primitives/icon/icon.stories.js.map +0 -1
  110. package/dist/components/primitives/layout/layout.stories.d.ts +0 -32
  111. package/dist/components/primitives/layout/layout.stories.js +0 -72
  112. package/dist/components/primitives/layout/layout.stories.js.map +0 -1
  113. package/dist/components/primitives/separator/separator.stories.d.ts +0 -15
  114. package/dist/components/primitives/separator/separator.stories.js +0 -18
  115. package/dist/components/primitives/separator/separator.stories.js.map +0 -1
  116. package/dist/components/primitives/skeleton/skeleton.stories.d.ts +0 -13
  117. package/dist/components/primitives/skeleton/skeleton.stories.js +0 -16
  118. package/dist/components/primitives/skeleton/skeleton.stories.js.map +0 -1
  119. package/dist/components/primitives/spinner/spinner.stories.d.ts +0 -16
  120. package/dist/components/primitives/spinner/spinner.stories.js +0 -34
  121. package/dist/components/primitives/spinner/spinner.stories.js.map +0 -1
  122. package/dist/components/primitives/stack/stack.stories.d.ts +0 -13
  123. package/dist/components/primitives/stack/stack.stories.js +0 -26
  124. package/dist/components/primitives/stack/stack.stories.js.map +0 -1
  125. package/dist/components/primitives/text/text-div.stories.d.ts +0 -32
  126. package/dist/components/primitives/text/text-div.stories.js +0 -59
  127. package/dist/components/primitives/text/text-div.stories.js.map +0 -1
  128. package/dist/components/primitives/text/text-heading.stories.d.ts +0 -27
  129. package/dist/components/primitives/text/text-heading.stories.js +0 -47
  130. package/dist/components/primitives/text/text-heading.stories.js.map +0 -1
  131. package/dist/components/primitives/text/text-span.stories.d.ts +0 -31
  132. package/dist/components/primitives/text/text-span.stories.js +0 -59
  133. package/dist/components/primitives/text/text-span.stories.js.map +0 -1
  134. package/dist/components/units/cards/blog-card.d.ts +0 -19
  135. package/dist/components/units/cards/blog-card.js +0 -82
  136. package/dist/components/units/cards/blog-card.js.map +0 -1
  137. package/dist/components/units/cards/card.d.ts +0 -15
  138. package/dist/components/units/cards/card.js +0 -89
  139. package/dist/components/units/cards/card.js.map +0 -1
  140. package/dist/components/units/cards/cards.d.ts +0 -17
  141. package/dist/components/units/cards/cards.js +0 -37
  142. package/dist/components/units/cards/cards.js.map +0 -1
@@ -1,60 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import {
3
- Accordion,
4
- AccordionContent,
5
- AccordionItem,
6
- AccordionTrigger
7
- } from "./accordion";
8
- const meta = {
9
- component: Accordion,
10
- title: "Accordion"
11
- };
12
- var accordion_stories_default = meta;
13
- const primary = {
14
- args: {
15
- multiple: false,
16
- children: [
17
- /* @__PURE__ */ jsxs(Accordion, { multiple: false, className: "w-full", children: [
18
- /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", children: [
19
- /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it accessible?" }),
20
- /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It adheres to the WAI-ARIA design pattern." })
21
- ] }),
22
- /* @__PURE__ */ jsxs(AccordionItem, { value: "item-2", children: [
23
- /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it styled?" }),
24
- /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It comes with default styles that matches the other components' aesthetic." })
25
- ] }),
26
- /* @__PURE__ */ jsxs(AccordionItem, { value: "item-3", children: [
27
- /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it animated?" }),
28
- /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It's animated by default, but you can disable it if you prefer." })
29
- ] })
30
- ] })
31
- ]
32
- }
33
- };
34
- const multiple = {
35
- args: {
36
- multiple: true,
37
- children: [
38
- /* @__PURE__ */ jsxs(Accordion, { multiple: true, className: "w-full", children: [
39
- /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", children: [
40
- /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it accessible?" }),
41
- /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It adheres to the WAI-ARIA design pattern." })
42
- ] }),
43
- /* @__PURE__ */ jsxs(AccordionItem, { value: "item-2", children: [
44
- /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it styled?" }),
45
- /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It comes with default styles that matches the other components' aesthetic." })
46
- ] }),
47
- /* @__PURE__ */ jsxs(AccordionItem, { value: "item-3", children: [
48
- /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it animated?" }),
49
- /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It's animated by default, but you can disable it if you prefer." })
50
- ] })
51
- ] })
52
- ]
53
- }
54
- };
55
- export {
56
- accordion_stories_default as default,
57
- multiple,
58
- primary
59
- };
60
- //# sourceMappingURL=accordion.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/accordion/accordion.stories.tsx"],"sourcesContent":["import {\r\n Accordion,\r\n AccordionContent,\r\n AccordionItem,\r\n AccordionTrigger,\r\n} from \"./accordion\";\r\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\r\n\r\nconst meta = {\r\n component: Accordion,\r\n title: \"Accordion\",\r\n} satisfies Meta<typeof Accordion>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const primary: Story = {\r\n args: {\r\n multiple: false,\r\n children: [\r\n <Accordion multiple={false} className=\"w-full\">\r\n <AccordionItem value=\"item-1\">\r\n <AccordionTrigger>Is it accessible?</AccordionTrigger>\r\n <AccordionContent>\r\n Yes. It adheres to the WAI-ARIA design pattern.\r\n </AccordionContent>\r\n </AccordionItem>\r\n <AccordionItem value=\"item-2\">\r\n <AccordionTrigger>Is it styled?</AccordionTrigger>\r\n <AccordionContent>\r\n Yes. It comes with default styles that matches the other\r\n components&apos; aesthetic.\r\n </AccordionContent>\r\n </AccordionItem>\r\n <AccordionItem value=\"item-3\">\r\n <AccordionTrigger>Is it animated?</AccordionTrigger>\r\n <AccordionContent>\r\n Yes. It's animated by default, but you can disable it if you prefer.\r\n </AccordionContent>\r\n </AccordionItem>\r\n </Accordion>,\r\n ],\r\n },\r\n};\r\n\r\nexport const multiple: Story = {\r\n args: {\r\n multiple: true,\r\n children: [\r\n <Accordion multiple className=\"w-full\">\r\n <AccordionItem value=\"item-1\">\r\n <AccordionTrigger>Is it accessible?</AccordionTrigger>\r\n <AccordionContent>\r\n Yes. It adheres to the WAI-ARIA design pattern.\r\n </AccordionContent>\r\n </AccordionItem>\r\n <AccordionItem value=\"item-2\">\r\n <AccordionTrigger>Is it styled?</AccordionTrigger>\r\n <AccordionContent>\r\n Yes. It comes with default styles that matches the other\r\n components&apos; aesthetic.\r\n </AccordionContent>\r\n </AccordionItem>\r\n <AccordionItem value=\"item-3\">\r\n <AccordionTrigger>Is it animated?</AccordionTrigger>\r\n <AccordionContent>\r\n Yes. It's animated by default, but you can disable it if you prefer.\r\n </AccordionContent>\r\n </AccordionItem>\r\n </Accordion>,\r\n ],\r\n },\r\n};\r\n"],"mappings":"AAqBQ,SACE,KADF;AArBR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,4BAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,MACR,qBAAC,aAAU,UAAU,OAAO,WAAU,UACpC;AAAA,6BAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,+BAAiB;AAAA,UACnC,oBAAC,oBAAiB,6DAElB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,2BAAa;AAAA,UAC/B,oBAAC,oBAAiB,6FAGlB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,6BAAe;AAAA,UACjC,oBAAC,oBAAiB,kFAElB;AAAA,WACF;AAAA,SACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,MACR,qBAAC,aAAU,UAAQ,MAAC,WAAU,UAC5B;AAAA,6BAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,+BAAiB;AAAA,UACnC,oBAAC,oBAAiB,6DAElB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,2BAAa;AAAA,UAC/B,oBAAC,oBAAiB,6FAGlB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,6BAAe;AAAA,UACjC,oBAAC,oBAAiB,kFAElB;AAAA,WACF;AAAA,SACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
@@ -1,22 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { Alert } from './alert.js';
3
- import 'react/jsx-runtime';
4
- import 'class-variance-authority/types';
5
- import 'react';
6
- import 'class-variance-authority';
7
-
8
- declare const meta: {
9
- component: typeof Alert;
10
- title: string;
11
- argTypes: {
12
- variant: {
13
- options: string[];
14
- };
15
- };
16
- };
17
-
18
- type Story = StoryObj<typeof meta>;
19
- declare const normal: Story;
20
- declare const destructive: Story;
21
-
22
- export { meta as default, destructive, normal };
@@ -1,37 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert";
3
- import { Terminal } from "lucide-react";
4
- const meta = {
5
- component: Alert,
6
- title: "Alert",
7
- argTypes: {
8
- variant: {
9
- options: Object.keys(alertVariants.variant)
10
- }
11
- }
12
- };
13
- var alert_stories_default = meta;
14
- const normal = {
15
- args: {
16
- children: [
17
- /* @__PURE__ */ jsx(Terminal, {}),
18
- /* @__PURE__ */ jsx(AlertTitle, { children: "Default" }),
19
- /* @__PURE__ */ jsx(AlertDescription, { children: "Default variant" })
20
- ]
21
- }
22
- };
23
- const destructive = {
24
- args: {
25
- variant: "destructive",
26
- children: [
27
- /* @__PURE__ */ jsx(AlertTitle, { children: "Destructive" }),
28
- /* @__PURE__ */ jsx(AlertDescription, { children: "Destructive variant" })
29
- ]
30
- }
31
- };
32
- export {
33
- alert_stories_default as default,
34
- destructive,
35
- normal
36
- };
37
- //# sourceMappingURL=alert.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/alert/alert.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\r\nimport { Alert, AlertDescription, AlertTitle, alertVariants } from \"./alert\";\r\nimport { Terminal } from \"lucide-react\";\r\n\r\nconst meta = {\r\n component: Alert,\r\n title: \"Alert\",\r\n argTypes: {\r\n variant: {\r\n options: Object.keys(alertVariants.variant),\r\n },\r\n },\r\n} satisfies Meta<typeof Alert>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const normal: Story = {\r\n args: {\r\n children: [\r\n <Terminal />,\r\n <AlertTitle>Default</AlertTitle>,\r\n <AlertDescription>Default variant</AlertDescription>,\r\n ],\r\n },\r\n};\r\n\r\nexport const destructive: Story = {\r\n args: {\r\n variant: \"destructive\",\r\n children: [\r\n <AlertTitle>Destructive</AlertTitle>,\r\n <AlertDescription>Destructive variant</AlertDescription>,\r\n ],\r\n },\r\n};\r\n"],"mappings":"AAoBM;AAnBN,SAAS,OAAO,kBAAkB,YAAY,qBAAqB;AACnE,SAAS,gBAAgB;AAEzB,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,OAAO,KAAK,cAAc,OAAO;AAAA,IAC5C;AAAA,EACF;AACF;AACA,IAAO,wBAAQ;AAIR,MAAM,SAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,oBAAC,YAAS;AAAA,MACV,oBAAC,cAAW,qBAAO;AAAA,MACnB,oBAAC,oBAAiB,6BAAe;AAAA,IACnC;AAAA,EACF;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,MACR,oBAAC,cAAW,yBAAW;AAAA,MACvB,oBAAC,oBAAiB,iCAAmB;AAAA,IACvC;AAAA,EACF;AACF;","names":[]}
@@ -1,34 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { Button } from './button.js';
3
- import 'react/jsx-runtime';
4
- import 'class-variance-authority/types';
5
- import '@base-ui/react/button';
6
- import 'class-variance-authority';
7
-
8
- declare const meta: {
9
- component: typeof Button;
10
- title: string;
11
- argTypes: {
12
- variant: {
13
- control: {
14
- type: "select";
15
- };
16
- options: string[];
17
- };
18
- size: {
19
- options: string[];
20
- };
21
- };
22
- };
23
-
24
- type Story = StoryObj<typeof meta>;
25
- declare const primary: Story;
26
- declare const secondary: Story;
27
- declare const destructive: Story;
28
- declare const outline: Story;
29
- declare const ghost: Story;
30
- declare const link: Story;
31
- declare const sm: Story;
32
- declare const lg: Story;
33
-
34
- export { meta as default, destructive, ghost, lg, link, outline, primary, secondary, sm };
@@ -1,74 +0,0 @@
1
- import { Button, buttonVariants } from "./button";
2
- const meta = {
3
- component: Button,
4
- title: "Button",
5
- argTypes: {
6
- variant: {
7
- control: { type: "select" },
8
- options: Object.keys(buttonVariants.variant)
9
- },
10
- size: {
11
- options: Object.keys(buttonVariants.size)
12
- }
13
- }
14
- };
15
- var button_stories_default = meta;
16
- const primary = {
17
- args: {
18
- children: "primary"
19
- }
20
- };
21
- const secondary = {
22
- args: {
23
- children: "secondary",
24
- variant: "secondary"
25
- }
26
- };
27
- const destructive = {
28
- args: {
29
- children: "destructive",
30
- variant: "destructive"
31
- }
32
- };
33
- const outline = {
34
- args: {
35
- children: "outline",
36
- variant: "outline"
37
- }
38
- };
39
- const ghost = {
40
- args: {
41
- children: "ghost",
42
- variant: "ghost"
43
- }
44
- };
45
- const link = {
46
- args: {
47
- children: "link",
48
- variant: "link"
49
- }
50
- };
51
- const sm = {
52
- args: {
53
- children: "sm",
54
- size: "sm"
55
- }
56
- };
57
- const lg = {
58
- args: {
59
- children: "lg",
60
- size: "lg"
61
- }
62
- };
63
- export {
64
- button_stories_default as default,
65
- destructive,
66
- ghost,
67
- lg,
68
- link,
69
- outline,
70
- primary,
71
- secondary,
72
- sm
73
- };
74
- //# sourceMappingURL=button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/button/button.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\r\nimport { Button, buttonVariants } from \"./button\";\r\n\r\nconst meta = {\r\n component: Button,\r\n title: \"Button\",\r\n argTypes: {\r\n variant: {\r\n control: { type: \"select\" },\r\n options: Object.keys(buttonVariants.variant),\r\n },\r\n size: {\r\n options: Object.keys(buttonVariants.size),\r\n },\r\n },\r\n} satisfies Meta<typeof Button>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const primary: Story = {\r\n args: {\r\n children: \"primary\",\r\n },\r\n};\r\n\r\nexport const secondary: Story = {\r\n args: {\r\n children: \"secondary\",\r\n variant: \"secondary\",\r\n },\r\n};\r\n\r\nexport const destructive: Story = {\r\n args: {\r\n children: \"destructive\",\r\n variant: \"destructive\",\r\n },\r\n};\r\n\r\nexport const outline: Story = {\r\n args: {\r\n children: \"outline\",\r\n variant: \"outline\",\r\n },\r\n};\r\n\r\nexport const ghost: Story = {\r\n args: {\r\n children: \"ghost\",\r\n variant: \"ghost\",\r\n },\r\n};\r\n\r\nexport const link: Story = {\r\n args: {\r\n children: \"link\",\r\n variant: \"link\",\r\n },\r\n};\r\n\r\nexport const sm: Story = {\r\n args: {\r\n children: \"sm\",\r\n size: \"sm\",\r\n },\r\n};\r\n\r\nexport const lg: Story = {\r\n args: {\r\n children: \"lg\",\r\n size: \"lg\",\r\n },\r\n};\r\n\r\n// export const icon: Story = {\r\n// args: { iconStart: \"PcCase\", size: \"icon\" },\r\n// };\r\n\r\n// export const icons: Story = {\r\n// args: {\r\n// children: \"icons\",\r\n// iconStart: \"Loader\",\r\n// iconStartAnimate: true,\r\n// iconEnd: \"ShieldCheck\",\r\n// },\r\n// };\r\n"],"mappings":"AACA,SAAS,QAAQ,sBAAsB;AAEvC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,SAAS;AAAA,MAC1B,SAAS,OAAO,KAAK,eAAe,OAAO;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,eAAe,IAAI;AAAA,IAC1C;AAAA,EACF;AACF;AACA,IAAO,yBAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,YAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AACF;AAEO,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AACF;AAEO,MAAM,QAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AACF;AAEO,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AACF;","names":[]}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=button_with_icon_variant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,27 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { Icon } from './icon.js';
3
- import 'react/jsx-runtime';
4
- import 'class-variance-authority/types';
5
- import 'react';
6
- import 'class-variance-authority';
7
- import 'lucide-react';
8
-
9
- declare const meta: {
10
- component: typeof Icon;
11
- title: string;
12
- argTypes: {
13
- size: {
14
- options: string[];
15
- };
16
- color: {
17
- options: string[];
18
- };
19
- };
20
- };
21
-
22
- type Story = StoryObj<typeof meta>;
23
- declare const small: Story;
24
- declare const medium: Story;
25
- declare const large_spinner: Story;
26
-
27
- export { meta as default, large_spinner, medium, small };
@@ -1,30 +0,0 @@
1
- import { Icon, iconVariants } from "..";
2
- const meta = {
3
- component: Icon,
4
- title: "Icon",
5
- argTypes: {
6
- size: {
7
- options: Object.keys(iconVariants.size)
8
- },
9
- color: {
10
- options: Object.keys(iconVariants.color)
11
- }
12
- }
13
- };
14
- var icon_stories_default = meta;
15
- const small = {
16
- args: { icon: "Loader", size: "sm" }
17
- };
18
- const medium = {
19
- args: { icon: "Loader", size: "md" }
20
- };
21
- const large_spinner = {
22
- args: { icon: "Loader", size: "lg", color: "primary", spin: true }
23
- };
24
- export {
25
- icon_stories_default as default,
26
- large_spinner,
27
- medium,
28
- small
29
- };
30
- //# sourceMappingURL=icon.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/icon/icon.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Icon, iconVariants } from \"..\";\n\nconst meta = {\n component: Icon,\n title: \"Icon\",\n argTypes: {\n size: {\n options: Object.keys(iconVariants.size),\n },\n color: {\n options: Object.keys(iconVariants.color),\n },\n },\n} satisfies Meta<typeof Icon>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const small: Story = {\n args: { icon: \"Loader\", size: \"sm\" },\n};\n\nexport const medium: Story = {\n args: { icon: \"Loader\", size: \"md\" },\n};\n\nexport const large_spinner: Story = {\n args: { icon: \"Loader\", size: \"lg\", color: \"primary\", spin: true },\n};\n"],"mappings":"AACA,SAAS,MAAM,oBAAoB;AAEnC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,aAAa,IAAI;AAAA,IACxC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,OAAO,KAAK,aAAa,KAAK;AAAA,IACzC;AAAA,EACF;AACF;AACA,IAAO,uBAAQ;AAIR,MAAM,QAAe;AAAA,EAC1B,MAAM,EAAE,MAAM,UAAU,MAAM,KAAK;AACrC;AAEO,MAAM,SAAgB;AAAA,EAC3B,MAAM,EAAE,MAAM,UAAU,MAAM,KAAK;AACrC;AAEO,MAAM,gBAAuB;AAAA,EAClC,MAAM,EAAE,MAAM,UAAU,MAAM,MAAM,OAAO,WAAW,MAAM,KAAK;AACnE;","names":[]}
@@ -1,32 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { Layout } from './layout.js';
3
- import 'react/jsx-runtime';
4
- import 'class-variance-authority/types';
5
- import 'react';
6
- import 'class-variance-authority';
7
-
8
- declare const meta: {
9
- component: typeof Layout;
10
- title: string;
11
- argTypes: {
12
- bgColor: {
13
- options: string[];
14
- };
15
- type: {
16
- options: string[];
17
- };
18
- cols: {
19
- options: string[];
20
- };
21
- };
22
- };
23
-
24
- type Story = StoryObj<typeof meta>;
25
- declare const Empty: Story;
26
- declare const Layout_100: Story;
27
- declare const Layout_Wide_100: Story;
28
- declare const Layout_Full_100: Story;
29
- declare const Layout_66_33: Story;
30
- declare const Layout_50_50: Story;
31
-
32
- export { Empty, Layout_100, Layout_50_50, Layout_66_33, Layout_Full_100, Layout_Wide_100, meta as default };
@@ -1,72 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Layout, layoutVariants } from "..";
3
- const meta = {
4
- component: Layout,
5
- title: "Layout",
6
- argTypes: {
7
- bgColor: {
8
- options: Object.keys(layoutVariants.bgColor)
9
- },
10
- type: {
11
- options: Object.keys(layoutVariants.type)
12
- },
13
- cols: {
14
- options: Object.keys(layoutVariants.cols)
15
- }
16
- }
17
- };
18
- var layout_stories_default = meta;
19
- const Empty = {};
20
- const Layout_100 = {
21
- args: {
22
- cols: "100",
23
- as: "section",
24
- bgColor: "gradient1",
25
- children: [
26
- /* @__PURE__ */ jsx(Layout.Col1, { as: "article", children: "Laytout as section, Col1 as article" })
27
- ]
28
- }
29
- };
30
- const Layout_Wide_100 = {
31
- args: {
32
- cols: "100",
33
- type: "wide",
34
- children: [/* @__PURE__ */ jsx(Layout.Col1, { children: "Col1" })]
35
- }
36
- };
37
- const Layout_Full_100 = {
38
- args: {
39
- cols: "100",
40
- type: "full",
41
- children: [/* @__PURE__ */ jsx(Layout.Col1, { children: "Col1" })]
42
- }
43
- };
44
- const Layout_66_33 = {
45
- args: {
46
- cols: "66-33",
47
- children: [
48
- /* @__PURE__ */ jsx(Layout.Col1, { hideDiv: true, children: /* @__PURE__ */ jsx("div", { children: "Col1" }) }),
49
- /* @__PURE__ */ jsx(Layout.Col2, { children: "Col2" })
50
- ]
51
- }
52
- };
53
- const Layout_50_50 = {
54
- args: {
55
- cols: "50-50",
56
- bgColor: "primary",
57
- children: [
58
- /* @__PURE__ */ jsx(Layout.Col1, { children: "Col1" }),
59
- /* @__PURE__ */ jsx(Layout.Col2, { children: "Col2" })
60
- ]
61
- }
62
- };
63
- export {
64
- Empty,
65
- Layout_100,
66
- Layout_50_50,
67
- Layout_66_33,
68
- Layout_Full_100,
69
- Layout_Wide_100,
70
- layout_stories_default as default
71
- };
72
- //# sourceMappingURL=layout.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/layout/layout.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\r\nimport { Layout, layoutVariants } from \"..\";\r\n\r\nconst meta = {\r\n component: Layout,\r\n title: \"Layout\",\r\n argTypes: {\r\n bgColor: {\r\n options: Object.keys(layoutVariants.bgColor),\r\n },\r\n type: {\r\n options: Object.keys(layoutVariants.type),\r\n },\r\n cols: {\r\n options: Object.keys(layoutVariants.cols),\r\n },\r\n },\r\n} satisfies Meta<typeof Layout>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Empty: Story = {};\r\n\r\nexport const Layout_100: Story = {\r\n args: {\r\n cols: \"100\",\r\n as: \"section\",\r\n bgColor: \"gradient1\",\r\n children: [\r\n <Layout.Col1 as=\"article\">\r\n Laytout as section, Col1 as article\r\n </Layout.Col1>,\r\n ],\r\n },\r\n};\r\n\r\nexport const Layout_Wide_100: Story = {\r\n args: {\r\n cols: \"100\",\r\n type: \"wide\",\r\n children: [<Layout.Col1>Col1</Layout.Col1>],\r\n },\r\n};\r\n\r\nexport const Layout_Full_100: Story = {\r\n args: {\r\n cols: \"100\",\r\n type: \"full\",\r\n children: [<Layout.Col1>Col1</Layout.Col1>],\r\n },\r\n};\r\n\r\nexport const Layout_66_33: Story = {\r\n args: {\r\n cols: \"66-33\",\r\n children: [\r\n <Layout.Col1 hideDiv>\r\n <div>Col1</div>\r\n </Layout.Col1>,\r\n <Layout.Col2>Col2</Layout.Col2>,\r\n ],\r\n },\r\n};\r\n\r\nexport const Layout_50_50: Story = {\r\n args: {\r\n cols: \"50-50\",\r\n bgColor: \"primary\",\r\n children: [\r\n <Layout.Col1>Col1</Layout.Col1>,\r\n <Layout.Col2>Col2</Layout.Col2>,\r\n ],\r\n },\r\n};\r\n"],"mappings":"AA8BM;AA7BN,SAAS,QAAQ,sBAAsB;AAEvC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,OAAO,KAAK,eAAe,OAAO;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,eAAe,IAAI;AAAA,IAC1C;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,eAAe,IAAI;AAAA,IAC1C;AAAA,EACF;AACF;AACA,IAAO,yBAAQ;AAIR,MAAM,QAAe,CAAC;AAEtB,MAAM,aAAoB;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,MACR,oBAAC,OAAO,MAAP,EAAY,IAAG,WAAU,iDAE1B;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,kBAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,CAAC,oBAAC,OAAO,MAAP,EAAY,kBAAI,CAAc;AAAA,EAC5C;AACF;AAEO,MAAM,kBAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,CAAC,oBAAC,OAAO,MAAP,EAAY,kBAAI,CAAc;AAAA,EAC5C;AACF;AAEO,MAAM,eAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,MACR,oBAAC,OAAO,MAAP,EAAY,SAAO,MAClB,8BAAC,SAAI,kBAAI,GACX;AAAA,MACA,oBAAC,OAAO,MAAP,EAAY,kBAAI;AAAA,IACnB;AAAA,EACF;AACF;AAEO,MAAM,eAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,MACR,oBAAC,OAAO,MAAP,EAAY,kBAAI;AAAA,MACjB,oBAAC,OAAO,MAAP,EAAY,kBAAI;AAAA,IACnB;AAAA,EACF;AACF;","names":[]}
@@ -1,15 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { Separator } from './separator.js';
3
- import 'react/jsx-runtime';
4
- import '@base-ui/react/separator';
5
-
6
- declare const meta: {
7
- component: typeof Separator;
8
- title: string;
9
- };
10
-
11
- type Story = StoryObj<typeof meta>;
12
- declare const vertical: Story;
13
- declare const horizontal: Story;
14
-
15
- export { meta as default, horizontal, vertical };
@@ -1,18 +0,0 @@
1
- import { Separator } from "./separator";
2
- const meta = {
3
- component: Separator,
4
- title: "Separator"
5
- };
6
- var separator_stories_default = meta;
7
- const vertical = {
8
- args: { orientation: "vertical" }
9
- };
10
- const horizontal = {
11
- args: { orientation: "horizontal" }
12
- };
13
- export {
14
- separator_stories_default as default,
15
- horizontal,
16
- vertical
17
- };
18
- //# sourceMappingURL=separator.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/separator/separator.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\r\nimport { Separator } from \"./separator\";\r\n\r\nconst meta = {\r\n component: Separator,\r\n title: \"Separator\",\r\n} satisfies Meta<typeof Separator>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const vertical: Story = {\r\n args: { orientation: \"vertical\" },\r\n};\r\n\r\nexport const horizontal: Story = {\r\n args: { orientation: \"horizontal\" },\r\n};\r\n"],"mappings":"AACA,SAAS,iBAAiB;AAE1B,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,4BAAQ;AAIR,MAAM,WAAkB;AAAA,EAC7B,MAAM,EAAE,aAAa,WAAW;AAClC;AAEO,MAAM,aAAoB;AAAA,EAC/B,MAAM,EAAE,aAAa,aAAa;AACpC;","names":[]}
@@ -1,13 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { Skeleton } from './skeleton.js';
3
- import 'react/jsx-runtime';
4
-
5
- declare const meta: {
6
- component: typeof Skeleton;
7
- title: string;
8
- };
9
-
10
- type Story = StoryObj<typeof meta>;
11
- declare const base: Story;
12
-
13
- export { base, meta as default };
@@ -1,16 +0,0 @@
1
- import { Skeleton } from "./skeleton";
2
- const meta = {
3
- component: Skeleton,
4
- title: "Skeleton"
5
- };
6
- var skeleton_stories_default = meta;
7
- const base = {
8
- args: {
9
- className: "sg:h-[100px] sg:w-[100px]"
10
- }
11
- };
12
- export {
13
- base,
14
- skeleton_stories_default as default
15
- };
16
- //# sourceMappingURL=skeleton.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/skeleton/skeleton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Skeleton } from \"./skeleton\";\n\nconst meta = {\n component: Skeleton,\n title: \"Skeleton\",\n} satisfies Meta<typeof Skeleton>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const base: Story = {\n args: {\n className: \"sg:h-[100px] sg:w-[100px]\",\n },\n};\n"],"mappings":"AACA,SAAS,gBAAgB;AAEzB,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,2BAAQ;AAIR,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AACF;","names":[]}
@@ -1,16 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { Spinner } from './spinner.js';
3
- import 'react/jsx-runtime';
4
-
5
- declare const meta: {
6
- component: typeof Spinner;
7
- title: string;
8
- };
9
-
10
- type Story = StoryObj<typeof meta>;
11
- declare const xs: Story;
12
- declare const sm: Story;
13
- declare const md: Story;
14
- declare const lg: Story;
15
-
16
- export { meta as default, lg, md, sm, xs };
@@ -1,34 +0,0 @@
1
- import { Spinner } from "./spinner";
2
- const meta = {
3
- component: Spinner,
4
- title: "Spinner"
5
- };
6
- var spinner_stories_default = meta;
7
- const xs = {
8
- args: {
9
- className: "sg:size-3"
10
- }
11
- };
12
- const sm = {
13
- args: {
14
- className: "sg:size-4"
15
- }
16
- };
17
- const md = {
18
- args: {
19
- className: "sg:size-6"
20
- }
21
- };
22
- const lg = {
23
- args: {
24
- className: "sg:size-8"
25
- }
26
- };
27
- export {
28
- spinner_stories_default as default,
29
- lg,
30
- md,
31
- sm,
32
- xs
33
- };
34
- //# sourceMappingURL=spinner.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/spinner/spinner.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\r\nimport { Spinner } from \"./spinner\";\r\n\r\nconst meta = {\r\n component: Spinner,\r\n title: \"Spinner\",\r\n} satisfies Meta<typeof Spinner>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const xs: Story = {\r\n args: {\r\n className: \"sg:size-3\",\r\n },\r\n};\r\n\r\nexport const sm: Story = {\r\n args: {\r\n className: \"sg:size-4\",\r\n },\r\n};\r\n\r\nexport const md: Story = {\r\n args: {\r\n className: \"sg:size-6\",\r\n },\r\n};\r\n\r\nexport const lg: Story = {\r\n args: {\r\n className: \"sg:size-8\",\r\n },\r\n};\r\n"],"mappings":"AACA,SAAS,eAAe;AAExB,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,0BAAQ;AAIR,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AACF;","names":[]}
@@ -1,13 +0,0 @@
1
- import { StoryObj, Meta } from '@storybook/react-vite';
2
- import { Stack } from './stack.js';
3
- import 'class-variance-authority/types';
4
- import 'class-variance-authority';
5
- import 'react';
6
-
7
- declare const meta: Meta<typeof Stack>;
8
-
9
- type Story = StoryObj<typeof meta>;
10
- declare const Default: Story;
11
- declare const Spacing: Story;
12
-
13
- export { Default, Spacing, meta as default };
@@ -1,26 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Stack } from "./stack";
3
- import { TextHeading } from "../text/text-heading";
4
- import { TextParagraph } from "../text/text-paragraph";
5
- const meta = {
6
- title: "Stack"
7
- };
8
- var stack_stories_default = meta;
9
- const Default = {
10
- render: (args) => /* @__PURE__ */ jsxs(Stack, { ...args, children: [
11
- /* @__PURE__ */ jsx(TextHeading, { children: "Heading" }),
12
- /* @__PURE__ */ jsx(TextParagraph, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." })
13
- ] })
14
- };
15
- const Spacing = {
16
- render: (args) => /* @__PURE__ */ jsxs(Stack, { ...args, gap: 8, children: [
17
- /* @__PURE__ */ jsx(TextHeading, { children: "Heading" }),
18
- /* @__PURE__ */ jsx(TextParagraph, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." })
19
- ] })
20
- };
21
- export {
22
- Default,
23
- Spacing,
24
- stack_stories_default as default
25
- };
26
- //# sourceMappingURL=stack.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/components/primitives/stack/stack.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Stack } from \"./stack\";\nimport { TextHeading } from \"../text/text-heading\";\nimport { TextParagraph } from \"../text/text-paragraph\";\n\nconst meta: Meta<typeof Stack> = {\n title: \"Stack\",\n};\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n render: (args) => (\n <Stack {...args}>\n <TextHeading>Heading</TextHeading>\n <TextParagraph>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n </TextParagraph>\n </Stack>\n ),\n};\n\nexport const Spacing: Story = {\n render: (args) => (\n <Stack {...args} gap={8}>\n <TextHeading>Heading</TextHeading>\n <TextParagraph>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n </TextParagraph>\n </Stack>\n ),\n};\n"],"mappings":"AAcI,SACE,KADF;AAbJ,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,MAAM,OAA2B;AAAA,EAC/B,OAAO;AACT;AACA,IAAO,wBAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,QAAQ,CAAC,SACP,qBAAC,SAAO,GAAG,MACT;AAAA,wBAAC,eAAY,qBAAO;AAAA,IACpB,oBAAC,iBAAc,sEAEf;AAAA,KACF;AAEJ;AAEO,MAAM,UAAiB;AAAA,EAC5B,QAAQ,CAAC,SACP,qBAAC,SAAO,GAAG,MAAM,KAAK,GACpB;AAAA,wBAAC,eAAY,qBAAO;AAAA,IACpB,oBAAC,iBAAc,sEAEf;AAAA,KACF;AAEJ;","names":[]}
@@ -1,32 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { OmitClassProperty } from '../../../lib/types.js';
3
- import { TextElementProps } from './internal/text-element.js';
4
- import { StoryObj } from '@storybook/react-vite';
5
- import 'class-variance-authority/types';
6
- import 'react';
7
- import 'class-variance-authority';
8
-
9
- declare const meta: {
10
- component: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
11
- title: string;
12
- argTypes: {
13
- fontweight: {
14
- options: string[];
15
- };
16
- foreground: {
17
- options: string[];
18
- };
19
- size: {
20
- options: string[];
21
- };
22
- };
23
- };
24
-
25
- type Story = StoryObj<typeof meta>;
26
- declare const sm: Story;
27
- declare const md: Story;
28
- declare const base: Story;
29
- declare const lg: Story;
30
- declare const lg_gradient: Story;
31
-
32
- export { base, meta as default, lg, lg_gradient, md, sm };