singularity-components 0.1.151 → 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 +29 -12
- package/dist/components/blocks/cards/blogpost-card.d.ts +9 -4
- package/dist/components/blocks/cards/blogpost-card.js +37 -23
- package/dist/components/blocks/cards/blogpost-card.js.map +1 -1
- package/dist/components/blocks/cards/card.js +1 -1
- package/dist/components/blocks/cards/card.js.map +1 -1
- 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 +2 -0
- package/dist/components/blocks/index.js +4 -2
- package/dist/components/blocks/index.js.map +1 -1
- 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 +42 -12
- package/dist/components/index.js +5 -6
- 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.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.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 +1 -1
- package/dist/components/primitives/badge/badge.js +5 -5
- 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 +8 -7
- package/dist/components/primitives/{button → buttons}/button.js +19 -14
- 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/{link → buttons}/link-button.d.ts +7 -4
- 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 +9 -2
- package/dist/components/primitives/icon/icon.js +10 -3
- package/dist/components/primitives/icon/icon.js.map +1 -1
- package/dist/components/primitives/index.d.ts +23 -7
- package/dist/components/primitives/index.js +31 -20
- 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 +6 -3
- package/dist/components/primitives/layout/layout.js +28 -11
- package/dist/components/primitives/layout/layout.js.map +1 -1
- package/dist/components/primitives/link/link.d.ts +11 -5
- package/dist/components/primitives/link/link.js +38 -11
- package/dist/components/primitives/link/link.js.map +1 -1
- 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 +3 -0
- package/dist/components/primitives/stack/stack.js +34 -4
- 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/{text-heading.js → heading.js} +11 -11
- package/dist/components/primitives/text/heading.js.map +1 -0
- package/dist/components/primitives/text/internal/text-element.d.ts +7 -3
- package/dist/components/primitives/text/internal/text-element.js +4 -2
- 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.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-paragraph.d.ts → text.d.ts} +4 -4
- package/dist/components/primitives/text/{text-paragraph.js → text.js} +11 -11
- 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} +3 -3
- 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/{sections → templates}/hero/hero.js +52 -22
- package/dist/components/templates/hero/hero.js.map +1 -0
- package/dist/components/templates/index.d.ts +4 -2
- package/dist/components/templates/index.js +4 -2
- package/dist/components/templates/index.js.map +1 -1
- 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 +2 -2
- 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 +5 -3
- package/dist/data/posts.js +66 -47
- package/dist/data/posts.js.map +1 -1
- package/dist/index.d.ts +42 -12
- 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/index.js +2 -2
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/types.d.ts +4 -8
- package/dist/main.css +1528 -85
- 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 +69 -44
- package/dist/components/primitives/button/button.js.map +0 -1
- package/dist/components/primitives/link/link-button.js +0 -21
- package/dist/components/primitives/link/link-button.js.map +0 -1
- package/dist/components/primitives/text/text-heading.js.map +0 -1
- package/dist/components/primitives/text/text-paragraph.js.map +0 -1
- package/dist/components/primitives/ui-image.js.map +0 -1
- package/dist/components/primitives/ui-link.d.ts +0 -8
- package/dist/components/primitives/ui-link.js +0 -16
- package/dist/components/primitives/ui-link.js.map +0 -1
- package/dist/components/sections/body/body.d.ts +0 -19
- package/dist/components/sections/body/body.js +0 -49
- package/dist/components/sections/body/body.js.map +0 -1
- package/dist/components/sections/footer/footer.d.ts +0 -12
- package/dist/components/sections/footer/footer.js +0 -59
- package/dist/components/sections/footer/footer.js.map +0 -1
- package/dist/components/sections/hero/hero.d.ts +0 -6
- package/dist/components/sections/hero/hero.js.map +0 -1
- package/dist/components/sections/index.d.ts +0 -3
- package/dist/components/sections/index.js +0 -4
- package/dist/components/sections/index.js.map +0 -1
- package/dist/components/templates/blogpost/blogpost.js +0 -173
- package/dist/components/templates/blogpost/blogpost.js.map +0 -1
- package/dist/components/templates/startpage/startpage.js +0 -48
- package/dist/components/templates/startpage/startpage.js.map +0 -1
- package/dist/components/units/index.js +0 -1
- package/dist/components/units/index.js.map +0 -1
- package/dist/utils.js.map +0 -1
- /package/dist/components/{templates → pages}/blogpost/blogpost.d.ts +0 -0
- /package/dist/components/{templates → pages}/startpage/startpage.d.ts +0 -0
- /package/dist/{utils.d.ts → utils/index.d.ts} +0 -0
- /package/dist/{components/units/index.d.ts → utils/index.test.d.ts} +0 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Toaster as Sonner, toast } from "sonner";
|
|
4
|
+
import {
|
|
5
|
+
CircleCheckIcon,
|
|
6
|
+
InfoIcon,
|
|
7
|
+
TriangleAlertIcon,
|
|
8
|
+
OctagonXIcon,
|
|
9
|
+
Loader2Icon
|
|
10
|
+
} from "lucide-react";
|
|
11
|
+
import { useTheme } from "../../providers/theme-provider.js";
|
|
12
|
+
const Toaster = ({ ...props }) => {
|
|
13
|
+
const { theme } = useTheme();
|
|
14
|
+
return /* @__PURE__ */ jsx(
|
|
15
|
+
Sonner,
|
|
16
|
+
{
|
|
17
|
+
theme,
|
|
18
|
+
className: "sg:toaster sg:group",
|
|
19
|
+
icons: {
|
|
20
|
+
success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "sg:size-4" }),
|
|
21
|
+
info: /* @__PURE__ */ jsx(InfoIcon, { className: "sg:size-4" }),
|
|
22
|
+
warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "sg:size-4" }),
|
|
23
|
+
error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "sg:size-4" }),
|
|
24
|
+
loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "sg:size-4 sg:animate-spin" })
|
|
25
|
+
},
|
|
26
|
+
toastOptions: {
|
|
27
|
+
classNames: {
|
|
28
|
+
toast: "sg:group sg:toast sg:group-[.toaster]:bg-background sg:group-[.toaster]:text-foreground sg:group-[.toaster]:border-border sg:group-[.toaster]:shadow-lg",
|
|
29
|
+
description: "sg:group-[.toast]:text-muted-foreground",
|
|
30
|
+
actionButton: "sg:group-[.toast]:bg-primary sg:group-[.toast]:text-primary-foreground",
|
|
31
|
+
cancelButton: "sg:group-[.toast]:bg-muted sg:group-[.toast]:text-muted-foreground"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
...props
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
Toaster,
|
|
40
|
+
toast
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=sonner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/sonner/sonner.tsx"],"sourcesContent":["\"use client\";\nimport { Toaster as Sonner, toast, type ToasterProps } from \"sonner\";\nimport {\n CircleCheckIcon,\n InfoIcon,\n TriangleAlertIcon,\n OctagonXIcon,\n Loader2Icon,\n} from \"lucide-react\";\nimport { useTheme } from \"../../providers/theme-provider\";\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n const { theme } = useTheme();\n\n return (\n <Sonner\n theme={theme}\n className=\"sg:toaster sg:group\"\n icons={{\n success: <CircleCheckIcon className=\"sg:size-4\" />,\n info: <InfoIcon className=\"sg:size-4\" />,\n warning: <TriangleAlertIcon className=\"sg:size-4\" />,\n error: <OctagonXIcon className=\"sg:size-4\" />,\n loading: <Loader2Icon className=\"sg:size-4 sg:animate-spin\" />,\n }}\n toastOptions={{\n classNames: {\n toast:\n \"sg:group sg:toast sg:group-[.toaster]:bg-background sg:group-[.toaster]:text-foreground sg:group-[.toaster]:border-border sg:group-[.toaster]:shadow-lg\",\n description: \"sg:group-[.toast]:text-muted-foreground\",\n actionButton:\n \"sg:group-[.toast]:bg-primary sg:group-[.toast]:text-primary-foreground\",\n cancelButton:\n \"sg:group-[.toast]:bg-muted sg:group-[.toast]:text-muted-foreground\",\n },\n }}\n {...props}\n />\n );\n};\n\nexport { Toaster, toast };\n"],"mappings":";AAmBiB;AAlBjB,SAAS,WAAW,QAAQ,aAAgC;AAC5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAEzB,MAAM,UAAU,CAAC,EAAE,GAAG,MAAM,MAAoB;AAC9C,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,oBAAC,mBAAgB,WAAU,aAAY;AAAA,QAChD,MAAM,oBAAC,YAAS,WAAU,aAAY;AAAA,QACtC,SAAS,oBAAC,qBAAkB,WAAU,aAAY;AAAA,QAClD,OAAO,oBAAC,gBAAa,WAAU,aAAY;AAAA,QAC3C,SAAS,oBAAC,eAAY,WAAU,6BAA4B;AAAA,MAC9D;AAAA,MACA,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ExternalToast } from 'sonner';
|
|
2
|
+
|
|
3
|
+
type ToastId = string | number;
|
|
4
|
+
type Toast = {
|
|
5
|
+
(message: string, opts?: ExternalToast): ToastId;
|
|
6
|
+
message: (message: string, opts?: ExternalToast) => ToastId;
|
|
7
|
+
success: (message: string, opts?: ExternalToast) => ToastId;
|
|
8
|
+
error: (message: string, opts?: ExternalToast) => ToastId;
|
|
9
|
+
warning: (message: string, opts?: ExternalToast) => ToastId;
|
|
10
|
+
info: (message: string, opts?: ExternalToast) => ToastId;
|
|
11
|
+
promise: <T>(promise: Promise<T>, opts?: ExternalToast & {
|
|
12
|
+
loading?: string;
|
|
13
|
+
success?: string;
|
|
14
|
+
error?: string;
|
|
15
|
+
}) => ToastId;
|
|
16
|
+
dismiss: (id?: ToastId) => void;
|
|
17
|
+
};
|
|
18
|
+
declare const toast: Toast;
|
|
19
|
+
declare function useToast(): {
|
|
20
|
+
toast: Toast;
|
|
21
|
+
dismiss: (id?: ToastId) => void;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { toast, useToast };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { toast as sonnerToast } from "sonner";
|
|
2
|
+
const toastFn = (message, opts) => sonnerToast(message, opts);
|
|
3
|
+
toastFn.message = (message, opts) => sonnerToast(message, opts);
|
|
4
|
+
toastFn.success = (message, opts) => sonnerToast.success(message, opts);
|
|
5
|
+
toastFn.error = (message, opts) => sonnerToast.error(message, opts);
|
|
6
|
+
toastFn.warning = (message, opts) => sonnerToast.warning(message, opts);
|
|
7
|
+
toastFn.info = (message, opts) => sonnerToast.info(message, opts);
|
|
8
|
+
toastFn.promise = (promise, opts) => sonnerToast.promise(promise, opts);
|
|
9
|
+
toastFn.dismiss = (id) => sonnerToast.dismiss(id);
|
|
10
|
+
const toast = toastFn;
|
|
11
|
+
function useToast() {
|
|
12
|
+
return {
|
|
13
|
+
toast,
|
|
14
|
+
dismiss: (id) => sonnerToast.dismiss(id)
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
toast,
|
|
19
|
+
useToast
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=use-toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/sonner/use-toast.ts"],"sourcesContent":["import { toast as sonnerToast, type ExternalToast } from \"sonner\";\n\ntype ToastId = string | number;\n\ntype Toast = {\n (message: string, opts?: ExternalToast): ToastId;\n message: (message: string, opts?: ExternalToast) => ToastId;\n success: (message: string, opts?: ExternalToast) => ToastId;\n error: (message: string, opts?: ExternalToast) => ToastId;\n warning: (message: string, opts?: ExternalToast) => ToastId;\n info: (message: string, opts?: ExternalToast) => ToastId;\n promise: <T>(\n promise: Promise<T>,\n opts?: ExternalToast & {\n loading?: string;\n success?: string;\n error?: string;\n },\n ) => ToastId;\n dismiss: (id?: ToastId) => void;\n};\n\nconst toastFn = (message: string, opts?: ExternalToast): ToastId =>\n sonnerToast(message, opts) as ToastId;\n\ntoastFn.message = (message: string, opts?: ExternalToast): ToastId =>\n sonnerToast(message, opts) as ToastId;\ntoastFn.success = (message: string, opts?: ExternalToast): ToastId =>\n sonnerToast.success(message, opts) as ToastId;\ntoastFn.error = (message: string, opts?: ExternalToast): ToastId =>\n sonnerToast.error(message, opts) as ToastId;\ntoastFn.warning = (message: string, opts?: ExternalToast): ToastId =>\n sonnerToast.warning(message, opts) as ToastId;\ntoastFn.info = (message: string, opts?: ExternalToast): ToastId =>\n sonnerToast.info(message, opts) as ToastId;\ntoastFn.promise = <T>(\n promise: Promise<T>,\n opts?: ExternalToast & {\n loading?: string;\n success?: string;\n error?: string;\n },\n): ToastId => sonnerToast.promise(promise, opts) as ToastId;\ntoastFn.dismiss = (id?: ToastId): string | number => sonnerToast.dismiss(id);\n\nexport const toast = toastFn as Toast;\n\nexport function useToast(): {\n toast: Toast;\n dismiss: (id?: ToastId) => void;\n} {\n return {\n toast,\n dismiss: (id?: ToastId): string | number => sonnerToast.dismiss(id),\n };\n}\n"],"mappings":"AAAA,SAAS,SAAS,mBAAuC;AAsBzD,MAAM,UAAU,CAAC,SAAiB,SAChC,YAAY,SAAS,IAAI;AAE3B,QAAQ,UAAU,CAAC,SAAiB,SAClC,YAAY,SAAS,IAAI;AAC3B,QAAQ,UAAU,CAAC,SAAiB,SAClC,YAAY,QAAQ,SAAS,IAAI;AACnC,QAAQ,QAAQ,CAAC,SAAiB,SAChC,YAAY,MAAM,SAAS,IAAI;AACjC,QAAQ,UAAU,CAAC,SAAiB,SAClC,YAAY,QAAQ,SAAS,IAAI;AACnC,QAAQ,OAAO,CAAC,SAAiB,SAC/B,YAAY,KAAK,SAAS,IAAI;AAChC,QAAQ,UAAU,CAChB,SACA,SAKY,YAAY,QAAQ,SAAS,IAAI;AAC/C,QAAQ,UAAU,CAAC,OAAkC,YAAY,QAAQ,EAAE;AAEpE,MAAM,QAAQ;AAEd,SAAS,WAGd;AACA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,CAAC,OAAkC,YAAY,QAAQ,EAAE;AAAA,EACpE;AACF;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\r\nimport { Loader2Icon } from \"lucide-react\";\r\n\r\n// TODO: Can be added to stuff, like button and badge. See https://ui.shadcn.com/docs/components/base/spinner\r\n\r\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\r\n return (\r\n <Loader2Icon\r\n role=\"status\"\r\n aria-label=\"Loading\"\r\n className={cn(\"sg:size-4 sg:animate-spin\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport { Spinner };\r\n"],"mappings":"AAOI;AAPJ,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAI5B,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAgC;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\r\nimport { Loader2Icon } from \"lucide-react\";\r\n\r\n// TODO: Can be added to stuff, like button and badge. See https://ui.shadcn.com/docs/components/base/spinner\r\n\r\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\r\n return (\r\n <Loader2Icon\r\n role=\"status\"\r\n aria-label=\"Loading\"\r\n className={cn(\"sg:size-4 sg:animate-spin\", className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nexport { Spinner };\r\n"],"mappings":"AAOI;AAPJ,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAI5B,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAgC;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -5,6 +5,9 @@ import * as React from 'react';
|
|
|
5
5
|
declare const stackVariants: (props?: ({
|
|
6
6
|
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | null | undefined;
|
|
7
7
|
direction?: "row" | "column" | null | undefined;
|
|
8
|
+
wrap?: "default" | "wrap" | "nowrap" | null | undefined;
|
|
9
|
+
alignItems?: "center" | "default" | "end" | "start" | null | undefined;
|
|
10
|
+
justifyContent?: "center" | "default" | "end" | "start" | null | undefined;
|
|
8
11
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
12
|
interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
|
|
10
13
|
asChild?: boolean;
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Slot } from "@radix-ui/react-slot";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import * as React from "react";
|
|
5
|
-
import { cn } from "../../../utils";
|
|
5
|
+
import { cn } from "../../../utils/index.js";
|
|
6
6
|
const stackVariants = cva("sg:flex sg:flex-col", {
|
|
7
7
|
variants: {
|
|
8
8
|
gap: {
|
|
@@ -27,20 +27,50 @@ const stackVariants = cva("sg:flex sg:flex-col", {
|
|
|
27
27
|
direction: {
|
|
28
28
|
column: "sg:flex-col",
|
|
29
29
|
row: "sg:flex-row"
|
|
30
|
+
},
|
|
31
|
+
wrap: {
|
|
32
|
+
default: "",
|
|
33
|
+
wrap: "sg:flex-wrap",
|
|
34
|
+
nowrap: "sg:flex-nowrap"
|
|
35
|
+
},
|
|
36
|
+
alignItems: {
|
|
37
|
+
default: "",
|
|
38
|
+
start: "sg:items-start",
|
|
39
|
+
center: "sg:items-center",
|
|
40
|
+
end: "sg:items-end"
|
|
41
|
+
},
|
|
42
|
+
justifyContent: {
|
|
43
|
+
default: "",
|
|
44
|
+
start: "sg:justify-start",
|
|
45
|
+
center: "sg:justify-center",
|
|
46
|
+
end: "sg:justify-end"
|
|
30
47
|
}
|
|
31
48
|
},
|
|
32
49
|
defaultVariants: {
|
|
33
50
|
gap: 0,
|
|
34
|
-
direction: "column"
|
|
51
|
+
direction: "column",
|
|
52
|
+
wrap: "default"
|
|
35
53
|
}
|
|
36
54
|
});
|
|
37
55
|
const Stack = React.forwardRef(
|
|
38
|
-
({
|
|
56
|
+
({
|
|
57
|
+
className,
|
|
58
|
+
gap,
|
|
59
|
+
direction,
|
|
60
|
+
wrap,
|
|
61
|
+
alignItems,
|
|
62
|
+
justifyContent,
|
|
63
|
+
asChild = false,
|
|
64
|
+
...props
|
|
65
|
+
}, ref) => {
|
|
39
66
|
const Comp = asChild ? Slot : "div";
|
|
40
67
|
return /* @__PURE__ */ jsx(
|
|
41
68
|
Comp,
|
|
42
69
|
{
|
|
43
|
-
className: cn(
|
|
70
|
+
className: cn(
|
|
71
|
+
stackVariants({ gap, direction, wrap, alignItems, justifyContent }),
|
|
72
|
+
className
|
|
73
|
+
),
|
|
44
74
|
ref,
|
|
45
75
|
...props
|
|
46
76
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/stack/stack.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nconst stackVariants = cva(\"sg:flex sg:flex-col\", {\r\n variants: {\r\n gap: {\r\n 0: \"\",\r\n 1: \"sg:gap-1\",\r\n 2: \"sg:gap-2\",\r\n 3: \"sg:gap-3\",\r\n 4: \"sg:gap-4\",\r\n 5: \"sg:gap-5\",\r\n 6: \"sg:gap-6\",\r\n 7: \"sg:gap-7\",\r\n 8: \"sg:gap-8\",\r\n 9: \"sg:gap-9\",\r\n 10: \"sg:gap-10\",\r\n 11: \"sg:gap-11\",\r\n 12: \"sg:gap-12\",\r\n 13: \"sg:gap-13\",\r\n 14: \"sg:gap-14\",\r\n 15: \"sg:gap-15\",\r\n 16: \"sg:gap-16\",\r\n },\r\n direction: {\r\n column: \"sg:flex-col\",\r\n row: \"sg:flex-row\",\r\n },\r\n },\r\n defaultVariants: {\r\n gap: 0,\r\n direction: \"column\",\r\n },\r\n});\r\n\r\nexport interface StackProps\r\n extends\r\n React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof stackVariants> {\r\n asChild?: boolean;\r\n}\r\n\r\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\r\n ({
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/stack/stack.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst stackVariants = cva(\"sg:flex sg:flex-col\", {\r\n variants: {\r\n gap: {\r\n 0: \"\",\r\n 1: \"sg:gap-1\",\r\n 2: \"sg:gap-2\",\r\n 3: \"sg:gap-3\",\r\n 4: \"sg:gap-4\",\r\n 5: \"sg:gap-5\",\r\n 6: \"sg:gap-6\",\r\n 7: \"sg:gap-7\",\r\n 8: \"sg:gap-8\",\r\n 9: \"sg:gap-9\",\r\n 10: \"sg:gap-10\",\r\n 11: \"sg:gap-11\",\r\n 12: \"sg:gap-12\",\r\n 13: \"sg:gap-13\",\r\n 14: \"sg:gap-14\",\r\n 15: \"sg:gap-15\",\r\n 16: \"sg:gap-16\",\r\n },\r\n direction: {\r\n column: \"sg:flex-col\",\r\n row: \"sg:flex-row\",\r\n },\r\n wrap: {\r\n default: \"\",\r\n wrap: \"sg:flex-wrap\",\r\n nowrap: \"sg:flex-nowrap\",\r\n },\r\n alignItems: {\r\n default: \"\",\r\n start: \"sg:items-start\",\r\n center: \"sg:items-center\",\r\n end: \"sg:items-end\",\r\n },\r\n justifyContent: {\r\n default: \"\",\r\n start: \"sg:justify-start\",\r\n center: \"sg:justify-center\",\r\n end: \"sg:justify-end\",\r\n },\r\n },\r\n defaultVariants: {\r\n gap: 0,\r\n direction: \"column\",\r\n wrap: \"default\",\r\n },\r\n});\r\n\r\nexport interface StackProps\r\n extends\r\n React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof stackVariants> {\r\n asChild?: boolean;\r\n}\r\n\r\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\r\n (\r\n {\r\n className,\r\n gap,\r\n direction,\r\n wrap,\r\n alignItems,\r\n justifyContent,\r\n asChild = false,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const Comp = asChild ? Slot : \"div\";\r\n return (\r\n <Comp\r\n className={cn(\r\n stackVariants({ gap, direction, wrap, alignItems, justifyContent }),\r\n className,\r\n )}\r\n ref={ref}\r\n {...props}\r\n />\r\n );\r\n },\r\n);\r\nStack.displayName = \"Stack\";\r\n\r\nexport { Stack, stackVariants };\r\n"],"mappings":"AA8EM;AA9EN,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,gBAAgB,IAAI,uBAAuB;AAAA,EAC/C,UAAU;AAAA,IACR,KAAK;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACd,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAC;AASD,MAAM,QAAQ,MAAM;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,cAAc,EAAE,KAAK,WAAW,MAAM,YAAY,eAAe,CAAC;AAAA,UAClE;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}
|
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
import { textElementVariantsProps } from './internal/text-element.js';
|
|
5
5
|
import 'react';
|
|
6
6
|
|
|
7
|
-
declare const
|
|
7
|
+
declare const headingVariants: {
|
|
8
8
|
variant: {
|
|
9
9
|
h1: string;
|
|
10
10
|
h2: string;
|
|
@@ -14,13 +14,13 @@ declare const textHeadingVariants: {
|
|
|
14
14
|
h6: string;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
|
-
declare const
|
|
17
|
+
declare const headingVariantsProps: (props?: ({
|
|
18
18
|
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
19
19
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
20
|
-
interface
|
|
20
|
+
interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariantsProps> {
|
|
21
21
|
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
22
22
|
foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
|
|
23
23
|
}
|
|
24
|
-
declare const
|
|
24
|
+
declare const Heading: ({ children, as, variant, foreground, className, ...props }: HeadingProps) => react_jsx_runtime.JSX.Element;
|
|
25
25
|
|
|
26
|
-
export {
|
|
26
|
+
export { Heading, type HeadingProps, headingVariants, headingVariantsProps };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
|
-
import { textElementVariantsProps } from "./internal/text-element";
|
|
4
|
-
import { cn } from "../../../utils";
|
|
5
|
-
const
|
|
3
|
+
import { textElementVariantsProps } from "./internal/text-element.js";
|
|
4
|
+
import { cn } from "../../../utils/index.js";
|
|
5
|
+
const headingVariants = {
|
|
6
6
|
variant: {
|
|
7
7
|
h1: "sg:text-4xl sg:md:text-5xl sg:font-bold sg:tracking-tight sg:leading-tight",
|
|
8
8
|
h2: "sg:text-3xl sg:md:text-4xl sg:font-semibold sg:tracking-tight sg:leading-snug",
|
|
@@ -12,13 +12,13 @@ const textHeadingVariants = {
|
|
|
12
12
|
h6: "sg:text-md sg:md:text-lg sg:font-medium sg:leading-normal"
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
const
|
|
16
|
-
variants:
|
|
15
|
+
const headingVariantsProps = cva("sg:font-display", {
|
|
16
|
+
variants: headingVariants,
|
|
17
17
|
defaultVariants: {
|
|
18
18
|
variant: "h2"
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
|
-
const
|
|
21
|
+
const Heading = ({
|
|
22
22
|
children,
|
|
23
23
|
as,
|
|
24
24
|
variant,
|
|
@@ -37,7 +37,7 @@ const TextHeading = ({
|
|
|
37
37
|
{
|
|
38
38
|
className: cn(
|
|
39
39
|
textElementVariantsProps({ foreground }),
|
|
40
|
-
|
|
40
|
+
headingVariantsProps({ variant }),
|
|
41
41
|
className
|
|
42
42
|
),
|
|
43
43
|
...props,
|
|
@@ -46,8 +46,8 @@ const TextHeading = ({
|
|
|
46
46
|
);
|
|
47
47
|
};
|
|
48
48
|
export {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
Heading,
|
|
50
|
+
headingVariants,
|
|
51
|
+
headingVariantsProps
|
|
52
52
|
};
|
|
53
|
-
//# sourceMappingURL=
|
|
53
|
+
//# sourceMappingURL=heading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/text/heading.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { textElementVariantsProps } from \"./internal/text-element\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nexport const headingVariants = {\r\n variant: {\r\n h1: \"sg:text-4xl sg:md:text-5xl sg:font-bold sg:tracking-tight sg:leading-tight\",\r\n h2: \"sg:text-3xl sg:md:text-4xl sg:font-semibold sg:tracking-tight sg:leading-snug\",\r\n h3: \"sg:text-2xl sg:md:text-3xl sg:font-semibold sg:leading-snug\",\r\n h4: \"sg:text-xl sg:md:text-2xl sg:font-medium sg:leading-normal\",\r\n h5: \"sg:text-lg sg:md:text-xl sg:font-medium sg:leading-normal\",\r\n h6: \"sg:text-md sg:md:text-lg sg:font-medium sg:leading-normal\",\r\n },\r\n};\r\n\r\nexport const headingVariantsProps = cva(\"sg:font-display\", {\r\n variants: headingVariants,\r\n defaultVariants: {\r\n variant: \"h2\",\r\n },\r\n});\r\n\r\nexport interface HeadingProps\r\n extends\r\n React.HTMLAttributes<HTMLHeadingElement>,\r\n VariantProps<typeof headingVariantsProps> {\r\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n foreground?: VariantProps<typeof textElementVariantsProps>[\"foreground\"];\r\n}\r\n\r\nexport const Heading = ({\r\n children,\r\n as,\r\n variant,\r\n foreground,\r\n className,\r\n ...props\r\n}: HeadingProps) => {\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 headingVariantsProps({ variant }),\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </Component>\r\n );\r\n};\r\n"],"mappings":"AA8CI;AA9CJ,SAAS,WAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,UAAU;AAEZ,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;AAEO,MAAM,uBAAuB,IAAI,mBAAmB;AAAA,EACzD,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAUM,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,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,qBAAqB,EAAE,QAAQ,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
|
@@ -14,6 +14,8 @@ declare const textElementForeground: {
|
|
|
14
14
|
"muted-foreground": string;
|
|
15
15
|
accent: string;
|
|
16
16
|
"accent-foreground": string;
|
|
17
|
+
card: string;
|
|
18
|
+
"card-foreground": string;
|
|
17
19
|
"primary-light-to-dark": string;
|
|
18
20
|
"primary-dark-to-light": string;
|
|
19
21
|
"multi-color": string;
|
|
@@ -54,6 +56,8 @@ declare const textElementVariants: {
|
|
|
54
56
|
"muted-foreground": string;
|
|
55
57
|
accent: string;
|
|
56
58
|
"accent-foreground": string;
|
|
59
|
+
card: string;
|
|
60
|
+
"card-foreground": string;
|
|
57
61
|
"primary-light-to-dark": string;
|
|
58
62
|
"primary-dark-to-light": string;
|
|
59
63
|
"multi-color": string;
|
|
@@ -66,12 +70,12 @@ declare const textElementVariants: {
|
|
|
66
70
|
};
|
|
67
71
|
};
|
|
68
72
|
declare const textElementVariantsProps: (props?: ({
|
|
69
|
-
size?: "base" | "sm" | "
|
|
70
|
-
foreground?: "default" | "
|
|
73
|
+
size?: "base" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
|
|
74
|
+
foreground?: "default" | "card" | "foreground" | "primary" | "primary-foreground" | "secondary" | "secondary-foreground" | "muted" | "muted-foreground" | "accent" | "accent-foreground" | "card-foreground" | "primary-light-to-dark" | "primary-dark-to-light" | "multi-color" | null | undefined;
|
|
71
75
|
fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
72
76
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
73
77
|
interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
|
|
74
|
-
as?: "p" | "div" | "span" | "time";
|
|
78
|
+
as?: "p" | "div" | "span" | "time" | "code";
|
|
75
79
|
}
|
|
76
80
|
declare const TextElement: ({ as, children, size, foreground, fontweight, className, ...props }: TextElementProps) => react_jsx_runtime.JSX.Element;
|
|
77
81
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
|
-
import { cn } from "../../../../utils";
|
|
4
|
+
import { cn } from "../../../../utils/index.js";
|
|
5
5
|
const textElementForeground = {
|
|
6
|
-
default: "
|
|
6
|
+
default: "",
|
|
7
7
|
foreground: "sg:text-foreground",
|
|
8
8
|
primary: "sg:text-primary",
|
|
9
9
|
"primary-foreground": "sg:text-primary-foreground",
|
|
@@ -13,6 +13,8 @@ const textElementForeground = {
|
|
|
13
13
|
"muted-foreground": "sg:text-muted-foreground",
|
|
14
14
|
accent: "sg:text-accent",
|
|
15
15
|
"accent-foreground": "sg:text-accent-foreground",
|
|
16
|
+
card: "sg:text-card",
|
|
17
|
+
"card-foreground": "sg:text-card-foreground",
|
|
16
18
|
"primary-light-to-dark": "sg:bg-gradient-to-r sg:from-primary-light sg:to-primary-dark sg:bg-clip-text sg:text-transparent",
|
|
17
19
|
"primary-dark-to-light": "sg:bg-gradient-to-r sg:from-primary-dark sg:to-primary-light sg:bg-clip-text sg:text-transparent",
|
|
18
20
|
"multi-color": "sg:bg-gradient-to-r sg:from-primary sg:via-destructive sg:to-primary-dark sg:bg-clip-text sg:text-transparent"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/primitives/text/internal/text-element.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../../utils\";\r\n\r\nexport const textElementForeground = {\r\n default: \"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/primitives/text/internal/text-element.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../../utils/index\";\r\n\r\nexport const textElementForeground = {\r\n default: \"\",\r\n foreground: \"sg:text-foreground\",\r\n primary: \"sg:text-primary\",\r\n \"primary-foreground\": \"sg:text-primary-foreground\",\r\n secondary: \"sg:text-secondary\",\r\n \"secondary-foreground\": \"sg:text-secondary-foreground\",\r\n muted: \"sg:text-muted\",\r\n \"muted-foreground\": \"sg:text-muted-foreground\",\r\n accent: \"sg:text-accent\",\r\n \"accent-foreground\": \"sg:text-accent-foreground\",\r\n card: \"sg:text-card\",\r\n \"card-foreground\": \"sg:text-card-foreground\",\r\n\r\n \"primary-light-to-dark\":\r\n \"sg:bg-gradient-to-r sg:from-primary-light sg:to-primary-dark sg:bg-clip-text sg:text-transparent\",\r\n \"primary-dark-to-light\":\r\n \"sg:bg-gradient-to-r sg:from-primary-dark sg:to-primary-light sg:bg-clip-text sg:text-transparent\",\r\n \"multi-color\":\r\n \"sg:bg-gradient-to-r sg:from-primary sg:via-destructive sg:to-primary-dark sg:bg-clip-text sg:text-transparent\",\r\n};\r\n\r\nexport const textElementSize = {\r\n xs: \"sg:text-xs\",\r\n sm: \"sg:text-sm\",\r\n md: \"sg:text-md\",\r\n base: \"sg:text-base\",\r\n lg: \"sg:text-lg\",\r\n xl: \"sg:text-xl\",\r\n \"2xl\": \"sg:text-2xl\",\r\n \"3xl\": \"sg:text-3xl\",\r\n \"4xl\": \"sg:text-4xl\",\r\n \"5xl\": \"sg:text-5xl\",\r\n};\r\n\r\nexport const textElementVariants = {\r\n size: textElementSize,\r\n foreground: textElementForeground,\r\n fontweight: {\r\n normal: \"sg:font-normal\",\r\n medium: \"sg:font-medium\",\r\n semibold: \"sg:font-semibold\",\r\n bold: \"sg:font-bold\",\r\n },\r\n};\r\n\r\nexport const textElementVariantsProps = cva(\"\", {\r\n variants: textElementVariants,\r\n defaultVariants: {\r\n size: \"base\",\r\n foreground: \"default\",\r\n fontweight: \"normal\",\r\n },\r\n});\r\n\r\nexport interface TextElementProps\r\n extends\r\n React.HTMLAttributes<HTMLElement>,\r\n VariantProps<typeof textElementVariantsProps> {\r\n as?: \"p\" | \"div\" | \"span\" | \"time\" | \"code\";\r\n}\r\n\r\nexport const TextElement = ({\r\n as = \"div\",\r\n children,\r\n size,\r\n foreground,\r\n fontweight,\r\n className,\r\n ...props\r\n}: TextElementProps) => {\r\n const Component = as;\r\n return (\r\n <Component\r\n className={cn(\r\n textElementVariantsProps({\r\n size,\r\n foreground,\r\n fontweight,\r\n }),\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </Component>\r\n );\r\n};\r\n"],"mappings":"AA6EI;AA7EJ,OAAO,WAAW;AAClB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEZ,MAAM,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX,wBAAwB;AAAA,EACxB,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,MAAM;AAAA,EACN,mBAAmB;AAAA,EAEnB,yBACE;AAAA,EACF,yBACE;AAAA,EACF,eACE;AACJ;AAEO,MAAM,kBAAkB;AAAA,EAC7B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,MAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AACF;AAEO,MAAM,2BAA2B,IAAI,IAAI;AAAA,EAC9C,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF,CAAC;AASM,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,YAAY;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,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":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
declare const textCodeVariants: {
|
|
6
|
+
size: {
|
|
7
|
+
xs: string;
|
|
8
|
+
sm: string;
|
|
9
|
+
md: string;
|
|
10
|
+
base: string;
|
|
11
|
+
lg: string;
|
|
12
|
+
xl: string;
|
|
13
|
+
"2xl": string;
|
|
14
|
+
"3xl": string;
|
|
15
|
+
"4xl": string;
|
|
16
|
+
"5xl": string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
declare const textCodeVariantsProps: (props?: ({
|
|
20
|
+
size?: "base" | "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
|
|
21
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
|
+
interface TextCodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textCodeVariantsProps> {
|
|
23
|
+
}
|
|
24
|
+
declare const TextCode: ({ children, size, className, ...props }: TextCodeProps) => react_jsx_runtime.JSX.Element;
|
|
25
|
+
|
|
26
|
+
export { TextCode, type TextCodeProps, textCodeVariants, textCodeVariantsProps };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../../../utils/index.js";
|
|
3
|
+
import { TextElement, textElementSize } from "./internal/text-element.js";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
const textCodeVariants = {
|
|
6
|
+
size: textElementSize
|
|
7
|
+
};
|
|
8
|
+
const textCodeVariantsProps = cva(
|
|
9
|
+
"sg:bg-muted sg:px-1.5 sg:py-0.5 sg:rounded",
|
|
10
|
+
{
|
|
11
|
+
variants: textCodeVariants,
|
|
12
|
+
defaultVariants: {
|
|
13
|
+
size: "base"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
const TextCode = ({
|
|
18
|
+
children,
|
|
19
|
+
size,
|
|
20
|
+
className,
|
|
21
|
+
...props
|
|
22
|
+
}) => {
|
|
23
|
+
return /* @__PURE__ */ jsx(
|
|
24
|
+
TextElement,
|
|
25
|
+
{
|
|
26
|
+
as: "code",
|
|
27
|
+
foreground: "foreground",
|
|
28
|
+
className: cn(
|
|
29
|
+
textCodeVariantsProps({
|
|
30
|
+
size
|
|
31
|
+
}),
|
|
32
|
+
className
|
|
33
|
+
),
|
|
34
|
+
...props,
|
|
35
|
+
children
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
};
|
|
39
|
+
export {
|
|
40
|
+
TextCode,
|
|
41
|
+
textCodeVariants,
|
|
42
|
+
textCodeVariantsProps
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=text-code.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/text/text-code.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\nimport { TextElement, textElementSize } from \"./internal/text-element\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const textCodeVariants = {\n size: textElementSize,\n};\n\nexport const textCodeVariantsProps = cva(\n \"sg:bg-muted sg:px-1.5 sg:py-0.5 sg:rounded\",\n {\n variants: textCodeVariants,\n defaultVariants: {\n size: \"base\",\n },\n },\n);\n\nexport interface TextCodeProps\n extends\n React.HTMLAttributes<HTMLElement>,\n VariantProps<typeof textCodeVariantsProps> {}\n\nexport const TextCode = ({\n children,\n size,\n className,\n ...props\n}: TextCodeProps) => {\n return (\n <TextElement\n as=\"code\"\n foreground=\"foreground\"\n className={cn(\n textCodeVariantsProps({\n size,\n }),\n className,\n )}\n {...props}\n >\n {children}\n </TextElement>\n );\n};\n"],"mappings":"AA8BI;AA9BJ,SAAS,UAAU;AACnB,SAAS,aAAa,uBAAuB;AAC7C,SAAS,WAA8B;AAEhC,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AACR;AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAOO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,YAAW;AAAA,MACX,WAAW;AAAA,QACT,sBAAsB;AAAA,UACpB;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../../../utils";
|
|
2
|
+
import { cn } from "../../../utils/index.js";
|
|
3
3
|
import {
|
|
4
4
|
TextElement,
|
|
5
5
|
textElementVariantsProps
|
|
6
|
-
} from "./internal/text-element";
|
|
6
|
+
} from "./internal/text-element.js";
|
|
7
7
|
const TextDiv = ({
|
|
8
8
|
children,
|
|
9
9
|
size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-div.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/text/text-div.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"singularity-components/lib/types\";\nimport { cn } from \"../../../utils/index\";\nimport {\n TextElement,\n textElementVariantsProps,\n type TextElementProps,\n} from \"./internal/text-element\";\n\nexport const TextDiv = ({\n children,\n size,\n foreground,\n fontweight,\n className,\n ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n return (\n <TextElement\n as=\"div\"\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,EACE;AAAA,EACA;AAAA,OAEK;AAEA,MAAM,UAAU,CAAC;AAAA,EACtB;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,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../../../utils";
|
|
2
|
+
import { cn } from "../../../utils/index.js";
|
|
3
3
|
import {
|
|
4
4
|
TextElement,
|
|
5
5
|
textElementVariantsProps
|
|
6
|
-
} from "./internal/text-element";
|
|
6
|
+
} from "./internal/text-element.js";
|
|
7
7
|
const TextSpan = ({
|
|
8
8
|
children,
|
|
9
9
|
size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-span.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/text/text-span.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"singularity-components/lib/types\";\nimport { cn } from \"../../../utils/index\";\nimport {\n type TextElementProps,\n TextElement,\n textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextSpan = ({\n children,\n size,\n foreground,\n fontweight,\n className,\n ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n return (\n <TextElement\n as=\"span\"\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,WAAW,CAAC;AAAA,EACvB;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,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../../../utils";
|
|
2
|
+
import { cn } from "../../../utils/index.js";
|
|
3
3
|
import {
|
|
4
4
|
TextElement,
|
|
5
5
|
textElementVariantsProps
|
|
6
|
-
} from "./internal/text-element";
|
|
6
|
+
} from "./internal/text-element.js";
|
|
7
7
|
const TextTime = ({
|
|
8
8
|
children,
|
|
9
9
|
size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-time.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\nimport {\n type TextElementProps,\n TextElement,\n textElementVariantsProps,\n} from \"./internal/text-element\";\nimport type { OmitClassProperty } from \"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/text/text-time.tsx"],"sourcesContent":["import { cn } from \"../../../utils/index\";\nimport {\n type TextElementProps,\n TextElement,\n textElementVariantsProps,\n} from \"./internal/text-element\";\nimport type { OmitClassProperty } from \"singularity-components/lib/types\";\n\nexport const TextTime = ({\n children,\n size,\n foreground,\n fontweight,\n className,\n ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n return (\n <TextElement\n as=\"time\"\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;AAjBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAGA,MAAM,WAAW,CAAC;AAAA,EACvB;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":[]}
|
|
@@ -5,12 +5,12 @@ import { TextElementProps } from './internal/text-element.js';
|
|
|
5
5
|
import 'react';
|
|
6
6
|
import 'class-variance-authority';
|
|
7
7
|
|
|
8
|
-
declare const
|
|
8
|
+
declare const textVariants: {
|
|
9
9
|
variant: {};
|
|
10
10
|
};
|
|
11
|
-
declare const
|
|
11
|
+
declare const textVariantsProps: (props?: ({
|
|
12
12
|
variant?: null | undefined;
|
|
13
13
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
|
-
declare const
|
|
14
|
+
declare const Text: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
15
15
|
|
|
16
|
-
export {
|
|
16
|
+
export { Text, textVariants, textVariantsProps };
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../../../utils";
|
|
2
|
+
import { cn } from "../../../utils/index.js";
|
|
3
3
|
import {
|
|
4
4
|
TextElement,
|
|
5
5
|
textElementVariantsProps
|
|
6
|
-
} from "./internal/text-element";
|
|
6
|
+
} from "./internal/text-element.js";
|
|
7
7
|
import { cva } from "class-variance-authority";
|
|
8
|
-
const
|
|
8
|
+
const textVariants = {
|
|
9
9
|
variant: {}
|
|
10
10
|
};
|
|
11
|
-
const
|
|
12
|
-
variants:
|
|
11
|
+
const textVariantsProps = cva("sg:leading-relaxed", {
|
|
12
|
+
variants: textVariants,
|
|
13
13
|
defaultVariants: {}
|
|
14
14
|
});
|
|
15
|
-
const
|
|
15
|
+
const Text = ({
|
|
16
16
|
children,
|
|
17
17
|
size,
|
|
18
18
|
foreground,
|
|
@@ -30,7 +30,7 @@ const TextParagraph = ({
|
|
|
30
30
|
foreground,
|
|
31
31
|
fontweight
|
|
32
32
|
}),
|
|
33
|
-
|
|
33
|
+
textVariantsProps({}),
|
|
34
34
|
className
|
|
35
35
|
),
|
|
36
36
|
...props,
|
|
@@ -39,8 +39,8 @@ const TextParagraph = ({
|
|
|
39
39
|
);
|
|
40
40
|
};
|
|
41
41
|
export {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
Text,
|
|
43
|
+
textVariants,
|
|
44
|
+
textVariantsProps
|
|
45
45
|
};
|
|
46
|
-
//# sourceMappingURL=text
|
|
46
|
+
//# sourceMappingURL=text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/primitives/text/text.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"singularity-components/lib/types\";\nimport { cn } from \"../../../utils/index\";\nimport {\n type TextElementProps,\n TextElement,\n textElementVariantsProps,\n} from \"./internal/text-element\";\nimport { cva } from \"class-variance-authority\";\n\nexport const textVariants = {\n variant: {},\n};\n\nexport const textVariantsProps = cva(\"sg:leading-relaxed\", {\n variants: textVariants,\n defaultVariants: {},\n});\n\nexport const Text = ({\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 textVariantsProps({}),\n className,\n )}\n {...props}\n >\n {children}\n </TextElement>\n );\n};\n"],"mappings":"AA2BI;AA1BJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW;AAEb,MAAM,eAAe;AAAA,EAC1B,SAAS,CAAC;AACZ;AAEO,MAAM,oBAAoB,IAAI,sBAAsB;AAAA,EACzD,UAAU;AAAA,EACV,iBAAiB,CAAC;AACpB,CAAC;AAEM,MAAM,OAAO,CAAC;AAAA,EACnB;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,kBAAkB,CAAC,CAAC;AAAA,QACpB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
|