singularity-components 0.1.107 → 0.1.127
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 +15 -15
- package/dist/components/index.d.ts +32 -0
- package/dist/components/index.js +4 -26
- package/dist/components/index.js.map +1 -0
- package/dist/components/primitives/accordion/accordion.d.ts +10 -0
- package/dist/components/primitives/accordion/accordion.js +67 -0
- package/dist/components/primitives/accordion/accordion.js.map +1 -0
- package/dist/components/primitives/accordion/accordion.stories.d.ts +16 -0
- package/dist/components/primitives/accordion/accordion.stories.js +61 -0
- package/dist/components/primitives/accordion/accordion.stories.js.map +1 -0
- package/dist/components/primitives/alert/alert.d.ts +19 -0
- package/dist/components/primitives/alert/alert.js +70 -0
- package/dist/components/primitives/alert/alert.js.map +1 -0
- package/dist/components/primitives/alert/alert.stories.d.ts +22 -0
- package/dist/components/primitives/alert/alert.stories.js +37 -0
- package/dist/components/primitives/alert/alert.stories.js.map +1 -0
- package/dist/components/primitives/badge/badge.d.ts +13 -0
- package/dist/components/primitives/badge/badge.js +42 -0
- package/dist/components/primitives/badge/badge.js.map +1 -0
- package/dist/components/primitives/badge/badges.d.ts +8 -0
- package/dist/components/primitives/badge/badges.js +10 -0
- package/dist/components/primitives/badge/badges.js.map +1 -0
- package/dist/components/primitives/button/button.d.ts +36 -0
- package/dist/components/primitives/button/button.js +74 -0
- package/dist/components/primitives/button/button.js.map +1 -0
- package/dist/components/primitives/button/button.stories.d.ts +37 -0
- package/dist/components/primitives/button/button.stories.js +87 -0
- package/dist/components/primitives/button/button.stories.js.map +1 -0
- package/dist/components/primitives/icon/icon.d.ts +32 -0
- package/dist/components/primitives/icon/icon.js +53 -0
- package/dist/components/primitives/icon/icon.js.map +1 -0
- package/dist/components/primitives/icon/icon.stories.d.ts +24 -0
- package/dist/components/primitives/icon/icon.stories.js +27 -0
- package/dist/components/primitives/icon/icon.stories.js.map +1 -0
- package/dist/components/primitives/index.d.ts +29 -0
- package/dist/components/primitives/index.js +20 -0
- package/dist/components/primitives/index.js.map +1 -0
- package/dist/components/primitives/input/input.d.ts +6 -0
- package/dist/components/primitives/input/input.js +23 -0
- package/dist/components/primitives/input/input.js.map +1 -0
- package/dist/components/primitives/layout/layout.d.ts +53 -0
- package/dist/components/primitives/layout/layout.js +93 -0
- package/dist/components/primitives/layout/layout.js.map +1 -0
- package/dist/components/primitives/layout/layout.stories.d.ts +32 -0
- package/dist/components/primitives/layout/layout.stories.js +72 -0
- package/dist/components/primitives/layout/layout.stories.js.map +1 -0
- package/dist/components/primitives/separator/separator.d.ts +7 -0
- package/dist/components/primitives/separator/separator.js +39 -0
- package/dist/components/primitives/separator/separator.js.map +1 -0
- package/dist/components/primitives/separator/separator.stories.d.ts +16 -0
- package/dist/components/primitives/separator/separator.stories.js +18 -0
- package/dist/components/primitives/separator/separator.stories.js.map +1 -0
- package/dist/components/primitives/skeleton/skeleton.d.ts +5 -0
- package/dist/components/primitives/skeleton/skeleton.js +16 -0
- package/dist/components/primitives/skeleton/skeleton.js.map +1 -0
- package/dist/components/primitives/skeleton/skeleton.stories.d.ts +13 -0
- package/dist/components/primitives/skeleton/skeleton.stories.js +16 -0
- package/dist/components/primitives/skeleton/skeleton.stories.js.map +1 -0
- package/dist/components/primitives/spinner/spinner.d.ts +10 -0
- package/dist/components/primitives/spinner/spinner.js +80 -0
- package/dist/components/primitives/spinner/spinner.js.map +1 -0
- package/dist/components/primitives/spinner/spinner.stories.d.ts +16 -0
- package/dist/components/primitives/spinner/spinner.stories.js +35 -0
- package/dist/components/primitives/spinner/spinner.stories.js.map +1 -0
- package/dist/components/primitives/stack/stack.d.ts +13 -0
- package/dist/components/primitives/stack/stack.js +44 -0
- package/dist/components/primitives/stack/stack.js.map +1 -0
- package/dist/components/primitives/stack/stack.stories.d.ts +13 -0
- package/dist/components/primitives/stack/stack.stories.js +26 -0
- package/dist/components/primitives/stack/stack.stories.js.map +1 -0
- package/dist/components/primitives/table/table.d.ts +13 -0
- package/dist/components/primitives/table/table.js +117 -0
- package/dist/components/primitives/table/table.js.map +1 -0
- package/dist/components/primitives/text/internal/text-element.d.ts +62 -0
- package/dist/components/primitives/text/internal/text-element.js +78 -0
- package/dist/components/primitives/text/internal/text-element.js.map +1 -0
- package/dist/components/primitives/text/text-div.d.ts +10 -0
- package/dist/components/primitives/text/text-div.js +35 -0
- package/dist/components/primitives/text/text-div.js.map +1 -0
- package/dist/components/primitives/text/text-div.stories.d.ts +32 -0
- package/dist/components/primitives/text/text-div.stories.js +59 -0
- package/dist/components/primitives/text/text-div.stories.js.map +1 -0
- package/dist/components/primitives/text/text-heading.d.ts +26 -0
- package/dist/components/primitives/text/text-heading.js +53 -0
- package/dist/components/primitives/text/text-heading.js.map +1 -0
- package/dist/components/primitives/text/text-heading.stories.d.ts +27 -0
- package/dist/components/primitives/text/text-heading.stories.js +47 -0
- package/dist/components/primitives/text/text-heading.stories.js.map +1 -0
- package/dist/components/primitives/text/text-paragraph.d.ts +10 -0
- package/dist/components/primitives/text/text-paragraph.js +35 -0
- package/dist/components/primitives/text/text-paragraph.js.map +1 -0
- package/dist/components/primitives/text/text-span.d.ts +10 -0
- package/dist/components/primitives/text/text-span.js +35 -0
- package/dist/components/primitives/text/text-span.js.map +1 -0
- package/dist/components/primitives/text/text-span.stories.d.ts +31 -0
- package/dist/components/primitives/text/text-span.stories.js +59 -0
- package/dist/components/primitives/text/text-span.stories.js.map +1 -0
- package/dist/components/primitives/text/text-time.d.ts +10 -0
- package/dist/components/primitives/text/text-time.js +35 -0
- package/dist/components/primitives/text/text-time.js.map +1 -0
- package/dist/components/primitives/ui-image.d.ts +6 -0
- package/dist/components/primitives/ui-image.js +26 -0
- package/dist/components/primitives/ui-image.js.map +1 -0
- package/dist/components/providers/ImageContext.d.ts +17 -0
- package/dist/components/providers/ImageContext.js +23 -0
- package/dist/components/providers/ImageContext.js.map +1 -0
- package/dist/components/providers/index.d.ts +2 -0
- package/dist/components/providers/index.js +2 -0
- package/dist/components/providers/index.js.map +1 -0
- package/dist/components/units/cards/blog-card.d.ts +18 -0
- package/dist/components/units/cards/blog-card.js +80 -0
- package/dist/components/units/cards/blog-card.js.map +1 -0
- package/dist/components/units/cards/card.d.ts +15 -0
- package/dist/components/units/cards/card.js +89 -0
- package/dist/components/units/cards/card.js.map +1 -0
- package/dist/components/units/cards/cards.d.ts +17 -0
- package/dist/components/units/cards/cards.js +37 -0
- package/dist/components/units/cards/cards.js.map +1 -0
- package/dist/components/units/index.d.ts +5 -0
- package/dist/components/units/index.js +4 -0
- package/dist/components/units/index.js.map +1 -0
- package/dist/index.d.ts +32 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/{common.d.ts → lib/helpers/date.d.ts} +1 -3
- package/dist/lib/helpers/date.js +14 -0
- package/dist/lib/helpers/date.js.map +1 -0
- package/dist/lib/helpers/index.d.ts +1 -0
- package/dist/lib/helpers/index.js +2 -0
- package/dist/lib/helpers/index.js.map +1 -0
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.js +2 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/try-catch.d.ts +12 -0
- package/dist/lib/try-catch.js +12 -0
- package/dist/lib/try-catch.js.map +1 -0
- package/dist/lib/types.d.ts +8 -5
- package/dist/lib/types.js +1 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/main.css +1823 -0
- package/dist/main.css.map +1 -0
- package/dist/main.d.ts +2 -24
- package/dist/main.js +3 -25
- package/dist/main.js.map +1 -0
- package/dist/utils.d.ts +5 -0
- package/dist/utils.js +19 -12
- package/dist/utils.js.map +1 -1
- package/package.json +78 -67
- package/dist/_virtual/rolldown_runtime.cjs +0 -29
- package/dist/_virtual/rolldown_runtime.js +0 -30
- package/dist/common.cjs +0 -11
- package/dist/common.cjs.map +0 -1
- package/dist/common.css +0 -280
- package/dist/common.css.map +0 -1
- package/dist/common.d.cts +0 -5
- package/dist/common.js +0 -10
- package/dist/common.js.map +0 -1
- package/dist/components/client/index.cjs +0 -7
- package/dist/components/client/index.js +0 -9
- package/dist/components/client/primitives/accordion/accordion.cjs +0 -57
- package/dist/components/client/primitives/accordion/accordion.cjs.map +0 -1
- package/dist/components/client/primitives/accordion/accordion.d.cts +0 -25
- package/dist/components/client/primitives/accordion/accordion.d.ts +0 -25
- package/dist/components/client/primitives/accordion/accordion.js +0 -51
- package/dist/components/client/primitives/accordion/accordion.js.map +0 -1
- package/dist/components/client/primitives/index.cjs +0 -4
- package/dist/components/client/primitives/index.js +0 -6
- package/dist/components/client/primitives/separator/separator.cjs +0 -26
- package/dist/components/client/primitives/separator/separator.cjs.map +0 -1
- package/dist/components/client/primitives/separator/separator.d.cts +0 -14
- package/dist/components/client/primitives/separator/separator.d.ts +0 -14
- package/dist/components/client/primitives/separator/separator.js +0 -22
- package/dist/components/client/primitives/separator/separator.js.map +0 -1
- package/dist/components/client/primitives/table/table.cjs +0 -82
- package/dist/components/client/primitives/table/table.cjs.map +0 -1
- package/dist/components/client/primitives/table/table.d.cts +0 -39
- package/dist/components/client/primitives/table/table.d.ts +0 -39
- package/dist/components/client/primitives/table/table.js +0 -72
- package/dist/components/client/primitives/table/table.js.map +0 -1
- package/dist/components/client/primitives/ui-image.cjs +0 -24
- package/dist/components/client/primitives/ui-image.cjs.map +0 -1
- package/dist/components/client/primitives/ui-image.d.cts +0 -8
- package/dist/components/client/primitives/ui-image.d.ts +0 -8
- package/dist/components/client/primitives/ui-image.js +0 -21
- package/dist/components/client/primitives/ui-image.js.map +0 -1
- package/dist/components/client/providers/ImageContext.cjs +0 -30
- package/dist/components/client/providers/ImageContext.cjs.map +0 -1
- package/dist/components/client/providers/ImageContext.d.cts +0 -18
- package/dist/components/client/providers/ImageContext.d.ts +0 -18
- package/dist/components/client/providers/ImageContext.js +0 -26
- package/dist/components/client/providers/ImageContext.js.map +0 -1
- package/dist/components/client/providers/index.cjs +0 -1
- package/dist/components/client/providers/index.js +0 -3
- package/dist/components/index.cjs +0 -24
- package/dist/components/server/index.cjs +0 -18
- package/dist/components/server/index.js +0 -20
- package/dist/components/server/primitives/alert/alert.cjs +0 -47
- package/dist/components/server/primitives/alert/alert.cjs.map +0 -1
- package/dist/components/server/primitives/alert/alert.d.cts +0 -31
- package/dist/components/server/primitives/alert/alert.d.ts +0 -31
- package/dist/components/server/primitives/alert/alert.js +0 -40
- package/dist/components/server/primitives/alert/alert.js.map +0 -1
- package/dist/components/server/primitives/badge/badge.cjs +0 -33
- package/dist/components/server/primitives/badge/badge.cjs.map +0 -1
- package/dist/components/server/primitives/badge/badge.d.cts +0 -20
- package/dist/components/server/primitives/badge/badge.d.ts +0 -20
- package/dist/components/server/primitives/badge/badge.js +0 -27
- package/dist/components/server/primitives/badge/badge.js.map +0 -1
- package/dist/components/server/primitives/badge/badges.cjs +0 -19
- package/dist/components/server/primitives/badge/badges.cjs.map +0 -1
- package/dist/components/server/primitives/badge/badges.d.cts +0 -13
- package/dist/components/server/primitives/badge/badges.d.ts +0 -13
- package/dist/components/server/primitives/badge/badges.js +0 -16
- package/dist/components/server/primitives/badge/badges.js.map +0 -1
- package/dist/components/server/primitives/button/button.cjs +0 -65
- package/dist/components/server/primitives/button/button.cjs.map +0 -1
- package/dist/components/server/primitives/button/button.d.cts +0 -49
- package/dist/components/server/primitives/button/button.d.ts +0 -49
- package/dist/components/server/primitives/button/button.js +0 -58
- package/dist/components/server/primitives/button/button.js.map +0 -1
- package/dist/components/server/primitives/cards/blog-card.cjs +0 -10
- package/dist/components/server/primitives/cards/blog-card.d.cts +0 -14
- package/dist/components/server/primitives/cards/blog-card.d.ts +0 -16
- package/dist/components/server/primitives/cards/blog-card.js +0 -10
- package/dist/components/server/primitives/cards/card.cjs +0 -66
- package/dist/components/server/primitives/cards/card.cjs.map +0 -1
- package/dist/components/server/primitives/cards/card.d.cts +0 -17
- package/dist/components/server/primitives/cards/card.d.ts +0 -17
- package/dist/components/server/primitives/cards/card.js +0 -57
- package/dist/components/server/primitives/cards/card.js.map +0 -1
- package/dist/components/server/primitives/cards/cards.cjs +0 -36
- package/dist/components/server/primitives/cards/cards.cjs.map +0 -1
- package/dist/components/server/primitives/cards/cards.d.cts +0 -24
- package/dist/components/server/primitives/cards/cards.d.ts +0 -24
- package/dist/components/server/primitives/cards/cards.js +0 -32
- package/dist/components/server/primitives/cards/cards.js.map +0 -1
- package/dist/components/server/primitives/icon/icon.cjs +0 -54
- package/dist/components/server/primitives/icon/icon.cjs.map +0 -1
- package/dist/components/server/primitives/icon/icon.d.cts +0 -41
- package/dist/components/server/primitives/icon/icon.d.ts +0 -41
- package/dist/components/server/primitives/icon/icon.js +0 -49
- package/dist/components/server/primitives/icon/icon.js.map +0 -1
- package/dist/components/server/primitives/index.cjs +0 -18
- package/dist/components/server/primitives/index.js +0 -20
- package/dist/components/server/primitives/input/input.cjs +0 -20
- package/dist/components/server/primitives/input/input.cjs.map +0 -1
- package/dist/components/server/primitives/input/input.d.cts +0 -12
- package/dist/components/server/primitives/input/input.d.ts +0 -12
- package/dist/components/server/primitives/input/input.js +0 -17
- package/dist/components/server/primitives/input/input.js.map +0 -1
- package/dist/components/server/primitives/layout/layout.cjs +0 -83
- package/dist/components/server/primitives/layout/layout.cjs.map +0 -1
- package/dist/components/server/primitives/layout/layout.d.cts +0 -69
- package/dist/components/server/primitives/layout/layout.d.ts +0 -69
- package/dist/components/server/primitives/layout/layout.js +0 -77
- package/dist/components/server/primitives/layout/layout.js.map +0 -1
- package/dist/components/server/primitives/skeleton/skeleton.cjs +0 -17
- package/dist/components/server/primitives/skeleton/skeleton.cjs.map +0 -1
- package/dist/components/server/primitives/skeleton/skeleton.d.cts +0 -10
- package/dist/components/server/primitives/skeleton/skeleton.d.ts +0 -10
- package/dist/components/server/primitives/skeleton/skeleton.js +0 -15
- package/dist/components/server/primitives/skeleton/skeleton.js.map +0 -1
- package/dist/components/server/primitives/spinner/spinner.cjs +0 -33
- package/dist/components/server/primitives/spinner/spinner.cjs.map +0 -1
- package/dist/components/server/primitives/spinner/spinner.d.cts +0 -16
- package/dist/components/server/primitives/spinner/spinner.d.ts +0 -16
- package/dist/components/server/primitives/spinner/spinner.js +0 -31
- package/dist/components/server/primitives/spinner/spinner.js.map +0 -1
- package/dist/components/server/primitives/stack/stack.cjs +0 -41
- package/dist/components/server/primitives/stack/stack.cjs.map +0 -1
- package/dist/components/server/primitives/stack/stack.d.cts +0 -15
- package/dist/components/server/primitives/stack/stack.d.ts +0 -15
- package/dist/components/server/primitives/stack/stack.js +0 -35
- package/dist/components/server/primitives/stack/stack.js.map +0 -1
- package/dist/components/server/primitives/text/internal/text-element.cjs +0 -67
- package/dist/components/server/primitives/text/internal/text-element.cjs.map +0 -1
- package/dist/components/server/primitives/text/internal/text-element.d.cts +0 -17
- package/dist/components/server/primitives/text/internal/text-element.d.ts +0 -18
- package/dist/components/server/primitives/text/internal/text-element.js +0 -62
- package/dist/components/server/primitives/text/internal/text-element.js.map +0 -1
- package/dist/components/server/primitives/text/text-div.cjs +0 -23
- package/dist/components/server/primitives/text/text-div.cjs.map +0 -1
- package/dist/components/server/primitives/text/text-div.d.cts +0 -16
- package/dist/components/server/primitives/text/text-div.d.ts +0 -16
- package/dist/components/server/primitives/text/text-div.js +0 -21
- package/dist/components/server/primitives/text/text-div.js.map +0 -1
- package/dist/components/server/primitives/text/text-heading.cjs +0 -36
- package/dist/components/server/primitives/text/text-heading.cjs.map +0 -1
- package/dist/components/server/primitives/text/text-heading.d.cts +0 -34
- package/dist/components/server/primitives/text/text-heading.d.ts +0 -34
- package/dist/components/server/primitives/text/text-heading.js +0 -31
- package/dist/components/server/primitives/text/text-heading.js.map +0 -1
- package/dist/components/server/primitives/text/text-paragraph.cjs +0 -23
- package/dist/components/server/primitives/text/text-paragraph.cjs.map +0 -1
- package/dist/components/server/primitives/text/text-paragraph.d.cts +0 -16
- package/dist/components/server/primitives/text/text-paragraph.d.ts +0 -16
- package/dist/components/server/primitives/text/text-paragraph.js +0 -21
- package/dist/components/server/primitives/text/text-paragraph.js.map +0 -1
- package/dist/components/server/primitives/text/text-span.cjs +0 -23
- package/dist/components/server/primitives/text/text-span.cjs.map +0 -1
- package/dist/components/server/primitives/text/text-span.d.cts +0 -16
- package/dist/components/server/primitives/text/text-span.d.ts +0 -16
- package/dist/components/server/primitives/text/text-span.js +0 -21
- package/dist/components/server/primitives/text/text-span.js.map +0 -1
- package/dist/components/server/primitives/text/text-time.cjs +0 -23
- package/dist/components/server/primitives/text/text-time.cjs.map +0 -1
- package/dist/components/server/primitives/text/text-time.d.cts +0 -16
- package/dist/components/server/primitives/text/text-time.d.ts +0 -16
- package/dist/components/server/primitives/text/text-time.js +0 -21
- package/dist/components/server/primitives/text/text-time.js.map +0 -1
- package/dist/lib/types.d.cts +0 -6
- package/dist/main.cjs +0 -77
- package/dist/main.d.cts +0 -24
- package/dist/node_modules/lucide-react/dist/cjs/lucide-react.cjs +0 -33010
- package/dist/node_modules/lucide-react/dist/cjs/lucide-react.cjs.map +0 -1
- package/dist/node_modules/lucide-react/dist/cjs/lucide-react.js +0 -33007
- package/dist/node_modules/lucide-react/dist/cjs/lucide-react.js.map +0 -1
- package/dist/utils.cjs +0 -20
- package/dist/utils.cjs.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":[],"sources":["../../../../../src/components/server/primitives/input/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../../../utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"sg:file:text-foreground sg:placeholder:text-muted-foreground sg:selection:bg-primary sg:selection:text-primary-foreground sg:dark:bg-input/30 sg:border-input sg:flex sg:h-9 sg:w-full sg:min-w-0 sg:rounded-md sg:border sg:bg-transparent sg:px-3 sg:py-1 sg:text-base sg:shadow-xs sg:transition-[color,box-shadow] sg:outline-none sg:file:inline-flex sg:file:h-7 sg:file:border-0 sg:file:bg-transparent sg:file:text-sm sg:file:font-medium sg:disabled:pointer-events-none sg:disabled:cursor-not-allowed sg:disabled:opacity-50 sg:md:text-sm\",\n \"sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:focus-visible:ring-[3px]\",\n \"sg:aria-invalid:ring-destructive/20 sg:dark:aria-invalid:ring-destructive/40 sg:aria-invalid:border-destructive\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Input };\n"],"mappings":";;;;;AAGA,SAAS,MAAM,EAAE,WAAW,KAAM,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACO;EACN,aAAU;EACV,WAAW,GACT,0hBACA,0FACA,mHACA,UACD;EACD,GAAI;GACJ"}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_utils = require('../../../../utils.cjs');
|
|
3
|
-
let react = require("react");
|
|
4
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
7
|
-
let class_variance_authority = require("class-variance-authority");
|
|
8
|
-
class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
|
|
9
|
-
|
|
10
|
-
//#region src/components/server/primitives/layout/layout.tsx
|
|
11
|
-
const bgColors = {
|
|
12
|
-
transparent: "sg:bg-transparent",
|
|
13
|
-
white: "sg:bg-white",
|
|
14
|
-
black: "sg:bg-black",
|
|
15
|
-
orange: "sg:bg-orange",
|
|
16
|
-
pink: "sg:bg-pink",
|
|
17
|
-
gradient1: "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]",
|
|
18
|
-
gradient2: "sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]",
|
|
19
|
-
"primarylight-pink-orange": "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]"
|
|
20
|
-
};
|
|
21
|
-
const layoutVariants = {
|
|
22
|
-
type: {
|
|
23
|
-
full: "sg:w-full",
|
|
24
|
-
wide: "sg:w-full sg:px-4",
|
|
25
|
-
col: "sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0"
|
|
26
|
-
},
|
|
27
|
-
cols: {
|
|
28
|
-
"100": "",
|
|
29
|
-
"66-33": "sg:md:grid-cols-[2fr_1fr]",
|
|
30
|
-
"50-50": "sg:md:grid-cols-2",
|
|
31
|
-
"33-33-33": "sg:md:grid-cols-3",
|
|
32
|
-
"25-25-25-25": "sg:md:grid-cols-4"
|
|
33
|
-
},
|
|
34
|
-
bgColor: bgColors
|
|
35
|
-
};
|
|
36
|
-
const layoutVariantsProps = (0, class_variance_authority.cva)("sg:grid sg:grid-cols-1 sg:gap-4", {
|
|
37
|
-
variants: layoutVariants,
|
|
38
|
-
defaultVariants: {
|
|
39
|
-
type: "col",
|
|
40
|
-
cols: "100"
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
function Layout({ children, className, type, cols, bgColor, as: Component = "div",...props }) {
|
|
44
|
-
const allowedInLayout = (content) => {
|
|
45
|
-
if (content.type === Layout.Col1) return true;
|
|
46
|
-
else if (content.type === Layout.Col2 && (cols === "66-33" || cols === "50-50" || cols === "33-33-33" || cols === "25-25-25-25")) return true;
|
|
47
|
-
else if (content.type === Layout.Col3 && (cols === "33-33-33" || cols === "25-25-25-25")) return true;
|
|
48
|
-
else if (content.type === Layout.Col4 && cols === "25-25-25-25") return true;
|
|
49
|
-
console.error("Content not allowed in column for variant", cols, content.type);
|
|
50
|
-
return false;
|
|
51
|
-
};
|
|
52
|
-
const renderColumn = (content) => {
|
|
53
|
-
if (!allowedInLayout(content)) return;
|
|
54
|
-
return content;
|
|
55
|
-
};
|
|
56
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
|
|
57
|
-
...props,
|
|
58
|
-
className: require_utils.cn(bgColors[bgColor ?? "transparent"], className),
|
|
59
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
60
|
-
className: require_utils.cn(layoutVariantsProps({
|
|
61
|
-
type,
|
|
62
|
-
cols
|
|
63
|
-
})),
|
|
64
|
-
children: react.Children.map(children, (child) => react.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {}))
|
|
65
|
-
})
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
function Col({ children, hideDiv, className, as: Component = "div" }) {
|
|
69
|
-
return hideDiv ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
|
|
70
|
-
className,
|
|
71
|
-
children
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
Layout.Col1 = Col;
|
|
75
|
-
Layout.Col2 = Col;
|
|
76
|
-
Layout.Col3 = Col;
|
|
77
|
-
Layout.Col4 = Col;
|
|
78
|
-
|
|
79
|
-
//#endregion
|
|
80
|
-
exports.Layout = Layout;
|
|
81
|
-
exports.layoutVariants = layoutVariants;
|
|
82
|
-
exports.layoutVariantsProps = layoutVariantsProps;
|
|
83
|
-
//# sourceMappingURL=layout.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layout.cjs","names":["cn","React"],"sources":["../../../../../src/components/server/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../../utils\";\nimport { PropsWithChildren } from \"react\";\n\nconst bgColors = {\n transparent: \"sg:bg-transparent\",\n white: \"sg:bg-white\",\n black: \"sg:bg-black\",\n orange: \"sg:bg-orange\",\n pink: \"sg:bg-pink\",\n gradient1:\n \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]\",\n gradient2:\n \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]\",\n \"primarylight-pink-orange\":\n \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]\",\n};\n\nconst layoutVariants = {\n type: {\n full: \"sg:w-full\",\n wide: \"sg:w-full sg:px-4\",\n col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0\",\n },\n cols: {\n \"100\": \"\",\n \"66-33\": \"sg:md:grid-cols-[2fr_1fr]\",\n \"50-50\": \"sg:md:grid-cols-2\",\n \"33-33-33\": \"sg:md:grid-cols-3\",\n \"25-25-25-25\": \"sg:md:grid-cols-4\",\n },\n bgColor: bgColors,\n};\n\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1 sg:gap-4\", {\n variants: layoutVariants,\n defaultVariants: {\n type: \"col\",\n cols: \"100\",\n },\n});\n\nexport interface LayoutProps\n extends React.HTMLAttributes<HTMLElement>,\n VariantProps<typeof layoutVariantsProps> {\n as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n}\n\nfunction Layout({\n children,\n className,\n type,\n cols,\n bgColor,\n as: Component = \"div\",\n ...props\n}: PropsWithChildren<LayoutProps>) {\n const allowedInLayout = (\n content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n ): boolean => {\n if (content.type === Layout.Col1) {\n return true;\n } else if (\n content.type === Layout.Col2 &&\n (cols === \"66-33\" ||\n cols === \"50-50\" ||\n cols === \"33-33-33\" ||\n cols === \"25-25-25-25\")\n ) {\n return true;\n } else if (\n content.type === Layout.Col3 &&\n (cols === \"33-33-33\" || cols === \"25-25-25-25\")\n ) {\n return true;\n } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\n return true;\n }\n\n console.error(\n \"Content not allowed in column for variant\",\n cols,\n content.type\n );\n return false;\n };\n\n const renderColumn = (\n content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n ) => {\n if (!allowedInLayout(content)) {\n return;\n }\n return content;\n };\n\n return (\n <Component\n {...props}\n className={cn(bgColors[bgColor ?? \"transparent\"], className)}\n >\n <div className={cn(layoutVariantsProps({ type, cols }))}>\n {React.Children.map(children, (child) =>\n React.isValidElement(child) ? renderColumn(child) : <></>\n )}\n </div>\n </Component>\n );\n}\n\ntype colProp = {\n children?: React.ReactNode;\n hideDiv?: boolean;\n className?: string;\n as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n};\n\nfunction Col({ children, hideDiv, className, as: Component = \"div\" }: colProp) {\n return hideDiv ? (\n <>{children}</>\n ) : (\n <Component className={className}>{children}</Component>\n );\n}\n\nLayout.Col1 = Col;\nLayout.Col2 = Col;\nLayout.Col3 = Col;\nLayout.Col4 = Col;\n\nexport { Layout, layoutVariantsProps, layoutVariants };\n"],"mappings":";;;;;;;;;;AAKA,MAAM,WAAW;CACf,aAAa;CACb,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,WACE;CACF,WACE;CACF,4BACE;CACH;AAED,MAAM,iBAAiB;CACrB,MAAM;EACJ,MAAM;EACN,MAAM;EACN,KAAK;EACN;CACD,MAAM;EACJ,OAAO;EACP,SAAS;EACT,SAAS;EACT,YAAY;EACZ,eAAe;EAChB;CACD,SAAS;CACV;AAED,MAAM,wDAA0B,mCAAmC;CACjE,UAAU;CACV,iBAAiB;EACf,MAAM;EACN,MAAM;EACP;CACF,CAAC;AAQF,SAAS,OAAO,EACd,UACA,WACA,MACA,MACA,SACA,IAAI,YAAY,MAChB,GAAG,SAC8B;CACjC,MAAM,mBACJ,YACY;AACZ,MAAI,QAAQ,SAAS,OAAO,KAC1B,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,eAEX,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,eAEjC,QAAO;WACE,QAAQ,SAAS,OAAO,QAAQ,SAAS,cAClD,QAAO;AAGT,UAAQ,MACN,6CACA,MACA,QAAQ,KACT;AACD,SAAO;;CAGT,MAAM,gBACJ,YACG;AACH,MAAI,CAAC,gBAAgB,QAAQ,CAC3B;AAEF,SAAO;;AAGT,QACE,2CAAC;EACC,GAAI;EACJ,WAAWA,iBAAG,SAAS,WAAW,gBAAgB,UAAU;YAE5D,2CAAC;GAAI,WAAWA,iBAAG,oBAAoB;IAAE;IAAM;IAAM,CAAC,CAAC;aACpDC,MAAM,SAAS,IAAI,WAAW,UAC7BA,MAAM,eAAe,MAAM,GAAG,aAAa,MAAM,GAAG,0EAAK,CAC1D;IACG;GACI;;AAWhB,SAAS,IAAI,EAAE,UAAU,SAAS,WAAW,IAAI,YAAY,SAAkB;AAC7E,QAAO,UACL,yEAAG,WAAY,GAEf,2CAAC;EAAqB;EAAY;GAAqB;;AAI3D,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import * as React$1 from "react";
|
|
2
|
-
import { PropsWithChildren } from "react";
|
|
3
|
-
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
4
|
-
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
5
|
-
import { VariantProps } from "class-variance-authority";
|
|
6
|
-
|
|
7
|
-
//#region src/components/server/primitives/layout/layout.d.ts
|
|
8
|
-
declare const layoutVariants: {
|
|
9
|
-
type: {
|
|
10
|
-
full: string;
|
|
11
|
-
wide: string;
|
|
12
|
-
col: string;
|
|
13
|
-
};
|
|
14
|
-
cols: {
|
|
15
|
-
"100": string;
|
|
16
|
-
"66-33": string;
|
|
17
|
-
"50-50": string;
|
|
18
|
-
"33-33-33": string;
|
|
19
|
-
"25-25-25-25": string;
|
|
20
|
-
};
|
|
21
|
-
bgColor: {
|
|
22
|
-
transparent: string;
|
|
23
|
-
white: string;
|
|
24
|
-
black: string;
|
|
25
|
-
orange: string;
|
|
26
|
-
pink: string;
|
|
27
|
-
gradient1: string;
|
|
28
|
-
gradient2: string;
|
|
29
|
-
"primarylight-pink-orange": string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
declare const layoutVariantsProps: (props?: ({
|
|
33
|
-
type?: "col" | "full" | "wide" | null | undefined;
|
|
34
|
-
cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
|
|
35
|
-
bgColor?: "black" | "white" | "transparent" | "orange" | "pink" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
|
|
36
|
-
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
37
|
-
interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
|
|
38
|
-
as?: "div" | "section" | "article" | "main" | "header" | "footer";
|
|
39
|
-
}
|
|
40
|
-
declare function Layout({
|
|
41
|
-
children,
|
|
42
|
-
className,
|
|
43
|
-
type,
|
|
44
|
-
cols,
|
|
45
|
-
bgColor,
|
|
46
|
-
as: Component,
|
|
47
|
-
...props
|
|
48
|
-
}: PropsWithChildren<LayoutProps>): react_jsx_runtime4.JSX.Element;
|
|
49
|
-
declare namespace Layout {
|
|
50
|
-
var Col1: typeof Col;
|
|
51
|
-
var Col2: typeof Col;
|
|
52
|
-
var Col3: typeof Col;
|
|
53
|
-
var Col4: typeof Col;
|
|
54
|
-
}
|
|
55
|
-
type colProp = {
|
|
56
|
-
children?: React$1.ReactNode;
|
|
57
|
-
hideDiv?: boolean;
|
|
58
|
-
className?: string;
|
|
59
|
-
as?: "div" | "section" | "article" | "main" | "header" | "footer";
|
|
60
|
-
};
|
|
61
|
-
declare function Col({
|
|
62
|
-
children,
|
|
63
|
-
hideDiv,
|
|
64
|
-
className,
|
|
65
|
-
as: Component
|
|
66
|
-
}: colProp): react_jsx_runtime4.JSX.Element;
|
|
67
|
-
//#endregion
|
|
68
|
-
export { Layout, LayoutProps, layoutVariants, layoutVariantsProps };
|
|
69
|
-
//# sourceMappingURL=layout.d.cts.map
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import * as React$1 from "react";
|
|
2
|
-
import { PropsWithChildren } from "react";
|
|
3
|
-
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
4
|
-
import { VariantProps } from "class-variance-authority";
|
|
5
|
-
import * as class_variance_authority_types3 from "class-variance-authority/types";
|
|
6
|
-
|
|
7
|
-
//#region src/components/server/primitives/layout/layout.d.ts
|
|
8
|
-
declare const layoutVariants: {
|
|
9
|
-
type: {
|
|
10
|
-
full: string;
|
|
11
|
-
wide: string;
|
|
12
|
-
col: string;
|
|
13
|
-
};
|
|
14
|
-
cols: {
|
|
15
|
-
"100": string;
|
|
16
|
-
"66-33": string;
|
|
17
|
-
"50-50": string;
|
|
18
|
-
"33-33-33": string;
|
|
19
|
-
"25-25-25-25": string;
|
|
20
|
-
};
|
|
21
|
-
bgColor: {
|
|
22
|
-
transparent: string;
|
|
23
|
-
white: string;
|
|
24
|
-
black: string;
|
|
25
|
-
orange: string;
|
|
26
|
-
pink: string;
|
|
27
|
-
gradient1: string;
|
|
28
|
-
gradient2: string;
|
|
29
|
-
"primarylight-pink-orange": string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
declare const layoutVariantsProps: (props?: ({
|
|
33
|
-
type?: "col" | "full" | "wide" | null | undefined;
|
|
34
|
-
cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
|
|
35
|
-
bgColor?: "black" | "white" | "transparent" | "orange" | "pink" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
|
|
36
|
-
} & class_variance_authority_types3.ClassProp) | undefined) => string;
|
|
37
|
-
interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
|
|
38
|
-
as?: "div" | "section" | "article" | "main" | "header" | "footer";
|
|
39
|
-
}
|
|
40
|
-
declare function Layout({
|
|
41
|
-
children,
|
|
42
|
-
className,
|
|
43
|
-
type,
|
|
44
|
-
cols,
|
|
45
|
-
bgColor,
|
|
46
|
-
as: Component,
|
|
47
|
-
...props
|
|
48
|
-
}: PropsWithChildren<LayoutProps>): react_jsx_runtime9.JSX.Element;
|
|
49
|
-
declare namespace Layout {
|
|
50
|
-
var Col1: typeof Col;
|
|
51
|
-
var Col2: typeof Col;
|
|
52
|
-
var Col3: typeof Col;
|
|
53
|
-
var Col4: typeof Col;
|
|
54
|
-
}
|
|
55
|
-
type colProp = {
|
|
56
|
-
children?: React$1.ReactNode;
|
|
57
|
-
hideDiv?: boolean;
|
|
58
|
-
className?: string;
|
|
59
|
-
as?: "div" | "section" | "article" | "main" | "header" | "footer";
|
|
60
|
-
};
|
|
61
|
-
declare function Col({
|
|
62
|
-
children,
|
|
63
|
-
hideDiv,
|
|
64
|
-
className,
|
|
65
|
-
as: Component
|
|
66
|
-
}: colProp): react_jsx_runtime9.JSX.Element;
|
|
67
|
-
//#endregion
|
|
68
|
-
export { Layout, LayoutProps, layoutVariants, layoutVariantsProps };
|
|
69
|
-
//# sourceMappingURL=layout.d.ts.map
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { cn } from "../../../../utils.js";
|
|
2
|
-
import * as React$1 from "react";
|
|
3
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
4
|
-
import { cva } from "class-variance-authority";
|
|
5
|
-
|
|
6
|
-
//#region src/components/server/primitives/layout/layout.tsx
|
|
7
|
-
const bgColors = {
|
|
8
|
-
transparent: "sg:bg-transparent",
|
|
9
|
-
white: "sg:bg-white",
|
|
10
|
-
black: "sg:bg-black",
|
|
11
|
-
orange: "sg:bg-orange",
|
|
12
|
-
pink: "sg:bg-pink",
|
|
13
|
-
gradient1: "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]",
|
|
14
|
-
gradient2: "sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]",
|
|
15
|
-
"primarylight-pink-orange": "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]"
|
|
16
|
-
};
|
|
17
|
-
const layoutVariants = {
|
|
18
|
-
type: {
|
|
19
|
-
full: "sg:w-full",
|
|
20
|
-
wide: "sg:w-full sg:px-4",
|
|
21
|
-
col: "sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0"
|
|
22
|
-
},
|
|
23
|
-
cols: {
|
|
24
|
-
"100": "",
|
|
25
|
-
"66-33": "sg:md:grid-cols-[2fr_1fr]",
|
|
26
|
-
"50-50": "sg:md:grid-cols-2",
|
|
27
|
-
"33-33-33": "sg:md:grid-cols-3",
|
|
28
|
-
"25-25-25-25": "sg:md:grid-cols-4"
|
|
29
|
-
},
|
|
30
|
-
bgColor: bgColors
|
|
31
|
-
};
|
|
32
|
-
const layoutVariantsProps = cva("sg:grid sg:grid-cols-1 sg:gap-4", {
|
|
33
|
-
variants: layoutVariants,
|
|
34
|
-
defaultVariants: {
|
|
35
|
-
type: "col",
|
|
36
|
-
cols: "100"
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
function Layout({ children, className, type, cols, bgColor, as: Component = "div",...props }) {
|
|
40
|
-
const allowedInLayout = (content) => {
|
|
41
|
-
if (content.type === Layout.Col1) return true;
|
|
42
|
-
else if (content.type === Layout.Col2 && (cols === "66-33" || cols === "50-50" || cols === "33-33-33" || cols === "25-25-25-25")) return true;
|
|
43
|
-
else if (content.type === Layout.Col3 && (cols === "33-33-33" || cols === "25-25-25-25")) return true;
|
|
44
|
-
else if (content.type === Layout.Col4 && cols === "25-25-25-25") return true;
|
|
45
|
-
console.error("Content not allowed in column for variant", cols, content.type);
|
|
46
|
-
return false;
|
|
47
|
-
};
|
|
48
|
-
const renderColumn = (content) => {
|
|
49
|
-
if (!allowedInLayout(content)) return;
|
|
50
|
-
return content;
|
|
51
|
-
};
|
|
52
|
-
return /* @__PURE__ */ jsx(Component, {
|
|
53
|
-
...props,
|
|
54
|
-
className: cn(bgColors[bgColor ?? "transparent"], className),
|
|
55
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
56
|
-
className: cn(layoutVariantsProps({
|
|
57
|
-
type,
|
|
58
|
-
cols
|
|
59
|
-
})),
|
|
60
|
-
children: React$1.Children.map(children, (child) => React$1.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ jsx(Fragment, {}))
|
|
61
|
-
})
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
function Col({ children, hideDiv, className, as: Component = "div" }) {
|
|
65
|
-
return hideDiv ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Component, {
|
|
66
|
-
className,
|
|
67
|
-
children
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
Layout.Col1 = Col;
|
|
71
|
-
Layout.Col2 = Col;
|
|
72
|
-
Layout.Col3 = Col;
|
|
73
|
-
Layout.Col4 = Col;
|
|
74
|
-
|
|
75
|
-
//#endregion
|
|
76
|
-
export { Layout, layoutVariants, layoutVariantsProps };
|
|
77
|
-
//# sourceMappingURL=layout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layout.js","names":["React"],"sources":["../../../../../src/components/server/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../../utils\";\nimport { PropsWithChildren } from \"react\";\n\nconst bgColors = {\n transparent: \"sg:bg-transparent\",\n white: \"sg:bg-white\",\n black: \"sg:bg-black\",\n orange: \"sg:bg-orange\",\n pink: \"sg:bg-pink\",\n gradient1:\n \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]\",\n gradient2:\n \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]\",\n \"primarylight-pink-orange\":\n \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]\",\n};\n\nconst layoutVariants = {\n type: {\n full: \"sg:w-full\",\n wide: \"sg:w-full sg:px-4\",\n col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0\",\n },\n cols: {\n \"100\": \"\",\n \"66-33\": \"sg:md:grid-cols-[2fr_1fr]\",\n \"50-50\": \"sg:md:grid-cols-2\",\n \"33-33-33\": \"sg:md:grid-cols-3\",\n \"25-25-25-25\": \"sg:md:grid-cols-4\",\n },\n bgColor: bgColors,\n};\n\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1 sg:gap-4\", {\n variants: layoutVariants,\n defaultVariants: {\n type: \"col\",\n cols: \"100\",\n },\n});\n\nexport interface LayoutProps\n extends React.HTMLAttributes<HTMLElement>,\n VariantProps<typeof layoutVariantsProps> {\n as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n}\n\nfunction Layout({\n children,\n className,\n type,\n cols,\n bgColor,\n as: Component = \"div\",\n ...props\n}: PropsWithChildren<LayoutProps>) {\n const allowedInLayout = (\n content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n ): boolean => {\n if (content.type === Layout.Col1) {\n return true;\n } else if (\n content.type === Layout.Col2 &&\n (cols === \"66-33\" ||\n cols === \"50-50\" ||\n cols === \"33-33-33\" ||\n cols === \"25-25-25-25\")\n ) {\n return true;\n } else if (\n content.type === Layout.Col3 &&\n (cols === \"33-33-33\" || cols === \"25-25-25-25\")\n ) {\n return true;\n } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\n return true;\n }\n\n console.error(\n \"Content not allowed in column for variant\",\n cols,\n content.type\n );\n return false;\n };\n\n const renderColumn = (\n content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n ) => {\n if (!allowedInLayout(content)) {\n return;\n }\n return content;\n };\n\n return (\n <Component\n {...props}\n className={cn(bgColors[bgColor ?? \"transparent\"], className)}\n >\n <div className={cn(layoutVariantsProps({ type, cols }))}>\n {React.Children.map(children, (child) =>\n React.isValidElement(child) ? renderColumn(child) : <></>\n )}\n </div>\n </Component>\n );\n}\n\ntype colProp = {\n children?: React.ReactNode;\n hideDiv?: boolean;\n className?: string;\n as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n};\n\nfunction Col({ children, hideDiv, className, as: Component = \"div\" }: colProp) {\n return hideDiv ? (\n <>{children}</>\n ) : (\n <Component className={className}>{children}</Component>\n );\n}\n\nLayout.Col1 = Col;\nLayout.Col2 = Col;\nLayout.Col3 = Col;\nLayout.Col4 = Col;\n\nexport { Layout, layoutVariantsProps, layoutVariants };\n"],"mappings":";;;;;;AAKA,MAAM,WAAW;CACf,aAAa;CACb,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,WACE;CACF,WACE;CACF,4BACE;CACH;AAED,MAAM,iBAAiB;CACrB,MAAM;EACJ,MAAM;EACN,MAAM;EACN,KAAK;EACN;CACD,MAAM;EACJ,OAAO;EACP,SAAS;EACT,SAAS;EACT,YAAY;EACZ,eAAe;EAChB;CACD,SAAS;CACV;AAED,MAAM,sBAAsB,IAAI,mCAAmC;CACjE,UAAU;CACV,iBAAiB;EACf,MAAM;EACN,MAAM;EACP;CACF,CAAC;AAQF,SAAS,OAAO,EACd,UACA,WACA,MACA,MACA,SACA,IAAI,YAAY,MAChB,GAAG,SAC8B;CACjC,MAAM,mBACJ,YACY;AACZ,MAAI,QAAQ,SAAS,OAAO,KAC1B,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,eAEX,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,eAEjC,QAAO;WACE,QAAQ,SAAS,OAAO,QAAQ,SAAS,cAClD,QAAO;AAGT,UAAQ,MACN,6CACA,MACA,QAAQ,KACT;AACD,SAAO;;CAGT,MAAM,gBACJ,YACG;AACH,MAAI,CAAC,gBAAgB,QAAQ,CAC3B;AAEF,SAAO;;AAGT,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,SAAS,WAAW,gBAAgB,UAAU;YAE5D,oBAAC;GAAI,WAAW,GAAG,oBAAoB;IAAE;IAAM;IAAM,CAAC,CAAC;aACpDA,QAAM,SAAS,IAAI,WAAW,UAC7BA,QAAM,eAAe,MAAM,GAAG,aAAa,MAAM,GAAG,iCAAK,CAC1D;IACG;GACI;;AAWhB,SAAS,IAAI,EAAE,UAAU,SAAS,WAAW,IAAI,YAAY,SAAkB;AAC7E,QAAO,UACL,gCAAG,WAAY,GAEf,oBAAC;EAAqB;EAAY;GAAqB;;AAI3D,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_utils = require('../../../../utils.cjs');
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
5
|
-
|
|
6
|
-
//#region src/components/server/primitives/skeleton/skeleton.tsx
|
|
7
|
-
function Skeleton({ className,...props }) {
|
|
8
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
9
|
-
"data-slot": "skeleton",
|
|
10
|
-
className: require_utils.cn("sg:bg-accent sg:animate-pulse sg:rounded-md", className),
|
|
11
|
-
...props
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
//#endregion
|
|
16
|
-
exports.Skeleton = Skeleton;
|
|
17
|
-
//# sourceMappingURL=skeleton.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.cjs","names":["cn"],"sources":["../../../../../src/components/server/primitives/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../../../utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(\"sg:bg-accent sg:animate-pulse sg:rounded-md\", className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;;;AAEA,SAAS,SAAS,EAAE,UAAW,GAAG,SAAsC;AACtE,QACE,2CAAC;EACC,aAAU;EACV,WAAWA,iBAAG,+CAA+C,UAAU;EACvE,GAAI;GACJ"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime8 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/server/primitives/skeleton/skeleton.d.ts
|
|
4
|
-
declare function Skeleton({
|
|
5
|
-
className,
|
|
6
|
-
...props
|
|
7
|
-
}: React.ComponentProps<"div">): react_jsx_runtime8.JSX.Element;
|
|
8
|
-
//#endregion
|
|
9
|
-
export { Skeleton };
|
|
10
|
-
//# sourceMappingURL=skeleton.d.cts.map
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/server/primitives/skeleton/skeleton.d.ts
|
|
4
|
-
declare function Skeleton({
|
|
5
|
-
className,
|
|
6
|
-
...props
|
|
7
|
-
}: React.ComponentProps<"div">): react_jsx_runtime11.JSX.Element;
|
|
8
|
-
//#endregion
|
|
9
|
-
export { Skeleton };
|
|
10
|
-
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { cn } from "../../../../utils.js";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/components/server/primitives/skeleton/skeleton.tsx
|
|
5
|
-
function Skeleton({ className,...props }) {
|
|
6
|
-
return /* @__PURE__ */ jsx("div", {
|
|
7
|
-
"data-slot": "skeleton",
|
|
8
|
-
className: cn("sg:bg-accent sg:animate-pulse sg:rounded-md", className),
|
|
9
|
-
...props
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
//#endregion
|
|
14
|
-
export { Skeleton };
|
|
15
|
-
//# sourceMappingURL=skeleton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","names":[],"sources":["../../../../../src/components/server/primitives/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../../../utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(\"sg:bg-accent sg:animate-pulse sg:rounded-md\", className)}\n {...props}\n />\n );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;AAEA,SAAS,SAAS,EAAE,UAAW,GAAG,SAAsC;AACtE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+CAA+C,UAAU;EACvE,GAAI;GACJ"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_utils = require('../../../../utils.cjs');
|
|
3
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
5
|
-
|
|
6
|
-
//#region src/components/server/primitives/spinner/spinner.tsx
|
|
7
|
-
const sizeMap = {
|
|
8
|
-
xs: "sg:h-4 sg:w-4",
|
|
9
|
-
sm: "sg:h-5 sg:w-5",
|
|
10
|
-
md: "sg:h-8 sg:w-8",
|
|
11
|
-
lg: "sg:h-12 sg:w-12"
|
|
12
|
-
};
|
|
13
|
-
function Spinner({ variant = "ring", size = "md", className }) {
|
|
14
|
-
if (variant === "dots") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
15
|
-
className: require_utils.cn("sg:inline-flex sg:items-center sg:gap-1", className),
|
|
16
|
-
"aria-label": "Loading",
|
|
17
|
-
children: [
|
|
18
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse", "[animation-delay:-200ms]") }),
|
|
19
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse", "[animation-delay:-100ms]") }),
|
|
20
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse") })
|
|
21
|
-
]
|
|
22
|
-
});
|
|
23
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
24
|
-
role: "status",
|
|
25
|
-
"aria-label": "Loading",
|
|
26
|
-
className: require_utils.cn("sg:relative sg:inline-block sg:align-[-0.125em]", sizeMap[size], className),
|
|
27
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full", "sg:bg-[conic-gradient(hsl(var(--sg-gradient-1)),hsl(var(--sg-gradient-2)),hsl(var(--sg-primary)),hsl(var(--sg-gradient-1)))]", "sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background" })]
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
//#endregion
|
|
32
|
-
exports.Spinner = Spinner;
|
|
33
|
-
//# sourceMappingURL=spinner.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.cjs","names":["sizeMap: Record<NonNullable<SpinnerProps[\"size\"]>, string>","cn"],"sources":["../../../../../src/components/server/primitives/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"../../../../utils\";\r\n\r\nexport type SpinnerProps = {\r\n variant?: \"ring\" | \"dots\";\r\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\r\n className?: string;\r\n};\r\n\r\nconst sizeMap: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\r\n xs: \"sg:h-4 sg:w-4\",\r\n sm: \"sg:h-5 sg:w-5\",\r\n md: \"sg:h-8 sg:w-8\",\r\n lg: \"sg:h-12 sg:w-12\",\r\n};\r\n\r\nexport function Spinner({\r\n variant = \"ring\",\r\n size = \"md\",\r\n className,\r\n}: SpinnerProps) {\r\n if (variant === \"dots\") {\r\n return (\r\n <span\r\n className={cn(\"sg:inline-flex sg:items-center sg:gap-1\", className)}\r\n aria-label=\"Loading\"\r\n >\r\n <span\r\n className={cn(\r\n \"sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse\",\r\n \"[animation-delay:-200ms]\"\r\n )}\r\n ></span>\r\n <span\r\n className={cn(\r\n \"sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse\",\r\n \"[animation-delay:-100ms]\"\r\n )}\r\n ></span>\r\n <span\r\n className={cn(\r\n \"sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse\"\r\n )}\r\n ></span>\r\n </span>\r\n );\r\n }\r\n\r\n return (\r\n <span\r\n role=\"status\"\r\n aria-label=\"Loading\"\r\n className={cn(\r\n \"sg:relative sg:inline-block sg:align-[-0.125em]\",\r\n sizeMap[size],\r\n className\r\n )}\r\n >\r\n <span\r\n className={cn(\r\n \"sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full\",\r\n \"sg:bg-[conic-gradient(hsl(var(--sg-gradient-1)),hsl(var(--sg-gradient-2)),hsl(var(--sg-primary)),hsl(var(--sg-gradient-1)))]\",\r\n \"sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]\"\r\n )}\r\n />\r\n <span className=\"sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background\" />\r\n </span>\r\n );\r\n}\r\n"],"mappings":";;;;;;AAQA,MAAMA,UAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,QAAQ,EACtB,UAAU,QACV,OAAO,MACP,aACe;AACf,KAAI,YAAY,OACd,QACE,4CAAC;EACC,WAAWC,iBAAG,2CAA2C,UAAU;EACnE,cAAW;;GAEX,2CAAC,UACC,WAAWA,iBACT,gFACA,2BACD,GACK;GACR,2CAAC,UACC,WAAWA,iBACT,gFACA,2BACD,GACK;GACR,2CAAC,UACC,WAAWA,iBACT,2DACD,GACK;;GACH;AAIX,QACE,4CAAC;EACC,MAAK;EACL,cAAW;EACX,WAAWA,iBACT,mDACA,QAAQ,OACR,UACD;aAED,2CAAC,UACC,WAAWA,iBACT,0DACA,gIACA,qEACD,GACD,EACF,2CAAC,UAAK,WAAU,gEAAgE;GAC3E"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/server/primitives/spinner/spinner.d.ts
|
|
4
|
-
type SpinnerProps = {
|
|
5
|
-
variant?: "ring" | "dots";
|
|
6
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
7
|
-
className?: string;
|
|
8
|
-
};
|
|
9
|
-
declare function Spinner({
|
|
10
|
-
variant,
|
|
11
|
-
size,
|
|
12
|
-
className
|
|
13
|
-
}: SpinnerProps): react_jsx_runtime13.JSX.Element;
|
|
14
|
-
//#endregion
|
|
15
|
-
export { Spinner, SpinnerProps };
|
|
16
|
-
//# sourceMappingURL=spinner.d.cts.map
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/components/server/primitives/spinner/spinner.d.ts
|
|
4
|
-
type SpinnerProps = {
|
|
5
|
-
variant?: "ring" | "dots";
|
|
6
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
7
|
-
className?: string;
|
|
8
|
-
};
|
|
9
|
-
declare function Spinner({
|
|
10
|
-
variant,
|
|
11
|
-
size,
|
|
12
|
-
className
|
|
13
|
-
}: SpinnerProps): react_jsx_runtime12.JSX.Element;
|
|
14
|
-
//#endregion
|
|
15
|
-
export { Spinner, SpinnerProps };
|
|
16
|
-
//# sourceMappingURL=spinner.d.ts.map
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { cn } from "../../../../utils.js";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
|
|
4
|
-
//#region src/components/server/primitives/spinner/spinner.tsx
|
|
5
|
-
const sizeMap = {
|
|
6
|
-
xs: "sg:h-4 sg:w-4",
|
|
7
|
-
sm: "sg:h-5 sg:w-5",
|
|
8
|
-
md: "sg:h-8 sg:w-8",
|
|
9
|
-
lg: "sg:h-12 sg:w-12"
|
|
10
|
-
};
|
|
11
|
-
function Spinner({ variant = "ring", size = "md", className }) {
|
|
12
|
-
if (variant === "dots") return /* @__PURE__ */ jsxs("span", {
|
|
13
|
-
className: cn("sg:inline-flex sg:items-center sg:gap-1", className),
|
|
14
|
-
"aria-label": "Loading",
|
|
15
|
-
children: [
|
|
16
|
-
/* @__PURE__ */ jsx("span", { className: cn("sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse", "[animation-delay:-200ms]") }),
|
|
17
|
-
/* @__PURE__ */ jsx("span", { className: cn("sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse", "[animation-delay:-100ms]") }),
|
|
18
|
-
/* @__PURE__ */ jsx("span", { className: cn("sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse") })
|
|
19
|
-
]
|
|
20
|
-
});
|
|
21
|
-
return /* @__PURE__ */ jsxs("span", {
|
|
22
|
-
role: "status",
|
|
23
|
-
"aria-label": "Loading",
|
|
24
|
-
className: cn("sg:relative sg:inline-block sg:align-[-0.125em]", sizeMap[size], className),
|
|
25
|
-
children: [/* @__PURE__ */ jsx("span", { className: cn("sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full", "sg:bg-[conic-gradient(hsl(var(--sg-gradient-1)),hsl(var(--sg-gradient-2)),hsl(var(--sg-primary)),hsl(var(--sg-gradient-1)))]", "sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]") }), /* @__PURE__ */ jsx("span", { className: "sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background" })]
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
//#endregion
|
|
30
|
-
export { Spinner };
|
|
31
|
-
//# sourceMappingURL=spinner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","names":["sizeMap: Record<NonNullable<SpinnerProps[\"size\"]>, string>"],"sources":["../../../../../src/components/server/primitives/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"../../../../utils\";\r\n\r\nexport type SpinnerProps = {\r\n variant?: \"ring\" | \"dots\";\r\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\r\n className?: string;\r\n};\r\n\r\nconst sizeMap: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\r\n xs: \"sg:h-4 sg:w-4\",\r\n sm: \"sg:h-5 sg:w-5\",\r\n md: \"sg:h-8 sg:w-8\",\r\n lg: \"sg:h-12 sg:w-12\",\r\n};\r\n\r\nexport function Spinner({\r\n variant = \"ring\",\r\n size = \"md\",\r\n className,\r\n}: SpinnerProps) {\r\n if (variant === \"dots\") {\r\n return (\r\n <span\r\n className={cn(\"sg:inline-flex sg:items-center sg:gap-1\", className)}\r\n aria-label=\"Loading\"\r\n >\r\n <span\r\n className={cn(\r\n \"sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse\",\r\n \"[animation-delay:-200ms]\"\r\n )}\r\n ></span>\r\n <span\r\n className={cn(\r\n \"sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse\",\r\n \"[animation-delay:-100ms]\"\r\n )}\r\n ></span>\r\n <span\r\n className={cn(\r\n \"sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse\"\r\n )}\r\n ></span>\r\n </span>\r\n );\r\n }\r\n\r\n return (\r\n <span\r\n role=\"status\"\r\n aria-label=\"Loading\"\r\n className={cn(\r\n \"sg:relative sg:inline-block sg:align-[-0.125em]\",\r\n sizeMap[size],\r\n className\r\n )}\r\n >\r\n <span\r\n className={cn(\r\n \"sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full\",\r\n \"sg:bg-[conic-gradient(hsl(var(--sg-gradient-1)),hsl(var(--sg-gradient-2)),hsl(var(--sg-primary)),hsl(var(--sg-gradient-1)))]\",\r\n \"sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]\"\r\n )}\r\n />\r\n <span className=\"sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background\" />\r\n </span>\r\n );\r\n}\r\n"],"mappings":";;;;AAQA,MAAMA,UAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,QAAQ,EACtB,UAAU,QACV,OAAO,MACP,aACe;AACf,KAAI,YAAY,OACd,QACE,qBAAC;EACC,WAAW,GAAG,2CAA2C,UAAU;EACnE,cAAW;;GAEX,oBAAC,UACC,WAAW,GACT,gFACA,2BACD,GACK;GACR,oBAAC,UACC,WAAW,GACT,gFACA,2BACD,GACK;GACR,oBAAC,UACC,WAAW,GACT,2DACD,GACK;;GACH;AAIX,QACE,qBAAC;EACC,MAAK;EACL,cAAW;EACX,WAAW,GACT,mDACA,QAAQ,OACR,UACD;aAED,oBAAC,UACC,WAAW,GACT,0DACA,gIACA,qEACD,GACD,EACF,oBAAC,UAAK,WAAU,gEAAgE;GAC3E"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_utils = require('../../../../utils.cjs');
|
|
3
|
-
let react = require("react");
|
|
4
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
5
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
7
|
-
let class_variance_authority = require("class-variance-authority");
|
|
8
|
-
class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
|
|
9
|
-
let __radix_ui_react_slot = require("@radix-ui/react-slot");
|
|
10
|
-
__radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
|
|
11
|
-
|
|
12
|
-
//#region src/components/server/primitives/stack/stack.tsx
|
|
13
|
-
const stackVariants = (0, class_variance_authority.cva)("sg:flex sg:flex-col", {
|
|
14
|
-
variants: { gap: {
|
|
15
|
-
0: "",
|
|
16
|
-
1: "sg:gap-1",
|
|
17
|
-
2: "sg:gap-2",
|
|
18
|
-
3: "sg:gap-3",
|
|
19
|
-
4: "sg:gap-4",
|
|
20
|
-
5: "sg:gap-5",
|
|
21
|
-
6: "sg:gap-6",
|
|
22
|
-
7: "sg:gap-7",
|
|
23
|
-
8: "sg:gap-8",
|
|
24
|
-
9: "sg:gap-9",
|
|
25
|
-
10: "sg:gap-10"
|
|
26
|
-
} },
|
|
27
|
-
defaultVariants: { gap: 0 }
|
|
28
|
-
});
|
|
29
|
-
const Stack = react.forwardRef(({ className, gap, asChild = false,...props }, ref) => {
|
|
30
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
|
|
31
|
-
className: require_utils.cn(stackVariants({ gap }), className),
|
|
32
|
-
ref,
|
|
33
|
-
...props
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
Stack.displayName = "Stack";
|
|
37
|
-
|
|
38
|
-
//#endregion
|
|
39
|
-
exports.Stack = Stack;
|
|
40
|
-
exports.stackVariants = stackVariants;
|
|
41
|
-
//# sourceMappingURL=stack.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stack.cjs","names":["React","Slot","cn"],"sources":["../../../../../src/components/server/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 },\r\n },\r\n defaultVariants: {\r\n gap: 0,\r\n },\r\n});\r\n\r\nexport interface StackProps\r\n extends 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 ({ className, gap, asChild = false, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"div\";\r\n return (\r\n <Comp\r\n className={cn(stackVariants({ gap }), className)}\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":";;;;;;;;;;;;AAKA,MAAM,kDAAoB,uBAAuB;CAC/C,UAAU,EACR,KAAK;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAI;EACL,EACF;CACD,iBAAiB,EACf,KAAK,GACN;CACF,CAAC;AAQF,MAAM,QAAQA,MAAM,YACjB,EAAE,WAAW,KAAK,UAAU,MAAO,GAAG,SAAS,QAAQ;AAEtD,QACE,2CAFW,UAAUC,6BAAO;EAG1B,WAAWC,iBAAG,cAAc,EAAE,KAAK,CAAC,EAAE,UAAU;EAC3C;EACL,GAAI;GACJ;EAGP;AACD,MAAM,cAAc"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React$1 from "react";
|
|
2
|
-
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
3
|
-
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
|
|
5
|
-
//#region src/components/server/primitives/stack/stack.d.ts
|
|
6
|
-
declare const stackVariants: (props?: ({
|
|
7
|
-
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
|
|
8
|
-
} & class_variance_authority_types4.ClassProp) | undefined) => string;
|
|
9
|
-
interface StackProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
|
|
10
|
-
asChild?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
//#endregion
|
|
14
|
-
export { Stack, StackProps, stackVariants };
|
|
15
|
-
//# sourceMappingURL=stack.d.cts.map
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React$1 from "react";
|
|
2
|
-
import { VariantProps } from "class-variance-authority";
|
|
3
|
-
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
4
|
-
|
|
5
|
-
//#region src/components/server/primitives/stack/stack.d.ts
|
|
6
|
-
declare const stackVariants: (props?: ({
|
|
7
|
-
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
|
|
8
|
-
} & class_variance_authority_types4.ClassProp) | undefined) => string;
|
|
9
|
-
interface StackProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
|
|
10
|
-
asChild?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
//#endregion
|
|
14
|
-
export { Stack, StackProps, stackVariants };
|
|
15
|
-
//# sourceMappingURL=stack.d.ts.map
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { cn } from "../../../../utils.js";
|
|
2
|
-
import * as React$1 from "react";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { cva } from "class-variance-authority";
|
|
5
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
6
|
-
|
|
7
|
-
//#region src/components/server/primitives/stack/stack.tsx
|
|
8
|
-
const stackVariants = cva("sg:flex sg:flex-col", {
|
|
9
|
-
variants: { gap: {
|
|
10
|
-
0: "",
|
|
11
|
-
1: "sg:gap-1",
|
|
12
|
-
2: "sg:gap-2",
|
|
13
|
-
3: "sg:gap-3",
|
|
14
|
-
4: "sg:gap-4",
|
|
15
|
-
5: "sg:gap-5",
|
|
16
|
-
6: "sg:gap-6",
|
|
17
|
-
7: "sg:gap-7",
|
|
18
|
-
8: "sg:gap-8",
|
|
19
|
-
9: "sg:gap-9",
|
|
20
|
-
10: "sg:gap-10"
|
|
21
|
-
} },
|
|
22
|
-
defaultVariants: { gap: 0 }
|
|
23
|
-
});
|
|
24
|
-
const Stack = React$1.forwardRef(({ className, gap, asChild = false,...props }, ref) => {
|
|
25
|
-
return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
|
|
26
|
-
className: cn(stackVariants({ gap }), className),
|
|
27
|
-
ref,
|
|
28
|
-
...props
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
Stack.displayName = "Stack";
|
|
32
|
-
|
|
33
|
-
//#endregion
|
|
34
|
-
export { Stack, stackVariants };
|
|
35
|
-
//# sourceMappingURL=stack.js.map
|