singularity-components 0.1.140 → 0.1.151

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/README.md +15 -0
  2. package/dist/components/blocks/cards/blogpost-card.d.ts +8 -0
  3. package/dist/components/blocks/cards/blogpost-card.js +65 -0
  4. package/dist/components/blocks/cards/blogpost-card.js.map +1 -0
  5. package/dist/components/blocks/cards/card.d.ts +14 -0
  6. package/dist/components/blocks/cards/card.js +86 -0
  7. package/dist/components/blocks/cards/card.js.map +1 -0
  8. package/dist/components/blocks/index.d.ts +3 -0
  9. package/dist/components/blocks/index.js +3 -0
  10. package/dist/components/blocks/index.js.map +1 -0
  11. package/dist/components/index.d.ts +9 -6
  12. package/dist/components/index.js +4 -1
  13. package/dist/components/index.js.map +1 -1
  14. package/dist/components/primitives/badge/badge.d.ts +12 -4
  15. package/dist/components/primitives/badge/badge.js +14 -14
  16. package/dist/components/primitives/badge/badge.js.map +1 -1
  17. package/dist/components/primitives/button/button.d.ts +12 -7
  18. package/dist/components/primitives/button/button.js +46 -15
  19. package/dist/components/primitives/button/button.js.map +1 -1
  20. package/dist/components/primitives/icon/icon.d.ts +2 -2
  21. package/dist/components/primitives/icon/icon.js +6 -12
  22. package/dist/components/primitives/icon/icon.js.map +1 -1
  23. package/dist/components/primitives/index.d.ts +6 -4
  24. package/dist/components/primitives/index.js +2 -0
  25. package/dist/components/primitives/index.js.map +1 -1
  26. package/dist/components/primitives/layout/layout.d.ts +3 -2
  27. package/dist/components/primitives/layout/layout.js +7 -6
  28. package/dist/components/primitives/layout/layout.js.map +1 -1
  29. package/dist/components/primitives/link/link-button.d.ts +13 -0
  30. package/dist/components/primitives/link/link-button.js +21 -0
  31. package/dist/components/primitives/link/link-button.js.map +1 -0
  32. package/dist/components/primitives/link/link.d.ts +36 -0
  33. package/dist/components/primitives/link/link.js +56 -0
  34. package/dist/components/primitives/link/link.js.map +1 -0
  35. package/dist/components/primitives/stack/stack.d.ts +2 -1
  36. package/dist/components/primitives/stack/stack.js +15 -4
  37. package/dist/components/primitives/stack/stack.js.map +1 -1
  38. package/dist/components/primitives/text/internal/text-element.d.ts +25 -3
  39. package/dist/components/primitives/text/internal/text-element.js +20 -12
  40. package/dist/components/primitives/text/internal/text-element.js.map +1 -1
  41. package/dist/components/primitives/text/text-div.d.ts +1 -1
  42. package/dist/components/primitives/text/text-div.js.map +1 -1
  43. package/dist/components/primitives/text/text-heading.js +7 -7
  44. package/dist/components/primitives/text/text-heading.js.map +1 -1
  45. package/dist/components/primitives/text/text-paragraph.d.ts +8 -2
  46. package/dist/components/primitives/text/text-paragraph.js +12 -1
  47. package/dist/components/primitives/text/text-paragraph.js.map +1 -1
  48. package/dist/components/primitives/text/text-span.js.map +1 -1
  49. package/dist/components/primitives/text/text-time.js.map +1 -1
  50. package/dist/components/primitives/ui-image.js +2 -5
  51. package/dist/components/primitives/ui-image.js.map +1 -1
  52. package/dist/components/primitives/ui-link.d.ts +4 -2
  53. package/dist/components/primitives/ui-link.js +5 -11
  54. package/dist/components/primitives/ui-link.js.map +1 -1
  55. package/dist/components/sections/body/body.d.ts +19 -0
  56. package/dist/components/sections/body/body.js +49 -0
  57. package/dist/components/sections/body/body.js.map +1 -0
  58. package/dist/components/sections/footer/footer.d.ts +12 -0
  59. package/dist/components/sections/footer/footer.js +59 -0
  60. package/dist/components/sections/footer/footer.js.map +1 -0
  61. package/dist/components/sections/hero/hero.d.ts +6 -0
  62. package/dist/components/sections/hero/hero.js +271 -0
  63. package/dist/components/sections/hero/hero.js.map +1 -0
  64. package/dist/components/sections/index.d.ts +3 -0
  65. package/dist/components/sections/index.js +4 -0
  66. package/dist/components/sections/index.js.map +1 -0
  67. package/dist/components/templates/blogpost/blogpost.d.ts +5 -0
  68. package/dist/components/templates/blogpost/blogpost.js +173 -0
  69. package/dist/components/templates/blogpost/blogpost.js.map +1 -0
  70. package/dist/components/templates/index.d.ts +3 -0
  71. package/dist/components/templates/index.js +3 -0
  72. package/dist/components/templates/index.js.map +1 -0
  73. package/dist/components/templates/startpage/startpage.d.ts +5 -0
  74. package/dist/components/templates/startpage/startpage.js +48 -0
  75. package/dist/components/templates/startpage/startpage.js.map +1 -0
  76. package/dist/components/units/index.d.ts +2 -5
  77. package/dist/components/units/index.js +0 -3
  78. package/dist/components/units/index.js.map +1 -1
  79. package/dist/css/variables.css +75 -73
  80. package/dist/css/variables.css.map +1 -1
  81. package/dist/data/posts.d.ts +20 -0
  82. package/dist/data/posts.js +266 -0
  83. package/dist/data/posts.js.map +1 -0
  84. package/dist/index.d.ts +9 -6
  85. package/dist/lib/hooks/useIsClient.d.ts +3 -0
  86. package/dist/lib/hooks/useIsClient.js +14 -0
  87. package/dist/lib/hooks/useIsClient.js.map +1 -0
  88. package/dist/lib/index.d.ts +1 -0
  89. package/dist/lib/index.js +1 -0
  90. package/dist/lib/index.js.map +1 -1
  91. package/dist/main.css +712 -584
  92. package/dist/main.css.map +1 -1
  93. package/dist/utils.js.map +1 -1
  94. package/package.json +35 -24
  95. package/dist/components/primitives/accordion/accordion.stories.d.ts +0 -15
  96. package/dist/components/primitives/accordion/accordion.stories.js +0 -60
  97. package/dist/components/primitives/accordion/accordion.stories.js.map +0 -1
  98. package/dist/components/primitives/alert/alert.stories.d.ts +0 -22
  99. package/dist/components/primitives/alert/alert.stories.js +0 -37
  100. package/dist/components/primitives/alert/alert.stories.js.map +0 -1
  101. package/dist/components/primitives/button/button.stories.d.ts +0 -34
  102. package/dist/components/primitives/button/button.stories.js +0 -74
  103. package/dist/components/primitives/button/button.stories.js.map +0 -1
  104. package/dist/components/primitives/button/button_with_icon_variant.d.ts +0 -2
  105. package/dist/components/primitives/button/button_with_icon_variant.js +0 -1
  106. package/dist/components/primitives/button/button_with_icon_variant.js.map +0 -1
  107. package/dist/components/primitives/icon/icon.stories.d.ts +0 -27
  108. package/dist/components/primitives/icon/icon.stories.js +0 -30
  109. package/dist/components/primitives/icon/icon.stories.js.map +0 -1
  110. package/dist/components/primitives/layout/layout.stories.d.ts +0 -32
  111. package/dist/components/primitives/layout/layout.stories.js +0 -72
  112. package/dist/components/primitives/layout/layout.stories.js.map +0 -1
  113. package/dist/components/primitives/separator/separator.stories.d.ts +0 -15
  114. package/dist/components/primitives/separator/separator.stories.js +0 -18
  115. package/dist/components/primitives/separator/separator.stories.js.map +0 -1
  116. package/dist/components/primitives/skeleton/skeleton.stories.d.ts +0 -13
  117. package/dist/components/primitives/skeleton/skeleton.stories.js +0 -16
  118. package/dist/components/primitives/skeleton/skeleton.stories.js.map +0 -1
  119. package/dist/components/primitives/spinner/spinner.stories.d.ts +0 -16
  120. package/dist/components/primitives/spinner/spinner.stories.js +0 -34
  121. package/dist/components/primitives/spinner/spinner.stories.js.map +0 -1
  122. package/dist/components/primitives/stack/stack.stories.d.ts +0 -13
  123. package/dist/components/primitives/stack/stack.stories.js +0 -26
  124. package/dist/components/primitives/stack/stack.stories.js.map +0 -1
  125. package/dist/components/primitives/text/text-div.stories.d.ts +0 -32
  126. package/dist/components/primitives/text/text-div.stories.js +0 -59
  127. package/dist/components/primitives/text/text-div.stories.js.map +0 -1
  128. package/dist/components/primitives/text/text-heading.stories.d.ts +0 -27
  129. package/dist/components/primitives/text/text-heading.stories.js +0 -47
  130. package/dist/components/primitives/text/text-heading.stories.js.map +0 -1
  131. package/dist/components/primitives/text/text-span.stories.d.ts +0 -31
  132. package/dist/components/primitives/text/text-span.stories.js +0 -59
  133. package/dist/components/primitives/text/text-span.stories.js.map +0 -1
  134. package/dist/components/units/cards/blog-card.d.ts +0 -19
  135. package/dist/components/units/cards/blog-card.js +0 -82
  136. package/dist/components/units/cards/blog-card.js.map +0 -1
  137. package/dist/components/units/cards/card.d.ts +0 -15
  138. package/dist/components/units/cards/card.js +0 -89
  139. package/dist/components/units/cards/card.js.map +0 -1
  140. package/dist/components/units/cards/cards.d.ts +0 -17
  141. package/dist/components/units/cards/cards.js +0 -37
  142. package/dist/components/units/cards/cards.js.map +0 -1
@@ -1,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":[]}