singularity-components 0.1.140 → 0.1.151
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -0
- package/dist/components/blocks/cards/blogpost-card.d.ts +8 -0
- package/dist/components/blocks/cards/blogpost-card.js +65 -0
- package/dist/components/blocks/cards/blogpost-card.js.map +1 -0
- package/dist/components/blocks/cards/card.d.ts +14 -0
- package/dist/components/blocks/cards/card.js +86 -0
- package/dist/components/blocks/cards/card.js.map +1 -0
- package/dist/components/blocks/index.d.ts +3 -0
- package/dist/components/blocks/index.js +3 -0
- package/dist/components/blocks/index.js.map +1 -0
- package/dist/components/index.d.ts +9 -6
- package/dist/components/index.js +4 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/primitives/badge/badge.d.ts +12 -4
- package/dist/components/primitives/badge/badge.js +14 -14
- package/dist/components/primitives/badge/badge.js.map +1 -1
- package/dist/components/primitives/button/button.d.ts +12 -7
- package/dist/components/primitives/button/button.js +46 -15
- package/dist/components/primitives/button/button.js.map +1 -1
- package/dist/components/primitives/icon/icon.d.ts +2 -2
- package/dist/components/primitives/icon/icon.js +6 -12
- package/dist/components/primitives/icon/icon.js.map +1 -1
- package/dist/components/primitives/index.d.ts +6 -4
- package/dist/components/primitives/index.js +2 -0
- package/dist/components/primitives/index.js.map +1 -1
- package/dist/components/primitives/layout/layout.d.ts +3 -2
- package/dist/components/primitives/layout/layout.js +7 -6
- package/dist/components/primitives/layout/layout.js.map +1 -1
- package/dist/components/primitives/link/link-button.d.ts +13 -0
- package/dist/components/primitives/link/link-button.js +21 -0
- package/dist/components/primitives/link/link-button.js.map +1 -0
- package/dist/components/primitives/link/link.d.ts +36 -0
- package/dist/components/primitives/link/link.js +56 -0
- package/dist/components/primitives/link/link.js.map +1 -0
- package/dist/components/primitives/stack/stack.d.ts +2 -1
- package/dist/components/primitives/stack/stack.js +15 -4
- package/dist/components/primitives/stack/stack.js.map +1 -1
- package/dist/components/primitives/text/internal/text-element.d.ts +25 -3
- package/dist/components/primitives/text/internal/text-element.js +20 -12
- package/dist/components/primitives/text/internal/text-element.js.map +1 -1
- package/dist/components/primitives/text/text-div.d.ts +1 -1
- package/dist/components/primitives/text/text-div.js.map +1 -1
- package/dist/components/primitives/text/text-heading.js +7 -7
- package/dist/components/primitives/text/text-heading.js.map +1 -1
- package/dist/components/primitives/text/text-paragraph.d.ts +8 -2
- package/dist/components/primitives/text/text-paragraph.js +12 -1
- package/dist/components/primitives/text/text-paragraph.js.map +1 -1
- package/dist/components/primitives/text/text-span.js.map +1 -1
- package/dist/components/primitives/text/text-time.js.map +1 -1
- package/dist/components/primitives/ui-image.js +2 -5
- package/dist/components/primitives/ui-image.js.map +1 -1
- package/dist/components/primitives/ui-link.d.ts +4 -2
- package/dist/components/primitives/ui-link.js +5 -11
- package/dist/components/primitives/ui-link.js.map +1 -1
- package/dist/components/sections/body/body.d.ts +19 -0
- package/dist/components/sections/body/body.js +49 -0
- package/dist/components/sections/body/body.js.map +1 -0
- package/dist/components/sections/footer/footer.d.ts +12 -0
- package/dist/components/sections/footer/footer.js +59 -0
- package/dist/components/sections/footer/footer.js.map +1 -0
- package/dist/components/sections/hero/hero.d.ts +6 -0
- package/dist/components/sections/hero/hero.js +271 -0
- package/dist/components/sections/hero/hero.js.map +1 -0
- package/dist/components/sections/index.d.ts +3 -0
- package/dist/components/sections/index.js +4 -0
- package/dist/components/sections/index.js.map +1 -0
- package/dist/components/templates/blogpost/blogpost.d.ts +5 -0
- package/dist/components/templates/blogpost/blogpost.js +173 -0
- package/dist/components/templates/blogpost/blogpost.js.map +1 -0
- package/dist/components/templates/index.d.ts +3 -0
- package/dist/components/templates/index.js +3 -0
- package/dist/components/templates/index.js.map +1 -0
- package/dist/components/templates/startpage/startpage.d.ts +5 -0
- package/dist/components/templates/startpage/startpage.js +48 -0
- package/dist/components/templates/startpage/startpage.js.map +1 -0
- package/dist/components/units/index.d.ts +2 -5
- package/dist/components/units/index.js +0 -3
- package/dist/components/units/index.js.map +1 -1
- package/dist/css/variables.css +75 -73
- package/dist/css/variables.css.map +1 -1
- package/dist/data/posts.d.ts +20 -0
- package/dist/data/posts.js +266 -0
- package/dist/data/posts.js.map +1 -0
- package/dist/index.d.ts +9 -6
- package/dist/lib/hooks/useIsClient.d.ts +3 -0
- package/dist/lib/hooks/useIsClient.js +14 -0
- package/dist/lib/hooks/useIsClient.js.map +1 -0
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.js +1 -0
- package/dist/lib/index.js.map +1 -1
- package/dist/main.css +712 -584
- package/dist/main.css.map +1 -1
- package/dist/utils.js.map +1 -1
- package/package.json +35 -24
- package/dist/components/primitives/accordion/accordion.stories.d.ts +0 -15
- package/dist/components/primitives/accordion/accordion.stories.js +0 -60
- package/dist/components/primitives/accordion/accordion.stories.js.map +0 -1
- package/dist/components/primitives/alert/alert.stories.d.ts +0 -22
- package/dist/components/primitives/alert/alert.stories.js +0 -37
- package/dist/components/primitives/alert/alert.stories.js.map +0 -1
- package/dist/components/primitives/button/button.stories.d.ts +0 -34
- package/dist/components/primitives/button/button.stories.js +0 -74
- package/dist/components/primitives/button/button.stories.js.map +0 -1
- package/dist/components/primitives/button/button_with_icon_variant.d.ts +0 -2
- package/dist/components/primitives/button/button_with_icon_variant.js +0 -1
- package/dist/components/primitives/button/button_with_icon_variant.js.map +0 -1
- package/dist/components/primitives/icon/icon.stories.d.ts +0 -27
- package/dist/components/primitives/icon/icon.stories.js +0 -30
- package/dist/components/primitives/icon/icon.stories.js.map +0 -1
- package/dist/components/primitives/layout/layout.stories.d.ts +0 -32
- package/dist/components/primitives/layout/layout.stories.js +0 -72
- package/dist/components/primitives/layout/layout.stories.js.map +0 -1
- package/dist/components/primitives/separator/separator.stories.d.ts +0 -15
- package/dist/components/primitives/separator/separator.stories.js +0 -18
- package/dist/components/primitives/separator/separator.stories.js.map +0 -1
- package/dist/components/primitives/skeleton/skeleton.stories.d.ts +0 -13
- package/dist/components/primitives/skeleton/skeleton.stories.js +0 -16
- package/dist/components/primitives/skeleton/skeleton.stories.js.map +0 -1
- package/dist/components/primitives/spinner/spinner.stories.d.ts +0 -16
- package/dist/components/primitives/spinner/spinner.stories.js +0 -34
- package/dist/components/primitives/spinner/spinner.stories.js.map +0 -1
- package/dist/components/primitives/stack/stack.stories.d.ts +0 -13
- package/dist/components/primitives/stack/stack.stories.js +0 -26
- package/dist/components/primitives/stack/stack.stories.js.map +0 -1
- package/dist/components/primitives/text/text-div.stories.d.ts +0 -32
- package/dist/components/primitives/text/text-div.stories.js +0 -59
- package/dist/components/primitives/text/text-div.stories.js.map +0 -1
- package/dist/components/primitives/text/text-heading.stories.d.ts +0 -27
- package/dist/components/primitives/text/text-heading.stories.js +0 -47
- package/dist/components/primitives/text/text-heading.stories.js.map +0 -1
- package/dist/components/primitives/text/text-span.stories.d.ts +0 -31
- package/dist/components/primitives/text/text-span.stories.js +0 -59
- package/dist/components/primitives/text/text-span.stories.js.map +0 -1
- package/dist/components/units/cards/blog-card.d.ts +0 -19
- package/dist/components/units/cards/blog-card.js +0 -82
- package/dist/components/units/cards/blog-card.js.map +0 -1
- package/dist/components/units/cards/card.d.ts +0 -15
- package/dist/components/units/cards/card.js +0 -89
- package/dist/components/units/cards/card.js.map +0 -1
- package/dist/components/units/cards/cards.d.ts +0 -17
- package/dist/components/units/cards/cards.js +0 -37
- package/dist/components/units/cards/cards.js.map +0 -1
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { TextDiv } from "./text-div";
|
|
2
|
-
import { textElementVariants } from "./internal/text-element";
|
|
3
|
-
const meta = {
|
|
4
|
-
component: TextDiv,
|
|
5
|
-
title: "Text Div",
|
|
6
|
-
argTypes: {
|
|
7
|
-
fontweight: {
|
|
8
|
-
options: Object.keys(textElementVariants.fontweight)
|
|
9
|
-
},
|
|
10
|
-
foreground: {
|
|
11
|
-
options: Object.keys(textElementVariants.foreground)
|
|
12
|
-
},
|
|
13
|
-
size: {
|
|
14
|
-
options: Object.keys(textElementVariants.size)
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
var text_div_stories_default = meta;
|
|
19
|
-
const sm = {
|
|
20
|
-
args: {
|
|
21
|
-
size: "sm",
|
|
22
|
-
children: "sm"
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
const md = {
|
|
26
|
-
args: {
|
|
27
|
-
size: "md",
|
|
28
|
-
children: "md"
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const base = {
|
|
32
|
-
args: {
|
|
33
|
-
size: "base",
|
|
34
|
-
children: "base"
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
const lg = {
|
|
38
|
-
args: {
|
|
39
|
-
size: "lg",
|
|
40
|
-
children: "lg"
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
const lg_gradient = {
|
|
44
|
-
args: {
|
|
45
|
-
size: "lg",
|
|
46
|
-
children: "primary-light-to-dark",
|
|
47
|
-
foreground: "primary-light-to-dark",
|
|
48
|
-
fontweight: "bold"
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
export {
|
|
52
|
-
base,
|
|
53
|
-
text_div_stories_default as default,
|
|
54
|
-
lg,
|
|
55
|
-
lg_gradient,
|
|
56
|
-
md,
|
|
57
|
-
sm
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=text-div.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-div.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextDiv } from \"./text-div\";\nimport { textElementVariants } from \"./internal/text-element\";\n\nconst meta = {\n component: TextDiv,\n title: \"Text Div\",\n argTypes: {\n fontweight: {\n options: Object.keys(textElementVariants.fontweight),\n },\n foreground: {\n options: Object.keys(textElementVariants.foreground),\n },\n size: {\n options: Object.keys(textElementVariants.size),\n },\n },\n} satisfies Meta<typeof TextDiv>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const sm: Story = {\n args: {\n size: \"sm\",\n children: \"sm\",\n },\n};\n\nexport const md: Story = {\n args: {\n size: \"md\",\n children: \"md\",\n },\n};\n\nexport const base: Story = {\n args: {\n size: \"base\",\n children: \"base\",\n },\n};\n\nexport const lg: Story = {\n args: {\n size: \"lg\",\n children: \"lg\",\n },\n};\n\nexport const lg_gradient: Story = {\n args: {\n size: \"lg\",\n children: \"primary-light-to-dark\",\n foreground: \"primary-light-to-dark\",\n fontweight: \"bold\",\n },\n};\n"],"mappings":"AACA,SAAS,eAAe;AACxB,SAAS,2BAA2B;AAEpC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,oBAAoB,IAAI;AAAA,IAC/C;AAAA,EACF;AACF;AACA,IAAO,2BAAQ;AAIR,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF;","names":[]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { TextHeadingProps } from './text-heading.js';
|
|
3
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
4
|
-
import 'class-variance-authority/types';
|
|
5
|
-
import 'class-variance-authority';
|
|
6
|
-
import './internal/text-element.js';
|
|
7
|
-
import 'react';
|
|
8
|
-
|
|
9
|
-
declare const meta: {
|
|
10
|
-
component: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
|
|
11
|
-
title: string;
|
|
12
|
-
argTypes: {
|
|
13
|
-
foreground: {
|
|
14
|
-
options: string[];
|
|
15
|
-
};
|
|
16
|
-
variant: {
|
|
17
|
-
options: string[];
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
type Story = StoryObj<typeof meta>;
|
|
22
|
-
declare const h1: Story;
|
|
23
|
-
declare const h2: Story;
|
|
24
|
-
declare const h3: Story;
|
|
25
|
-
declare const h4: Story;
|
|
26
|
-
|
|
27
|
-
export { meta as default, h1, h2, h3, h4 };
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { TextHeading, textHeadingVariants } from "./text-heading";
|
|
2
|
-
import { textElementForeground } from "./internal/text-element";
|
|
3
|
-
const meta = {
|
|
4
|
-
component: TextHeading,
|
|
5
|
-
title: "Text Heading",
|
|
6
|
-
argTypes: {
|
|
7
|
-
foreground: {
|
|
8
|
-
options: Object.keys(textElementForeground)
|
|
9
|
-
},
|
|
10
|
-
variant: {
|
|
11
|
-
options: Object.keys(textHeadingVariants.variant)
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const h1 = {
|
|
16
|
-
args: {
|
|
17
|
-
variant: "h1",
|
|
18
|
-
children: "h1",
|
|
19
|
-
as: "h1"
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
const h2 = {
|
|
23
|
-
args: {
|
|
24
|
-
children: "h2"
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const h3 = {
|
|
28
|
-
args: {
|
|
29
|
-
variant: "h3",
|
|
30
|
-
children: "h3"
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
const h4 = {
|
|
34
|
-
args: {
|
|
35
|
-
variant: "h4",
|
|
36
|
-
children: "h4"
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
var text_heading_stories_default = meta;
|
|
40
|
-
export {
|
|
41
|
-
text_heading_stories_default as default,
|
|
42
|
-
h1,
|
|
43
|
-
h2,
|
|
44
|
-
h3,
|
|
45
|
-
h4
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=text-heading.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-heading.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextHeading, textHeadingVariants } from \"./text-heading\";\nimport { textElementForeground } from \"./internal/text-element\";\n\nconst meta = {\n component: TextHeading,\n title: \"Text Heading\",\n argTypes: {\n foreground: {\n options: Object.keys(textElementForeground),\n },\n variant: {\n options: Object.keys(textHeadingVariants.variant),\n },\n },\n} satisfies Meta<typeof TextHeading>;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const h1: Story = {\n args: {\n variant: \"h1\",\n children: \"h1\",\n as: \"h1\",\n },\n};\n\nexport const h2: Story = {\n args: {\n children: \"h2\",\n },\n};\n\nexport const h3: Story = {\n args: {\n variant: \"h3\",\n children: \"h3\",\n },\n};\n\nexport const h4: Story = {\n args: {\n variant: \"h4\",\n children: \"h4\",\n },\n};\n\nexport default meta;\n"],"mappings":"AACA,SAAS,aAAa,2BAA2B;AACjD,SAAS,6BAA6B;AAEtC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,qBAAqB;AAAA,IAC5C;AAAA,IACA,SAAS;AAAA,MACP,SAAS,OAAO,KAAK,oBAAoB,OAAO;AAAA,IAClD;AAAA,EACF;AACF;AAIO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,IAAI;AAAA,EACN;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;AAEA,IAAO,+BAAQ;","names":[]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { OmitClassProperty } from '../../../lib/types.js';
|
|
3
|
-
import { TextElementProps } from './internal/text-element.js';
|
|
4
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
5
|
-
import 'class-variance-authority/types';
|
|
6
|
-
import 'react';
|
|
7
|
-
import 'class-variance-authority';
|
|
8
|
-
|
|
9
|
-
declare const meta: {
|
|
10
|
-
component: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
11
|
-
title: string;
|
|
12
|
-
argTypes: {
|
|
13
|
-
fontweight: {
|
|
14
|
-
options: string[];
|
|
15
|
-
};
|
|
16
|
-
foreground: {
|
|
17
|
-
options: string[];
|
|
18
|
-
};
|
|
19
|
-
size: {
|
|
20
|
-
options: string[];
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
type Story = StoryObj<typeof meta>;
|
|
25
|
-
declare const sm: Story;
|
|
26
|
-
declare const md: Story;
|
|
27
|
-
declare const base: Story;
|
|
28
|
-
declare const lg: Story;
|
|
29
|
-
declare const lg_gradient: Story;
|
|
30
|
-
|
|
31
|
-
export { base, meta as default, lg, lg_gradient, md, sm };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { TextSpan } from "./text-span";
|
|
2
|
-
import { textElementVariants } from "./internal/text-element";
|
|
3
|
-
const meta = {
|
|
4
|
-
component: TextSpan,
|
|
5
|
-
title: "Text Span",
|
|
6
|
-
argTypes: {
|
|
7
|
-
fontweight: {
|
|
8
|
-
options: Object.keys(textElementVariants.fontweight)
|
|
9
|
-
},
|
|
10
|
-
foreground: {
|
|
11
|
-
options: Object.keys(textElementVariants.foreground)
|
|
12
|
-
},
|
|
13
|
-
size: {
|
|
14
|
-
options: Object.keys(textElementVariants.size)
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
const sm = {
|
|
19
|
-
args: {
|
|
20
|
-
size: "sm",
|
|
21
|
-
children: "sm"
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
const md = {
|
|
25
|
-
args: {
|
|
26
|
-
size: "md",
|
|
27
|
-
children: "md"
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const base = {
|
|
31
|
-
args: {
|
|
32
|
-
size: "base",
|
|
33
|
-
children: "base"
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
const lg = {
|
|
37
|
-
args: {
|
|
38
|
-
size: "lg",
|
|
39
|
-
children: "lg"
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
const lg_gradient = {
|
|
43
|
-
args: {
|
|
44
|
-
size: "lg",
|
|
45
|
-
children: "primary-light-to-dark",
|
|
46
|
-
foreground: "primary-light-to-dark",
|
|
47
|
-
fontweight: "bold"
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
var text_span_stories_default = meta;
|
|
51
|
-
export {
|
|
52
|
-
base,
|
|
53
|
-
text_span_stories_default as default,
|
|
54
|
-
lg,
|
|
55
|
-
lg_gradient,
|
|
56
|
-
md,
|
|
57
|
-
sm
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=text-span.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/primitives/text/text-span.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { TextSpan } from \"./text-span\";\nimport { textElementVariants } from \"./internal/text-element\";\n\nconst meta = {\n component: TextSpan,\n title: \"Text Span\",\n argTypes: {\n fontweight: {\n options: Object.keys(textElementVariants.fontweight),\n },\n foreground: {\n options: Object.keys(textElementVariants.foreground),\n },\n size: {\n options: Object.keys(textElementVariants.size),\n },\n },\n} satisfies Meta<typeof TextSpan>;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const sm: Story = {\n args: {\n size: \"sm\",\n children: \"sm\",\n },\n};\n\nexport const md: Story = {\n args: {\n size: \"md\",\n children: \"md\",\n },\n};\n\nexport const base: Story = {\n args: {\n size: \"base\",\n children: \"base\",\n },\n};\n\nexport const lg: Story = {\n args: {\n size: \"lg\",\n children: \"lg\",\n },\n};\n\nexport const lg_gradient: Story = {\n args: {\n size: \"lg\",\n children: \"primary-light-to-dark\",\n foreground: \"primary-light-to-dark\",\n fontweight: \"bold\",\n },\n};\n\nexport default meta;\n"],"mappings":"AACA,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AAEpC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,YAAY;AAAA,MACV,SAAS,OAAO,KAAK,oBAAoB,UAAU;AAAA,IACrD;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,oBAAoB,IAAI;AAAA,IAC/C;AAAA,EACF;AACF;AAIO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF;AAEA,IAAO,4BAAQ;","names":[]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
|
|
3
|
-
interface BlogPost {
|
|
4
|
-
id: number;
|
|
5
|
-
title: string;
|
|
6
|
-
excerpt: string;
|
|
7
|
-
author: string;
|
|
8
|
-
date: Date;
|
|
9
|
-
readTime: string;
|
|
10
|
-
category: string;
|
|
11
|
-
image: string;
|
|
12
|
-
}
|
|
13
|
-
interface BlogCardProps {
|
|
14
|
-
post: BlogPost;
|
|
15
|
-
showServerSideDefaultImageComponent?: boolean;
|
|
16
|
-
}
|
|
17
|
-
declare function BlogCard({ post, showServerSideDefaultImageComponent, }: BlogCardProps): react_jsx_runtime.JSX.Element;
|
|
18
|
-
|
|
19
|
-
export { type BlogPost, BlogCard as default };
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ArrowRight, Clock, User } from "lucide-react";
|
|
3
|
-
import { TextHeading } from "../../primitives/text/text-heading";
|
|
4
|
-
import { Card, CardContent } from "./card";
|
|
5
|
-
import { Badge } from "../../primitives/badge/badge";
|
|
6
|
-
import { TextSpan } from "../../primitives/text/text-span";
|
|
7
|
-
import { Button } from "../../primitives/button/button";
|
|
8
|
-
import { TextParagraph } from "../../primitives/text/text-paragraph";
|
|
9
|
-
import { formatDate } from "../../../lib";
|
|
10
|
-
import { UiImage } from "../../primitives/ui-image";
|
|
11
|
-
import { UiLink } from "../../primitives";
|
|
12
|
-
function BlogCard({
|
|
13
|
-
post,
|
|
14
|
-
showServerSideDefaultImageComponent
|
|
15
|
-
}) {
|
|
16
|
-
return /* @__PURE__ */ jsxs(
|
|
17
|
-
Card,
|
|
18
|
-
{
|
|
19
|
-
className: "sg:group sg:overflow-hidden sg:hover:shadow-lg sg:transition-all sg:duration-300 sg:flex sg:flex-col",
|
|
20
|
-
children: [
|
|
21
|
-
/* @__PURE__ */ jsxs("div", { className: "sg:relative sg:h-48 sg:overflow-hidden", children: [
|
|
22
|
-
/* @__PURE__ */ jsx(
|
|
23
|
-
UiImage,
|
|
24
|
-
{
|
|
25
|
-
src: post.image,
|
|
26
|
-
alt: post.title,
|
|
27
|
-
className: "sg:w-full sg:h-full sg:object-cover sg:transition-transform sg:duration-300 sg:group-hover:scale-110",
|
|
28
|
-
fill: "true",
|
|
29
|
-
showServerSideDefaultImageComponent
|
|
30
|
-
}
|
|
31
|
-
),
|
|
32
|
-
/* @__PURE__ */ jsx(
|
|
33
|
-
"div",
|
|
34
|
-
{
|
|
35
|
-
className: `sg:absolute sg:inset-0 sg:opacity-20 sg:group-hover:opacity-30 sg:transition-opacity`
|
|
36
|
-
}
|
|
37
|
-
),
|
|
38
|
-
/* @__PURE__ */ jsx(Badge, { className: "sg:absolute sg:top-4 sg:left-4", children: post.category })
|
|
39
|
-
] }),
|
|
40
|
-
/* @__PURE__ */ jsxs(CardContent, { className: "sg:p-6 sg:flex-1 sg:flex sg:flex-col", children: [
|
|
41
|
-
/* @__PURE__ */ jsx(
|
|
42
|
-
TextHeading,
|
|
43
|
-
{
|
|
44
|
-
variant: "h3",
|
|
45
|
-
className: "sg:mb-2 sg:group-hover:text-primary sg:transition-colors",
|
|
46
|
-
children: post.title
|
|
47
|
-
}
|
|
48
|
-
),
|
|
49
|
-
/* @__PURE__ */ jsx(TextParagraph, { foreground: "muted", className: "sg:mb-4 sg:flex-1", children: post.excerpt }),
|
|
50
|
-
/* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-4 sg:mb-4", children: [
|
|
51
|
-
/* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-1", children: [
|
|
52
|
-
/* @__PURE__ */ jsx(User, { className: "h-4 w-4" }),
|
|
53
|
-
/* @__PURE__ */ jsx(TextSpan, { size: "sm", foreground: "muted", children: post.author })
|
|
54
|
-
] }),
|
|
55
|
-
/* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-1", children: [
|
|
56
|
-
/* @__PURE__ */ jsx(Clock, { className: "sg:h-4 sg:w-4" }),
|
|
57
|
-
/* @__PURE__ */ jsx(TextSpan, { size: "sm", foreground: "muted", children: post.readTime })
|
|
58
|
-
] })
|
|
59
|
-
] }),
|
|
60
|
-
/* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:justify-between", children: [
|
|
61
|
-
/* @__PURE__ */ jsx(TextSpan, { size: "sm", foreground: "muted", children: formatDate(post.date) }),
|
|
62
|
-
/* @__PURE__ */ jsx(
|
|
63
|
-
Button,
|
|
64
|
-
{
|
|
65
|
-
nativeButton: false,
|
|
66
|
-
render: /* @__PURE__ */ jsxs(UiLink, { href: `${post.id}`, children: [
|
|
67
|
-
"Read More ",
|
|
68
|
-
/* @__PURE__ */ jsx(ArrowRight, { "data-icon": "inline-end" })
|
|
69
|
-
] })
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
] })
|
|
73
|
-
] })
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
|
-
post.id
|
|
77
|
-
);
|
|
78
|
-
}
|
|
79
|
-
export {
|
|
80
|
-
BlogCard as default
|
|
81
|
-
};
|
|
82
|
-
//# sourceMappingURL=blog-card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/units/cards/blog-card.tsx"],"sourcesContent":["import { ArrowRight, Clock, User } from \"lucide-react\";\r\nimport { TextHeading } from \"../../primitives/text/text-heading\";\r\nimport { Card, CardContent } from \"./card\";\r\nimport { Badge } from \"../../primitives/badge/badge\";\r\nimport { TextSpan } from \"../../primitives/text/text-span\";\r\nimport { Button } from \"../../primitives/button/button\";\r\nimport { TextParagraph } from \"../../primitives/text/text-paragraph\";\r\nimport { formatDate } from \"../../../lib\";\r\nimport { UiImage } from \"../../primitives/ui-image\";\r\nimport { UiLink } from \"../../primitives\";\r\n\r\nexport interface BlogPost {\r\n id: number;\r\n title: string;\r\n excerpt: string;\r\n author: string;\r\n date: Date;\r\n readTime: string;\r\n category: string;\r\n image: string;\r\n}\r\n\r\ninterface BlogCardProps {\r\n post: BlogPost;\r\n showServerSideDefaultImageComponent?: boolean;\r\n}\r\n\r\nexport default function BlogCard({\r\n post,\r\n showServerSideDefaultImageComponent,\r\n}: BlogCardProps) {\r\n return (\r\n <Card\r\n key={post.id}\r\n className=\"sg:group sg:overflow-hidden sg:hover:shadow-lg sg:transition-all sg:duration-300 sg:flex sg:flex-col\"\r\n >\r\n <div className=\"sg:relative sg:h-48 sg:overflow-hidden\">\r\n <UiImage\r\n src={post.image}\r\n alt={post.title}\r\n className=\"sg:w-full sg:h-full sg:object-cover sg:transition-transform sg:duration-300 sg:group-hover:scale-110\"\r\n fill=\"true\"\r\n showServerSideDefaultImageComponent={\r\n showServerSideDefaultImageComponent\r\n }\r\n />\r\n <div\r\n className={`sg:absolute sg:inset-0 sg:opacity-20 sg:group-hover:opacity-30 sg:transition-opacity`}\r\n />\r\n <Badge className=\"sg:absolute sg:top-4 sg:left-4\">\r\n {post.category}\r\n </Badge>\r\n </div>\r\n\r\n {/* Content */}\r\n <CardContent className=\"sg:p-6 sg:flex-1 sg:flex sg:flex-col\">\r\n <TextHeading\r\n variant=\"h3\"\r\n className=\"sg:mb-2 sg:group-hover:text-primary sg:transition-colors\"\r\n >\r\n {post.title}\r\n </TextHeading>\r\n <TextParagraph foreground=\"muted\" className=\"sg:mb-4 sg:flex-1\">\r\n {post.excerpt}\r\n </TextParagraph>\r\n\r\n {/* Meta */}\r\n <div className=\"sg:flex sg:items-center sg:gap-4 sg:mb-4\">\r\n <div className=\"sg:flex sg:items-center sg:gap-1\">\r\n <User className=\"h-4 w-4\" />\r\n <TextSpan size=\"sm\" foreground=\"muted\">\r\n {post.author}\r\n </TextSpan>\r\n </div>\r\n <div className=\"sg:flex sg:items-center sg:gap-1\">\r\n <Clock className=\"sg:h-4 sg:w-4\" />\r\n <TextSpan size=\"sm\" foreground=\"muted\">\r\n {post.readTime}\r\n </TextSpan>\r\n </div>\r\n </div>\r\n\r\n <div className=\"sg:flex sg:items-center sg:justify-between\">\r\n <TextSpan size=\"sm\" foreground=\"muted\">\r\n {formatDate(post.date)}\r\n </TextSpan>\r\n <Button\r\n nativeButton={false}\r\n render={\r\n <UiLink href={`${post.id}`}>\r\n Read More <ArrowRight data-icon=\"inline-end\" />\r\n </UiLink>\r\n }\r\n />\r\n </div>\r\n </CardContent>\r\n </Card>\r\n );\r\n}\r\n"],"mappings":"AAoCM,SACE,KADF;AApCN,SAAS,YAAY,OAAO,YAAY;AACxC,SAAS,mBAAmB;AAC5B,SAAS,MAAM,mBAAmB;AAClC,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,cAAc;AAkBR,SAAR,SAA0B;AAAA,EAC/B;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,0CACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,KAAK;AAAA,cACV,KAAK,KAAK;AAAA,cACV,WAAU;AAAA,cACV,MAAK;AAAA,cACL;AAAA;AAAA,UAGF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA;AAAA,UACb;AAAA,UACA,oBAAC,SAAM,WAAU,kCACd,eAAK,UACR;AAAA,WACF;AAAA,QAGA,qBAAC,eAAY,WAAU,wCACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cAET,eAAK;AAAA;AAAA,UACR;AAAA,UACA,oBAAC,iBAAc,YAAW,SAAQ,WAAU,qBACzC,eAAK,SACR;AAAA,UAGA,qBAAC,SAAI,WAAU,4CACb;AAAA,iCAAC,SAAI,WAAU,oCACb;AAAA,kCAAC,QAAK,WAAU,WAAU;AAAA,cAC1B,oBAAC,YAAS,MAAK,MAAK,YAAW,SAC5B,eAAK,QACR;AAAA,eACF;AAAA,YACA,qBAAC,SAAI,WAAU,oCACb;AAAA,kCAAC,SAAM,WAAU,iBAAgB;AAAA,cACjC,oBAAC,YAAS,MAAK,MAAK,YAAW,SAC5B,eAAK,UACR;AAAA,eACF;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,8CACb;AAAA,gCAAC,YAAS,MAAK,MAAK,YAAW,SAC5B,qBAAW,KAAK,IAAI,GACvB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,cAAc;AAAA,gBACd,QACE,qBAAC,UAAO,MAAM,GAAG,KAAK,EAAE,IAAI;AAAA;AAAA,kBAChB,oBAAC,cAAW,aAAU,cAAa;AAAA,mBAC/C;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA,WACF;AAAA;AAAA;AAAA,IA9DK,KAAK;AAAA,EA+DZ;AAEJ;","names":[]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
-
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
interface CardImageProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
-
src: string;
|
|
9
|
-
alt?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
|
|
15
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle };
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../../../utils";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5
|
-
"div",
|
|
6
|
-
{
|
|
7
|
-
ref,
|
|
8
|
-
className: cn(
|
|
9
|
-
"sg:rounded-xl sg:bg-card sg:text-card-foreground sg:group sg:overflow-hidden sg:border-0 sg:bg-linear-to-br sg:from-background sg:to-background/60 sg:shadow-lg sg:ring-1 sg:ring-gray/60",
|
|
10
|
-
className
|
|
11
|
-
),
|
|
12
|
-
...props
|
|
13
|
-
}
|
|
14
|
-
));
|
|
15
|
-
Card.displayName = "Card";
|
|
16
|
-
const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
17
|
-
"div",
|
|
18
|
-
{
|
|
19
|
-
ref,
|
|
20
|
-
className: cn("sg:flex sg:flex-col sg:space-y-1.5 sg:p-6", className),
|
|
21
|
-
...props
|
|
22
|
-
}
|
|
23
|
-
));
|
|
24
|
-
CardHeader.displayName = "CardHeader";
|
|
25
|
-
const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
26
|
-
"div",
|
|
27
|
-
{
|
|
28
|
-
ref,
|
|
29
|
-
className: cn(
|
|
30
|
-
"sg:font-semibold sg:leading-none sg:tracking-tight",
|
|
31
|
-
className
|
|
32
|
-
),
|
|
33
|
-
...props
|
|
34
|
-
}
|
|
35
|
-
));
|
|
36
|
-
CardTitle.displayName = "CardTitle";
|
|
37
|
-
const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
38
|
-
"div",
|
|
39
|
-
{
|
|
40
|
-
ref,
|
|
41
|
-
className: cn("sg:text-sm sg:text-muted-foreground", className),
|
|
42
|
-
...props
|
|
43
|
-
}
|
|
44
|
-
));
|
|
45
|
-
CardDescription.displayName = "CardDescription";
|
|
46
|
-
const CardImage = React.forwardRef(
|
|
47
|
-
({ className, src, alt = "", ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
48
|
-
"div",
|
|
49
|
-
{
|
|
50
|
-
ref,
|
|
51
|
-
className: cn("sg:relative sg:h-48 sg:overflow-hidden", className),
|
|
52
|
-
...props,
|
|
53
|
-
children: [
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
"img",
|
|
56
|
-
{
|
|
57
|
-
src,
|
|
58
|
-
alt,
|
|
59
|
-
className: "sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-105",
|
|
60
|
-
loading: "lazy"
|
|
61
|
-
}
|
|
62
|
-
),
|
|
63
|
-
/* @__PURE__ */ jsx("div", { className: "sg:absolute sg:inset-0 sg:bg-linear-to-t sg:from-background/80 sg:to-transparent" })
|
|
64
|
-
]
|
|
65
|
-
}
|
|
66
|
-
)
|
|
67
|
-
);
|
|
68
|
-
CardImage.displayName = "CardImage";
|
|
69
|
-
const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("sg:p-6 sg:pt-0", className), ...props }));
|
|
70
|
-
CardContent.displayName = "CardContent";
|
|
71
|
-
const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
72
|
-
"div",
|
|
73
|
-
{
|
|
74
|
-
ref,
|
|
75
|
-
className: cn("sg:flex sg:items-center sg:p-6 sg:pt-0", className),
|
|
76
|
-
...props
|
|
77
|
-
}
|
|
78
|
-
));
|
|
79
|
-
CardFooter.displayName = "CardFooter";
|
|
80
|
-
export {
|
|
81
|
-
Card,
|
|
82
|
-
CardContent,
|
|
83
|
-
CardDescription,
|
|
84
|
-
CardFooter,
|
|
85
|
-
CardHeader,
|
|
86
|
-
CardImage,
|
|
87
|
-
CardTitle
|
|
88
|
-
};
|
|
89
|
-
//# sourceMappingURL=card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/units/cards/card.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\nimport * as React from \"react\";\n\nconst Card = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"sg:rounded-xl sg:bg-card sg:text-card-foreground sg:group sg:overflow-hidden sg:border-0 sg:bg-linear-to-br sg:from-background sg:to-background/60 sg:shadow-lg sg:ring-1 sg:ring-gray/60\",\n className,\n )}\n {...props}\n />\n));\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"sg:flex sg:flex-col sg:space-y-1.5 sg:p-6\", className)}\n {...props}\n />\n));\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"sg:font-semibold sg:leading-none sg:tracking-tight\",\n className,\n )}\n {...props}\n />\n));\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"sg:text-sm sg:text-muted-foreground\", className)}\n {...props}\n />\n));\nCardDescription.displayName = \"CardDescription\";\n\ninterface CardImageProps extends React.HTMLAttributes<HTMLDivElement> {\n src: string;\n alt?: string;\n}\n\nconst CardImage = React.forwardRef<HTMLDivElement, CardImageProps>(\n ({ className, src, alt = \"\", ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"sg:relative sg:h-48 sg:overflow-hidden\", className)}\n {...props}\n >\n <img\n src={src}\n alt={alt}\n className=\"sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-105\"\n loading=\"lazy\"\n />\n <div className=\"sg:absolute sg:inset-0 sg:bg-linear-to-t sg:from-background/80 sg:to-transparent\" />\n </div>\n ),\n);\nCardImage.displayName = \"CardImage\";\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"sg:p-6 sg:pt-0\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"sg:flex sg:items-center sg:p-6 sg:pt-0\", className)}\n {...props}\n />\n));\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n Card,\n CardHeader,\n CardImage,\n CardFooter,\n CardTitle,\n CardDescription,\n CardContent,\n};\n"],"mappings":"AAOE,cAyDE,YAzDF;AAPF,SAAS,UAAU;AACnB,YAAY,WAAW;AAEvB,MAAM,OAAO,MAAM,WAGjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,KAAK,cAAc;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,6CAA6C,SAAS;AAAA,IACnE,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;AAEzB,MAAM,YAAY,MAAM,WAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM,WAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,uCAAuC,SAAS;AAAA,IAC7D,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAAc;AAO9B,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,KAAK,MAAM,IAAI,GAAG,MAAM,GAAG,QACvC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAChE,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,WAAU;AAAA,YACV,SAAQ;AAAA;AAAA,QACV;AAAA,QACA,oBAAC,SAAI,WAAU,oFAAmF;AAAA;AAAA;AAAA,EACpG;AAEJ;AACA,UAAU,cAAc;AAExB,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,kBAAkB,SAAS,GAAI,GAAG,OAAO,CACvE;AACD,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,IAChE,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;","names":[]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
|
|
4
|
-
interface CardsProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
cols?: {
|
|
6
|
-
default?: number;
|
|
7
|
-
sm?: number;
|
|
8
|
-
md?: number;
|
|
9
|
-
lg?: number;
|
|
10
|
-
xl?: number;
|
|
11
|
-
"2xl"?: number;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
|
|
15
|
-
declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
|
|
16
|
-
|
|
17
|
-
export { Cards, type CardsProps, getGridColsClass };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../../../utils";
|
|
3
|
-
import React from "react";
|
|
4
|
-
const getGridColsClass = (cols) => {
|
|
5
|
-
if (!cols) return "";
|
|
6
|
-
const colClasses = [];
|
|
7
|
-
if (cols.default) colClasses.push(`sg:grid-cols-${cols.default}`);
|
|
8
|
-
if (cols.sm) colClasses.push(`sg:sm:grid-cols-${cols.sm}`);
|
|
9
|
-
if (cols.md) colClasses.push(`sg:md:grid-cols-${cols.md}`);
|
|
10
|
-
if (cols.lg) colClasses.push(`sg:lg:grid-cols-${cols.lg}`);
|
|
11
|
-
if (cols.xl) colClasses.push(`sg:xl:grid-cols-${cols.xl}`);
|
|
12
|
-
if (cols["2xl"]) colClasses.push(`sg:2xl:grid-cols-${cols["2xl"]}`);
|
|
13
|
-
return colClasses.join(" ");
|
|
14
|
-
};
|
|
15
|
-
const Cards = ({
|
|
16
|
-
children,
|
|
17
|
-
className,
|
|
18
|
-
cols = { default: 1, sm: 2, lg: 3 },
|
|
19
|
-
...props
|
|
20
|
-
}) => {
|
|
21
|
-
if (!cols.default) {
|
|
22
|
-
cols.default = 1;
|
|
23
|
-
}
|
|
24
|
-
return /* @__PURE__ */ jsx(
|
|
25
|
-
"div",
|
|
26
|
-
{
|
|
27
|
-
className: cn("sg:grid sg:gap-6", getGridColsClass(cols), className),
|
|
28
|
-
...props,
|
|
29
|
-
children
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
};
|
|
33
|
-
export {
|
|
34
|
-
Cards,
|
|
35
|
-
getGridColsClass
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=cards.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/units/cards/cards.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\r\nimport React from \"react\";\r\n\r\nexport interface CardsProps extends React.HTMLAttributes<HTMLDivElement> {\r\n cols?: {\r\n default?: number;\r\n sm?: number;\r\n md?: number;\r\n lg?: number;\r\n xl?: number;\r\n \"2xl\"?: number;\r\n };\r\n}\r\n\r\nexport const getGridColsClass = (cols?: CardsProps[\"cols\"]) => {\r\n if (!cols) return \"\";\r\n\r\n const colClasses: string[] = [];\r\n if (cols.default) colClasses.push(`sg:grid-cols-${cols.default}`);\r\n if (cols.sm) colClasses.push(`sg:sm:grid-cols-${cols.sm}`);\r\n if (cols.md) colClasses.push(`sg:md:grid-cols-${cols.md}`);\r\n if (cols.lg) colClasses.push(`sg:lg:grid-cols-${cols.lg}`);\r\n if (cols.xl) colClasses.push(`sg:xl:grid-cols-${cols.xl}`);\r\n if (cols[\"2xl\"]) colClasses.push(`sg:2xl:grid-cols-${cols[\"2xl\"]}`);\r\n\r\n return colClasses.join(\" \");\r\n};\r\n\r\nexport const Cards = ({\r\n children,\r\n className,\r\n cols = { default: 1, sm: 2, lg: 3 },\r\n ...props\r\n}: CardsProps) => {\r\n if (!cols.default) {\r\n cols.default = 1;\r\n }\r\n\r\n return (\r\n <div\r\n className={cn(\"sg:grid sg:gap-6\", getGridColsClass(cols), className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n );\r\n};\r\n"],"mappings":"AAuCI;AAvCJ,SAAS,UAAU;AACnB,OAAO,WAAW;AAaX,MAAM,mBAAmB,CAAC,SAA8B;AAC7D,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,aAAuB,CAAC;AAC9B,MAAI,KAAK,QAAS,YAAW,KAAK,gBAAgB,KAAK,OAAO,EAAE;AAChE,MAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,EAAE,EAAE;AACzD,MAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,EAAE,EAAE;AACzD,MAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,EAAE,EAAE;AACzD,MAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,EAAE,EAAE;AACzD,MAAI,KAAK,KAAK,EAAG,YAAW,KAAK,oBAAoB,KAAK,KAAK,CAAC,EAAE;AAElE,SAAO,WAAW,KAAK,GAAG;AAC5B;AAEO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAClC,GAAG;AACL,MAAkB;AAChB,MAAI,CAAC,KAAK,SAAS;AACjB,SAAK,UAAU;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oBAAoB,iBAAiB,IAAI,GAAG,SAAS;AAAA,MAClE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
|