singularity-components 0.1.140 → 0.1.193
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -4
- package/dist/components/blocks/cards/blogpost-card.d.ts +13 -0
- package/dist/components/blocks/cards/blogpost-card.js +79 -0
- package/dist/components/blocks/cards/blogpost-card.js.map +1 -0
- package/dist/components/blocks/cards/card.d.ts +14 -0
- package/dist/components/blocks/cards/card.js +86 -0
- package/dist/components/blocks/cards/card.js.map +1 -0
- package/dist/components/blocks/empty-state/EmptyState.d.ts +15 -0
- package/dist/components/blocks/empty-state/EmptyState.js +36 -0
- package/dist/components/blocks/empty-state/EmptyState.js.map +1 -0
- package/dist/components/blocks/index.d.ts +5 -0
- package/dist/components/blocks/index.js +5 -0
- package/dist/components/blocks/index.js.map +1 -0
- package/dist/components/blocks/post-list/post-filters.d.ts +19 -0
- package/dist/components/blocks/post-list/post-filters.js +99 -0
- package/dist/components/blocks/post-list/post-filters.js.map +1 -0
- package/dist/components/blocks/post-list/post-list-with-filters.d.ts +19 -0
- package/dist/components/blocks/post-list/post-list-with-filters.js +439 -0
- package/dist/components/blocks/post-list/post-list-with-filters.js.map +1 -0
- package/dist/components/index.d.ts +43 -10
- package/dist/components/index.js +5 -3
- package/dist/components/index.js.map +1 -1
- package/dist/components/pages/admin/admin-page.d.ts +8 -0
- package/dist/components/pages/admin/admin-page.js +299 -0
- package/dist/components/pages/admin/admin-page.js.map +1 -0
- package/dist/components/pages/blogpost/blogpost.d.ts +5 -0
- package/dist/components/pages/blogpost/blogpost.js +440 -0
- package/dist/components/pages/blogpost/blogpost.js.map +1 -0
- package/dist/components/pages/category/category-page.d.ts +8 -0
- package/dist/components/pages/category/category-page.js +69 -0
- package/dist/components/pages/category/category-page.js.map +1 -0
- package/dist/components/pages/chat/chat-page.d.ts +5 -0
- package/dist/components/pages/chat/chat-page.js +209 -0
- package/dist/components/pages/chat/chat-page.js.map +1 -0
- package/dist/components/pages/index.d.ts +11 -0
- package/dist/components/pages/index.js +11 -0
- package/dist/components/pages/index.js.map +1 -0
- package/dist/components/pages/login/login-page.d.ts +19 -0
- package/dist/components/pages/login/login-page.js +108 -0
- package/dist/components/pages/login/login-page.js.map +1 -0
- package/dist/components/pages/maintenance/maintenance-page.d.ts +5 -0
- package/dist/components/pages/maintenance/maintenance-page.js +50 -0
- package/dist/components/pages/maintenance/maintenance-page.js.map +1 -0
- package/dist/components/pages/not-found/not-found.d.ts +10 -0
- package/dist/components/pages/not-found/not-found.js +64 -0
- package/dist/components/pages/not-found/not-found.js.map +1 -0
- package/dist/components/pages/privacy/privacy-page.d.ts +15 -0
- package/dist/components/pages/privacy/privacy-page.js +98 -0
- package/dist/components/pages/privacy/privacy-page.js.map +1 -0
- package/dist/components/pages/search/search-page.d.ts +5 -0
- package/dist/components/pages/search/search-page.js +18 -0
- package/dist/components/pages/search/search-page.js.map +1 -0
- package/dist/components/pages/startpage/startpage.d.ts +5 -0
- package/dist/components/pages/startpage/startpage.js +50 -0
- package/dist/components/pages/startpage/startpage.js.map +1 -0
- package/dist/components/pages/terms/terms-page.d.ts +15 -0
- package/dist/components/pages/terms/terms-page.js +98 -0
- package/dist/components/pages/terms/terms-page.js.map +1 -0
- package/dist/components/primitives/accordion/accordion.js +1 -1
- package/dist/components/primitives/accordion/accordion.js.map +1 -1
- package/dist/components/primitives/alert/alert.js +1 -1
- package/dist/components/primitives/alert/alert.js.map +1 -1
- package/dist/components/primitives/avatar/avatar.d.ts +14 -0
- package/dist/components/primitives/avatar/avatar.js +103 -0
- package/dist/components/primitives/avatar/avatar.js.map +1 -0
- package/dist/components/primitives/badge/badge.d.ts +12 -4
- package/dist/components/primitives/badge/badge.js +15 -15
- package/dist/components/primitives/badge/badge.js.map +1 -1
- package/dist/components/primitives/badge/badges.js +1 -1
- package/dist/components/primitives/badge/badges.js.map +1 -1
- package/dist/components/primitives/{button → buttons}/button.d.ts +15 -9
- package/dist/components/primitives/buttons/button.js +92 -0
- package/dist/components/primitives/buttons/button.js.map +1 -0
- package/dist/components/primitives/buttons/icon-button.d.ts +33 -0
- package/dist/components/primitives/buttons/icon-button.js +61 -0
- package/dist/components/primitives/buttons/icon-button.js.map +1 -0
- package/dist/components/primitives/buttons/link-button.d.ts +16 -0
- package/dist/components/primitives/buttons/link-button.js +35 -0
- package/dist/components/primitives/buttons/link-button.js.map +1 -0
- package/dist/components/primitives/collapsible/collapsible.d.ts +9 -0
- package/dist/components/primitives/collapsible/collapsible.js +53 -0
- package/dist/components/primitives/collapsible/collapsible.js.map +1 -0
- package/dist/components/primitives/dropdown-menu/dropdown-menu.d.ts +30 -0
- package/dist/components/primitives/dropdown-menu/dropdown-menu.js +164 -0
- package/dist/components/primitives/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/components/primitives/forms/checkbox.d.ts +6 -0
- package/dist/components/primitives/forms/checkbox.js +30 -0
- package/dist/components/primitives/forms/checkbox.js.map +1 -0
- package/dist/components/primitives/forms/field.d.ts +29 -0
- package/dist/components/primitives/forms/field.js +218 -0
- package/dist/components/primitives/forms/field.js.map +1 -0
- package/dist/components/primitives/forms/input.d.ts +6 -0
- package/dist/components/primitives/forms/input.js +22 -0
- package/dist/components/primitives/forms/input.js.map +1 -0
- package/dist/components/primitives/forms/select.d.ts +22 -0
- package/dist/components/primitives/forms/select.js +169 -0
- package/dist/components/primitives/forms/select.js.map +1 -0
- package/dist/components/primitives/forms/textarea.d.ts +6 -0
- package/dist/components/primitives/forms/textarea.js +20 -0
- package/dist/components/primitives/forms/textarea.js.map +1 -0
- package/dist/components/primitives/icon/icon.d.ts +10 -3
- package/dist/components/primitives/icon/icon.js +15 -14
- package/dist/components/primitives/icon/icon.js.map +1 -1
- package/dist/components/primitives/index.d.ts +25 -7
- package/dist/components/primitives/index.js +31 -18
- package/dist/components/primitives/index.js.map +1 -1
- package/dist/components/primitives/label/label.d.ts +6 -0
- package/dist/components/primitives/label/label.js +22 -0
- package/dist/components/primitives/label/label.js.map +1 -0
- package/dist/components/primitives/layout/layout.d.ts +8 -4
- package/dist/components/primitives/layout/layout.js +35 -17
- package/dist/components/primitives/layout/layout.js.map +1 -1
- package/dist/components/primitives/link/link.d.ts +42 -0
- package/dist/components/primitives/link/link.js +83 -0
- package/dist/components/primitives/link/link.js.map +1 -0
- package/dist/components/primitives/separator/separator.js +1 -1
- package/dist/components/primitives/separator/separator.js.map +1 -1
- package/dist/components/primitives/sheet/sheet.d.ts +29 -0
- package/dist/components/primitives/sheet/sheet.js +117 -0
- package/dist/components/primitives/sheet/sheet.js.map +1 -0
- package/dist/components/primitives/skeleton/skeleton.js +1 -1
- package/dist/components/primitives/skeleton/skeleton.js.map +1 -1
- package/dist/components/primitives/sonner/sonner.d.ts +7 -0
- package/dist/components/primitives/sonner/sonner.js +42 -0
- package/dist/components/primitives/sonner/sonner.js.map +1 -0
- package/dist/components/primitives/sonner/use-toast.d.ts +24 -0
- package/dist/components/primitives/sonner/use-toast.js +21 -0
- package/dist/components/primitives/sonner/use-toast.js.map +1 -0
- package/dist/components/primitives/spinner/spinner.js +1 -1
- package/dist/components/primitives/spinner/spinner.js.map +1 -1
- package/dist/components/primitives/stack/stack.d.ts +5 -1
- package/dist/components/primitives/stack/stack.js +46 -5
- package/dist/components/primitives/stack/stack.js.map +1 -1
- package/dist/components/primitives/text/{text-heading.d.ts → heading.d.ts} +5 -5
- package/dist/components/primitives/text/heading.js +53 -0
- package/dist/components/primitives/text/heading.js.map +1 -0
- package/dist/components/primitives/text/internal/text-element.d.ts +30 -4
- package/dist/components/primitives/text/internal/text-element.js +24 -14
- package/dist/components/primitives/text/internal/text-element.js.map +1 -1
- package/dist/components/primitives/text/text-code.d.ts +26 -0
- package/dist/components/primitives/text/text-code.js +44 -0
- package/dist/components/primitives/text/text-code.js.map +1 -0
- package/dist/components/primitives/text/text-div.d.ts +1 -1
- package/dist/components/primitives/text/text-div.js +2 -2
- package/dist/components/primitives/text/text-div.js.map +1 -1
- package/dist/components/primitives/text/text-span.js +2 -2
- package/dist/components/primitives/text/text-span.js.map +1 -1
- package/dist/components/primitives/text/text-time.js +2 -2
- package/dist/components/primitives/text/text-time.js.map +1 -1
- package/dist/components/primitives/text/text.d.ts +16 -0
- package/dist/components/primitives/text/{text-paragraph.js → text.js} +16 -5
- package/dist/components/primitives/text/text.js.map +1 -0
- package/dist/components/primitives/{ui-image.d.ts → ui-image/ui-image.d.ts} +1 -1
- package/dist/components/primitives/{ui-image.js → ui-image/ui-image.js} +4 -7
- package/dist/components/primitives/ui-image/ui-image.js.map +1 -0
- package/dist/components/primitives/ui-link/ui-link.d.ts +8 -0
- package/dist/components/primitives/ui-link/ui-link.js +19 -0
- package/dist/components/primitives/ui-link/ui-link.js.map +1 -0
- package/dist/components/providers/LinkContext.d.ts +1 -1
- package/dist/components/providers/LinkContext.js +1 -1
- package/dist/components/providers/LinkContext.js.map +1 -1
- package/dist/components/providers/SingularityContext.d.ts +4 -1
- package/dist/components/providers/SingularityContext.js +7 -3
- package/dist/components/providers/SingularityContext.js.map +1 -1
- package/dist/components/providers/auth-provider.d.ts +15 -0
- package/dist/components/providers/auth-provider.js +30 -0
- package/dist/components/providers/auth-provider.js.map +1 -0
- package/dist/components/providers/index.d.ts +3 -0
- package/dist/components/providers/index.js +5 -3
- package/dist/components/providers/index.js.map +1 -1
- package/dist/components/providers/theme-provider.d.ts +27 -0
- package/dist/components/providers/theme-provider.js +75 -0
- package/dist/components/providers/theme-provider.js.map +1 -0
- package/dist/components/templates/container/container.d.ts +20 -0
- package/dist/components/templates/container/container.js +58 -0
- package/dist/components/templates/container/container.js.map +1 -0
- package/dist/components/templates/footer/footer.d.ts +5 -0
- package/dist/components/templates/footer/footer.js +12 -0
- package/dist/components/templates/footer/footer.js.map +1 -0
- package/dist/components/templates/form/form.d.ts +5 -0
- package/dist/components/templates/form/form.js +141 -0
- package/dist/components/templates/form/form.js.map +1 -0
- package/dist/components/templates/hero/hero.d.ts +18 -0
- package/dist/components/templates/hero/hero.js +301 -0
- package/dist/components/templates/hero/hero.js.map +1 -0
- package/dist/components/templates/index.d.ts +5 -0
- package/dist/components/templates/index.js +5 -0
- package/dist/components/templates/index.js.map +1 -0
- package/dist/components/templates/navigation/header.d.ts +19 -0
- package/dist/components/templates/navigation/header.js +222 -0
- package/dist/components/templates/navigation/header.js.map +1 -0
- package/dist/components/templates/navigation/index.d.ts +3 -0
- package/dist/components/templates/navigation/index.js +2 -0
- package/dist/components/templates/navigation/index.js.map +1 -0
- package/dist/css/variables.css +75 -73
- package/dist/css/variables.css.map +1 -1
- package/dist/data/authors.d.ts +12 -0
- package/dist/data/authors.js +33 -0
- package/dist/data/authors.js.map +1 -0
- package/dist/data/posts.d.ts +22 -0
- package/dist/data/posts.js +285 -0
- package/dist/data/posts.js.map +1 -0
- package/dist/index.d.ts +43 -10
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/helpers/index.js +1 -1
- package/dist/lib/helpers/index.js.map +1 -1
- package/dist/lib/hooks/useIsClient.d.ts +3 -0
- package/dist/lib/hooks/useIsClient.js +14 -0
- package/dist/lib/hooks/useIsClient.js.map +1 -0
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.js +2 -1
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/types.d.ts +4 -8
- package/dist/main.css +2026 -455
- package/dist/main.css.map +1 -1
- package/dist/{utils.js → utils/index.js} +1 -1
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.test.js +37 -0
- package/dist/utils/index.test.js.map +1 -0
- package/package.json +80 -44
- package/dist/components/primitives/accordion/accordion.stories.d.ts +0 -15
- package/dist/components/primitives/accordion/accordion.stories.js +0 -60
- package/dist/components/primitives/accordion/accordion.stories.js.map +0 -1
- package/dist/components/primitives/alert/alert.stories.d.ts +0 -22
- package/dist/components/primitives/alert/alert.stories.js +0 -37
- package/dist/components/primitives/alert/alert.stories.js.map +0 -1
- package/dist/components/primitives/button/button.js +0 -56
- package/dist/components/primitives/button/button.js.map +0 -1
- package/dist/components/primitives/button/button.stories.d.ts +0 -34
- package/dist/components/primitives/button/button.stories.js +0 -74
- package/dist/components/primitives/button/button.stories.js.map +0 -1
- package/dist/components/primitives/button/button_with_icon_variant.js +0 -1
- package/dist/components/primitives/button/button_with_icon_variant.js.map +0 -1
- package/dist/components/primitives/icon/icon.stories.d.ts +0 -27
- package/dist/components/primitives/icon/icon.stories.js +0 -30
- package/dist/components/primitives/icon/icon.stories.js.map +0 -1
- package/dist/components/primitives/layout/layout.stories.d.ts +0 -32
- package/dist/components/primitives/layout/layout.stories.js +0 -72
- package/dist/components/primitives/layout/layout.stories.js.map +0 -1
- package/dist/components/primitives/separator/separator.stories.d.ts +0 -15
- package/dist/components/primitives/separator/separator.stories.js +0 -18
- package/dist/components/primitives/separator/separator.stories.js.map +0 -1
- package/dist/components/primitives/skeleton/skeleton.stories.d.ts +0 -13
- package/dist/components/primitives/skeleton/skeleton.stories.js +0 -16
- package/dist/components/primitives/skeleton/skeleton.stories.js.map +0 -1
- package/dist/components/primitives/spinner/spinner.stories.d.ts +0 -16
- package/dist/components/primitives/spinner/spinner.stories.js +0 -34
- package/dist/components/primitives/spinner/spinner.stories.js.map +0 -1
- package/dist/components/primitives/stack/stack.stories.d.ts +0 -13
- package/dist/components/primitives/stack/stack.stories.js +0 -26
- package/dist/components/primitives/stack/stack.stories.js.map +0 -1
- package/dist/components/primitives/text/text-div.stories.d.ts +0 -32
- package/dist/components/primitives/text/text-div.stories.js +0 -59
- package/dist/components/primitives/text/text-div.stories.js.map +0 -1
- package/dist/components/primitives/text/text-heading.js +0 -53
- package/dist/components/primitives/text/text-heading.js.map +0 -1
- package/dist/components/primitives/text/text-heading.stories.d.ts +0 -27
- package/dist/components/primitives/text/text-heading.stories.js +0 -47
- package/dist/components/primitives/text/text-heading.stories.js.map +0 -1
- package/dist/components/primitives/text/text-paragraph.d.ts +0 -10
- package/dist/components/primitives/text/text-paragraph.js.map +0 -1
- package/dist/components/primitives/text/text-span.stories.d.ts +0 -31
- package/dist/components/primitives/text/text-span.stories.js +0 -59
- package/dist/components/primitives/text/text-span.stories.js.map +0 -1
- package/dist/components/primitives/ui-image.js.map +0 -1
- package/dist/components/primitives/ui-link.d.ts +0 -6
- package/dist/components/primitives/ui-link.js +0 -22
- package/dist/components/primitives/ui-link.js.map +0 -1
- package/dist/components/units/cards/blog-card.d.ts +0 -19
- package/dist/components/units/cards/blog-card.js +0 -82
- package/dist/components/units/cards/blog-card.js.map +0 -1
- package/dist/components/units/cards/card.d.ts +0 -15
- package/dist/components/units/cards/card.js +0 -89
- package/dist/components/units/cards/card.js.map +0 -1
- package/dist/components/units/cards/cards.d.ts +0 -17
- package/dist/components/units/cards/cards.js +0 -37
- package/dist/components/units/cards/cards.js.map +0 -1
- package/dist/components/units/index.d.ts +0 -5
- package/dist/components/units/index.js +0 -4
- package/dist/components/units/index.js.map +0 -1
- package/dist/utils.js.map +0 -1
- /package/dist/{utils.d.ts → utils/index.d.ts} +0 -0
- /package/dist/{components/primitives/button/button_with_icon_variant.d.ts → utils/index.test.d.ts} +0 -0
|
@@ -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 };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { TextDiv } from "./text-div";
|
|
2
|
-
import { textElementVariants } from "./internal/text-element";
|
|
3
|
-
const meta = {
|
|
4
|
-
component: TextDiv,
|
|
5
|
-
title: "Text Div",
|
|
6
|
-
argTypes: {
|
|
7
|
-
fontweight: {
|
|
8
|
-
options: Object.keys(textElementVariants.fontweight)
|
|
9
|
-
},
|
|
10
|
-
foreground: {
|
|
11
|
-
options: Object.keys(textElementVariants.foreground)
|
|
12
|
-
},
|
|
13
|
-
size: {
|
|
14
|
-
options: Object.keys(textElementVariants.size)
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
var text_div_stories_default = meta;
|
|
19
|
-
const sm = {
|
|
20
|
-
args: {
|
|
21
|
-
size: "sm",
|
|
22
|
-
children: "sm"
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
const md = {
|
|
26
|
-
args: {
|
|
27
|
-
size: "md",
|
|
28
|
-
children: "md"
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const base = {
|
|
32
|
-
args: {
|
|
33
|
-
size: "base",
|
|
34
|
-
children: "base"
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
const lg = {
|
|
38
|
-
args: {
|
|
39
|
-
size: "lg",
|
|
40
|
-
children: "lg"
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
const lg_gradient = {
|
|
44
|
-
args: {
|
|
45
|
-
size: "lg",
|
|
46
|
-
children: "primary-light-to-dark",
|
|
47
|
-
foreground: "primary-light-to-dark",
|
|
48
|
-
fontweight: "bold"
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
export {
|
|
52
|
-
base,
|
|
53
|
-
text_div_stories_default as default,
|
|
54
|
-
lg,
|
|
55
|
-
lg_gradient,
|
|
56
|
-
md,
|
|
57
|
-
sm
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=text-div.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-div.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextDiv } from \"./text-div\";\nimport { textElementVariants } from \"./internal/text-element\";\n\nconst meta = {\n component: TextDiv,\n title: \"Text Div\",\n argTypes: {\n fontweight: {\n options: Object.keys(textElementVariants.fontweight),\n },\n foreground: {\n options: Object.keys(textElementVariants.foreground),\n },\n size: {\n options: Object.keys(textElementVariants.size),\n },\n },\n} satisfies Meta<typeof TextDiv>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const sm: Story = {\n args: {\n size: \"sm\",\n children: \"sm\",\n },\n};\n\nexport const md: Story = {\n args: {\n size: \"md\",\n children: \"md\",\n },\n};\n\nexport const base: Story = {\n args: {\n size: \"base\",\n children: \"base\",\n },\n};\n\nexport const lg: Story = {\n args: {\n size: \"lg\",\n children: \"lg\",\n },\n};\n\nexport const lg_gradient: Story = {\n args: {\n size: \"lg\",\n children: \"primary-light-to-dark\",\n foreground: \"primary-light-to-dark\",\n fontweight: \"bold\",\n },\n};\n"],"mappings":"AACA,SAAS,eAAe;AACxB,SAAS,2BAA2B;AAEpC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,oBAAoB,IAAI;AAAA,IAC/C;AAAA,EACF;AACF;AACA,IAAO,2BAAQ;AAIR,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF;","names":[]}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
3
|
-
import { textElementVariantsProps } from "./internal/text-element";
|
|
4
|
-
import { cn } from "../../../utils";
|
|
5
|
-
const textHeadingVariants = {
|
|
6
|
-
variant: {
|
|
7
|
-
h1: "sg:text-3xl sg:md:text-4xl sg:lg:text-5xl sg:font-bold sg:tracking-tight",
|
|
8
|
-
h2: "sg:text-xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0 sg:lg:text-3xl",
|
|
9
|
-
h3: "sg:text-xl sg:font-semibold sg:tracking-tight sg:lg:text-2xl",
|
|
10
|
-
h4: "sg:text-lg sg:font-semibold sg:tracking-tight",
|
|
11
|
-
h5: "sg:text-md sg:font-semibold sg:tracking-tight",
|
|
12
|
-
h6: "sg:text-md sg:tracking-tight"
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const textHeadingVariantsProps = cva("", {
|
|
16
|
-
variants: textHeadingVariants,
|
|
17
|
-
defaultVariants: {
|
|
18
|
-
variant: "h2"
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
const TextHeading = ({
|
|
22
|
-
children,
|
|
23
|
-
as,
|
|
24
|
-
variant,
|
|
25
|
-
foreground,
|
|
26
|
-
className,
|
|
27
|
-
...props
|
|
28
|
-
}) => {
|
|
29
|
-
if (!as && variant) {
|
|
30
|
-
as = variant;
|
|
31
|
-
} else if (!as) {
|
|
32
|
-
as = "h2";
|
|
33
|
-
}
|
|
34
|
-
const Component = as;
|
|
35
|
-
return /* @__PURE__ */ jsx(
|
|
36
|
-
Component,
|
|
37
|
-
{
|
|
38
|
-
className: cn(
|
|
39
|
-
textElementVariantsProps({ foreground }),
|
|
40
|
-
textHeadingVariantsProps({ variant }),
|
|
41
|
-
className
|
|
42
|
-
),
|
|
43
|
-
...props,
|
|
44
|
-
children
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
};
|
|
48
|
-
export {
|
|
49
|
-
TextHeading,
|
|
50
|
-
textHeadingVariants,
|
|
51
|
-
textHeadingVariantsProps
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=text-heading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-heading.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { textElementVariantsProps } from \"./internal/text-element\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nexport const textHeadingVariants = {\r\n variant: {\r\n h1: \"sg:text-3xl sg:md:text-4xl sg:lg:text-5xl sg:font-bold sg:tracking-tight\",\r\n h2: \"sg:text-xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0 sg:lg:text-3xl\",\r\n h3: \"sg:text-xl sg:font-semibold sg:tracking-tight sg:lg:text-2xl\",\r\n h4: \"sg:text-lg sg:font-semibold sg:tracking-tight\",\r\n h5: \"sg:text-md sg:font-semibold sg:tracking-tight\",\r\n h6: \"sg:text-md sg:tracking-tight\",\r\n },\r\n};\r\n\r\nexport const textHeadingVariantsProps = cva(\"\", {\r\n variants: textHeadingVariants,\r\n defaultVariants: {\r\n variant: \"h2\",\r\n },\r\n});\r\n\r\nexport interface TextHeadingProps\r\n extends React.HTMLAttributes<HTMLHeadingElement>,\r\n VariantProps<typeof textHeadingVariantsProps> {\r\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n foreground?: VariantProps<typeof textElementVariantsProps>[\"foreground\"];\r\n}\r\n\r\nexport const TextHeading = ({\r\n children,\r\n as,\r\n variant,\r\n foreground,\r\n className,\r\n ...props\r\n}: TextHeadingProps) => {\r\n if (!as && variant) {\r\n as = variant;\r\n } else if (!as) {\r\n as = \"h2\";\r\n }\r\n const Component = as;\r\n\r\n return (\r\n <Component\r\n className={cn(\r\n textElementVariantsProps({ foreground }),\r\n textHeadingVariantsProps({ variant }),\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </Component>\r\n );\r\n};\r\n"],"mappings":"AA6CI;AA7CJ,SAAS,WAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,UAAU;AAEZ,MAAM,sBAAsB;AAAA,EACjC,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;AAEO,MAAM,2BAA2B,IAAI,IAAI;AAAA,EAC9C,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASM,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,MAAI,CAAC,MAAM,SAAS;AAClB,SAAK;AAAA,EACP,WAAW,CAAC,IAAI;AACd,SAAK;AAAA,EACP;AACA,QAAM,YAAY;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,yBAAyB,EAAE,WAAW,CAAC;AAAA,QACvC,yBAAyB,EAAE,QAAQ,CAAC;AAAA,QACpC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { TextHeadingProps } from './text-heading.js';
|
|
3
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
4
|
-
import 'class-variance-authority/types';
|
|
5
|
-
import 'class-variance-authority';
|
|
6
|
-
import './internal/text-element.js';
|
|
7
|
-
import 'react';
|
|
8
|
-
|
|
9
|
-
declare const meta: {
|
|
10
|
-
component: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
|
|
11
|
-
title: string;
|
|
12
|
-
argTypes: {
|
|
13
|
-
foreground: {
|
|
14
|
-
options: string[];
|
|
15
|
-
};
|
|
16
|
-
variant: {
|
|
17
|
-
options: string[];
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
type Story = StoryObj<typeof meta>;
|
|
22
|
-
declare const h1: Story;
|
|
23
|
-
declare const h2: Story;
|
|
24
|
-
declare const h3: Story;
|
|
25
|
-
declare const h4: Story;
|
|
26
|
-
|
|
27
|
-
export { meta as default, h1, h2, h3, h4 };
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { TextHeading, textHeadingVariants } from "./text-heading";
|
|
2
|
-
import { textElementForeground } from "./internal/text-element";
|
|
3
|
-
const meta = {
|
|
4
|
-
component: TextHeading,
|
|
5
|
-
title: "Text Heading",
|
|
6
|
-
argTypes: {
|
|
7
|
-
foreground: {
|
|
8
|
-
options: Object.keys(textElementForeground)
|
|
9
|
-
},
|
|
10
|
-
variant: {
|
|
11
|
-
options: Object.keys(textHeadingVariants.variant)
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const h1 = {
|
|
16
|
-
args: {
|
|
17
|
-
variant: "h1",
|
|
18
|
-
children: "h1",
|
|
19
|
-
as: "h1"
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
const h2 = {
|
|
23
|
-
args: {
|
|
24
|
-
children: "h2"
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const h3 = {
|
|
28
|
-
args: {
|
|
29
|
-
variant: "h3",
|
|
30
|
-
children: "h3"
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
const h4 = {
|
|
34
|
-
args: {
|
|
35
|
-
variant: "h4",
|
|
36
|
-
children: "h4"
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
var text_heading_stories_default = meta;
|
|
40
|
-
export {
|
|
41
|
-
text_heading_stories_default as default,
|
|
42
|
-
h1,
|
|
43
|
-
h2,
|
|
44
|
-
h3,
|
|
45
|
-
h4
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=text-heading.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-heading.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextHeading, textHeadingVariants } from \"./text-heading\";\nimport { textElementForeground } from \"./internal/text-element\";\n\nconst meta = {\n component: TextHeading,\n title: \"Text Heading\",\n argTypes: {\n foreground: {\n options: Object.keys(textElementForeground),\n },\n variant: {\n options: Object.keys(textHeadingVariants.variant),\n },\n },\n} satisfies Meta<typeof TextHeading>;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const h1: Story = {\n args: {\n variant: \"h1\",\n children: \"h1\",\n as: \"h1\",\n },\n};\n\nexport const h2: Story = {\n args: {\n children: \"h2\",\n },\n};\n\nexport const h3: Story = {\n args: {\n variant: \"h3\",\n children: \"h3\",\n },\n};\n\nexport const h4: Story = {\n args: {\n variant: \"h4\",\n children: \"h4\",\n },\n};\n\nexport default meta;\n"],"mappings":"AACA,SAAS,aAAa,2BAA2B;AACjD,SAAS,6BAA6B;AAEtC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,qBAAqB;AAAA,IAC5C;AAAA,IACA,SAAS;AAAA,MACP,SAAS,OAAO,KAAK,oBAAoB,OAAO;AAAA,IAClD;AAAA,EACF;AACF;AAIO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,IAAI;AAAA,EACN;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;AAEA,IAAO,+BAAQ;","names":[]}
|
|
@@ -1,10 +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 'class-variance-authority/types';
|
|
5
|
-
import 'react';
|
|
6
|
-
import 'class-variance-authority';
|
|
7
|
-
|
|
8
|
-
declare const TextParagraph: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
9
|
-
|
|
10
|
-
export { TextParagraph };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-paragraph.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"@/lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n type TextElementProps,\n TextElement,\n textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextParagraph = ({\n children,\n size,\n foreground,\n fontweight,\n className,\n ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n return (\n <TextElement\n as=\"p\"\n className={cn(\n textElementVariantsProps({\n size,\n foreground,\n fontweight,\n }),\n className\n )}\n {...props}\n >\n {children}\n </TextElement>\n );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
|
@@ -1,31 +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
|
-
type Story = StoryObj<typeof meta>;
|
|
25
|
-
declare const sm: Story;
|
|
26
|
-
declare const md: Story;
|
|
27
|
-
declare const base: Story;
|
|
28
|
-
declare const lg: Story;
|
|
29
|
-
declare const lg_gradient: Story;
|
|
30
|
-
|
|
31
|
-
export { base, meta as default, lg, lg_gradient, md, sm };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { TextSpan } from "./text-span";
|
|
2
|
-
import { textElementVariants } from "./internal/text-element";
|
|
3
|
-
const meta = {
|
|
4
|
-
component: TextSpan,
|
|
5
|
-
title: "Text Span",
|
|
6
|
-
argTypes: {
|
|
7
|
-
fontweight: {
|
|
8
|
-
options: Object.keys(textElementVariants.fontweight)
|
|
9
|
-
},
|
|
10
|
-
foreground: {
|
|
11
|
-
options: Object.keys(textElementVariants.foreground)
|
|
12
|
-
},
|
|
13
|
-
size: {
|
|
14
|
-
options: Object.keys(textElementVariants.size)
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
const sm = {
|
|
19
|
-
args: {
|
|
20
|
-
size: "sm",
|
|
21
|
-
children: "sm"
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
const md = {
|
|
25
|
-
args: {
|
|
26
|
-
size: "md",
|
|
27
|
-
children: "md"
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const base = {
|
|
31
|
-
args: {
|
|
32
|
-
size: "base",
|
|
33
|
-
children: "base"
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
const lg = {
|
|
37
|
-
args: {
|
|
38
|
-
size: "lg",
|
|
39
|
-
children: "lg"
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
const lg_gradient = {
|
|
43
|
-
args: {
|
|
44
|
-
size: "lg",
|
|
45
|
-
children: "primary-light-to-dark",
|
|
46
|
-
foreground: "primary-light-to-dark",
|
|
47
|
-
fontweight: "bold"
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
var text_span_stories_default = meta;
|
|
51
|
-
export {
|
|
52
|
-
base,
|
|
53
|
-
text_span_stories_default as default,
|
|
54
|
-
lg,
|
|
55
|
-
lg_gradient,
|
|
56
|
-
md,
|
|
57
|
-
sm
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=text-span.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-span.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextSpan } from \"./text-span\";\nimport { textElementVariants } from \"./internal/text-element\";\n\nconst meta = {\n component: TextSpan,\n title: \"Text Span\",\n argTypes: {\n fontweight: {\n options: Object.keys(textElementVariants.fontweight),\n },\n foreground: {\n options: Object.keys(textElementVariants.foreground),\n },\n size: {\n options: Object.keys(textElementVariants.size),\n },\n },\n} satisfies Meta<typeof TextSpan>;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const sm: Story = {\n args: {\n size: \"sm\",\n children: \"sm\",\n },\n};\n\nexport const md: Story = {\n args: {\n size: \"md\",\n children: \"md\",\n },\n};\n\nexport const base: Story = {\n args: {\n size: \"base\",\n children: \"base\",\n },\n};\n\nexport const lg: Story = {\n args: {\n size: \"lg\",\n children: \"lg\",\n },\n};\n\nexport const lg_gradient: Story = {\n args: {\n size: \"lg\",\n children: \"primary-light-to-dark\",\n foreground: \"primary-light-to-dark\",\n fontweight: \"bold\",\n },\n};\n\nexport default meta;\n"],"mappings":"AACA,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AAEpC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,oBAAoB,IAAI;AAAA,IAC/C;AAAA,EACF;AACF;AAIO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF;AAEA,IAAO,4BAAQ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/primitives/ui-image.tsx"],"sourcesContent":["\"use client\";\r\nimport { useEffect, useState } from \"react\";\r\nimport {\r\n DefaultImage,\r\n useImage,\r\n type BaseImageProps,\r\n} from \"../providers/ImageContext\";\r\nimport { Skeleton } from \"./skeleton/skeleton\";\r\n\r\ntype Props = {\r\n showServerSideDefaultImageComponent?: boolean;\r\n} & BaseImageProps;\r\n\r\nexport function UiImage({\r\n showServerSideDefaultImageComponent,\r\n ...props\r\n}: Props) {\r\n const [isClient, setIsClient] = useState(false);\r\n const ImageComponent = useImage();\r\n\r\n useEffect(() => {\r\n setIsClient(true);\r\n }, []);\r\n\r\n if (!isClient) {\r\n if (showServerSideDefaultImageComponent) {\r\n return (\r\n <DefaultImage\r\n src={props.src}\r\n alt={props.alt}\r\n className={props.className}\r\n />\r\n );\r\n } else {\r\n return <Skeleton />;\r\n }\r\n }\r\n\r\n return <ImageComponent {...props} />;\r\n}\r\n"],"mappings":";AA2BQ;AA1BR,SAAS,WAAW,gBAAgB;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gBAAgB;AAMlB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAAU;AACR,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,iBAAiB,SAAS;AAEhC,YAAU,MAAM;AACd,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,UAAU;AACb,QAAI,qCAAqC;AACvC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,UACX,WAAW,MAAM;AAAA;AAAA,MACnB;AAAA,IAEJ,OAAO;AACL,aAAO,oBAAC,YAAS;AAAA,IACnB;AAAA,EACF;AAEA,SAAO,oBAAC,kBAAgB,GAAG,OAAO;AACpC;","names":[]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import React, { useEffect, useState } from "react";
|
|
4
|
-
import {
|
|
5
|
-
DefaultLink,
|
|
6
|
-
useLink
|
|
7
|
-
} from "../providers/LinkContext";
|
|
8
|
-
const UiLink = (props) => {
|
|
9
|
-
const [isClient, setIsClient] = useState(false);
|
|
10
|
-
const LinkComponent = useLink();
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
setIsClient(true);
|
|
13
|
-
}, []);
|
|
14
|
-
if (!isClient) {
|
|
15
|
-
return /* @__PURE__ */ jsx(DefaultLink, { href: props.href, className: props.className, children: props.children });
|
|
16
|
-
}
|
|
17
|
-
return /* @__PURE__ */ jsx(LinkComponent, { ...props, children: props.children });
|
|
18
|
-
};
|
|
19
|
-
export {
|
|
20
|
-
UiLink
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=ui-link.js.map
|