singularity-components 0.1.107 → 0.1.127

package/dist/components/primitives/text/text-span.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+import {
+  TextElement,
+  textElementVariantsProps
+} from "./internal/text-element";
+const TextSpan = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    TextElement,
+    {
+      as: "span",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TextSpan
+};
+//# sourceMappingURL=text-span.js.map

package/dist/components/primitives/text/text-span.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/text/text-span.tsx"],"sourcesContent":["import type { OmitClassProperty } from \"@/lib/types\";\nimport { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextSpan = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"span\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAhBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/text/text-span.stories.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OmitClassProperty } from '../../../lib/types.js';
+import { TextElementProps } from './internal/text-element.js';
+import { StoryObj } from '@storybook/react-vite';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';
+
+declare const meta: {
+    component: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+    title: string;
+    argTypes: {
+        fontweight: {
+            options: string[];
+        };
+        foreground: {
+            options: string[];
+        };
+        size: {
+            options: string[];
+        };
+    };
+};
+type Story = StoryObj<typeof meta>;
+declare const sm: Story;
+declare const md: Story;
+declare const base: Story;
+declare const lg: Story;
+declare const lg_gradient: Story;
+
+export { base, meta as default, lg, lg_gradient, md, sm };

package/dist/components/primitives/text/text-span.stories.js

@@ -0,0 +1,59 @@
+import { TextSpan } from "./text-span";
+import { textElementVariants } from "./internal/text-element";
+const meta = {
+  component: TextSpan,
+  title: "Text Span",
+  argTypes: {
+    fontweight: {
+      options: Object.keys(textElementVariants.fontweight)
+    },
+    foreground: {
+      options: Object.keys(textElementVariants.foreground)
+    },
+    size: {
+      options: Object.keys(textElementVariants.size)
+    }
+  }
+};
+const sm = {
+  args: {
+    size: "sm",
+    children: "sm"
+  }
+};
+const md = {
+  args: {
+    size: "md",
+    children: "md"
+  }
+};
+const base = {
+  args: {
+    size: "base",
+    children: "base"
+  }
+};
+const lg = {
+  args: {
+    size: "lg",
+    children: "lg"
+  }
+};
+const lg_gradient = {
+  args: {
+    size: "lg",
+    children: "lg_primary-to-pink",
+    foreground: "primary-to-pink",
+    fontweight: "bold"
+  }
+};
+var text_span_stories_default = meta;
+export {
+  base,
+  text_span_stories_default as default,
+  lg,
+  lg_gradient,
+  md,
+  sm
+};
+//# sourceMappingURL=text-span.stories.js.map

package/dist/components/primitives/text/text-span.stories.js.map

@@ -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: \"lg_primary-to-pink\",\n    foreground: \"primary-to-pink\",\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":[]}

package/dist/components/primitives/text/text-time.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextElementProps } from './internal/text-element.js';
+import { OmitClassProperty } from '../../../lib/types.js';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';
+
+declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+
+export { TextTime };

package/dist/components/primitives/text/text-time.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+import {
+  TextElement,
+  textElementVariantsProps
+} from "./internal/text-element";
+const TextTime = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    TextElement,
+    {
+      as: "time",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TextTime
+};
+//# sourceMappingURL=text-time.js.map

package/dist/components/primitives/text/text-time.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/text/text-time.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\nimport {\n  type TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\nimport type { OmitClassProperty } from \"@/lib/types\";\n\nexport const TextTime = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"time\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":"AAiBI;AAjBJ,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAGA,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW;AAAA,QACT,yBAAyB;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/primitives/ui-image.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { BaseImageProps } from '../providers/ImageContext.js';
+
+declare const UiImage: React__default.FC<BaseImageProps>;
+
+export { UiImage };

package/dist/components/primitives/ui-image.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { useImage } from "../providers/ImageContext";
+const UiImage = (props) => {
+  const [isClient, setIsClient] = useState(false);
+  const ImageComponent = useImage();
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: props.src,
+        alt: props.alt,
+        className: props.className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(ImageComponent, { ...props });
+};
+export {
+  UiImage
+};
+//# sourceMappingURL=ui-image.js.map

package/dist/components/primitives/ui-image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/primitives/ui-image.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useImage, type BaseImageProps } from \"../providers/ImageContext\";\r\n\r\nexport const UiImage: React.FC<BaseImageProps> = (props) => {\r\n  const [isClient, setIsClient] = useState(false);\r\n  const ImageComponent = useImage();\r\n\r\n  useEffect(() => {\r\n    setIsClient(true);\r\n  }, []);\r\n\r\n  if (!isClient) {\r\n    return (\r\n      <img\r\n        // {...props}\r\n        src={props.src}\r\n        alt={props.alt}\r\n        className={props.className}\r\n      />\r\n    );\r\n  }\r\n\r\n  return <ImageComponent {...props} />;\r\n};\r\n"],"mappings":";AAcM;AAbN,OAAO,SAAS,WAAW,gBAAgB;AAC3C,SAAS,gBAAqC;AAEvC,MAAM,UAAoC,CAAC,UAAU;AAC1D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,iBAAiB,SAAS;AAEhC,YAAU,MAAM;AACd,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,UAAU;AACb,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK,MAAM;AAAA,QACX,KAAK,MAAM;AAAA,QACX,WAAW,MAAM;AAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,SAAO,oBAAC,kBAAgB,GAAG,OAAO;AACpC;","names":[]}

package/dist/components/providers/ImageContext.d.ts

@@ -0,0 +1,17 @@
+import React__default, { ReactNode } from 'react';
+
+interface BaseImageProps {
+    src: string;
+    alt?: string;
+    className?: string;
+    [key: string]: any;
+}
+type ImageComponentType<P extends BaseImageProps = BaseImageProps> = React__default.ComponentType<P>;
+interface ImageProviderProps {
+    ImageComponent: ImageComponentType;
+    children: ReactNode;
+}
+declare const ImageProvider: React__default.FC<ImageProviderProps>;
+declare const useImage: <P extends BaseImageProps = BaseImageProps>() => ImageComponentType<P>;
+
+export { type BaseImageProps, type ImageComponentType, ImageProvider, useImage };

package/dist/components/providers/ImageContext.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import React, { createContext, useContext } from "react";
+const DefaultImage = ({ src, alt, ...rest }) => /* @__PURE__ */ jsx("img", { src, alt, ...rest });
+const ImageContext = createContext({
+  ImageComponent: DefaultImage
+});
+const ImageProvider = ({
+  ImageComponent,
+  children
+}) => /* @__PURE__ */ jsx(ImageContext.Provider, { value: { ImageComponent }, children });
+const useImage = () => {
+  const ctx = useContext(ImageContext);
+  if (!ctx) {
+    throw new Error("useImage must be used within an ImageProvider");
+  }
+  return ctx.ImageComponent;
+};
+export {
+  ImageProvider,
+  useImage
+};
+//# sourceMappingURL=ImageContext.js.map

package/dist/components/providers/ImageContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/providers/ImageContext.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { createContext, useContext, type ReactNode } from \"react\";\r\n\r\n// Define a generic interface for props all images share\r\nexport interface BaseImageProps {\r\n  src: string;\r\n  alt?: string;\r\n  className?: string;\r\n  [key: string]: any; // allow framework-specific props (e.g., width, height, priority)\r\n}\r\n\r\n// Define the ImageComponent type\r\nexport type ImageComponentType<P extends BaseImageProps = BaseImageProps> =\r\n  React.ComponentType<P>;\r\n\r\n// Define the context value\r\ninterface ImageContextValue {\r\n  ImageComponent: ImageComponentType;\r\n}\r\n\r\n// Default <img> fallback\r\nconst DefaultImage: ImageComponentType = ({ src, alt, ...rest }) => (\r\n  <img src={src} alt={alt} {...rest} />\r\n);\r\n\r\n// Create the context\r\nconst ImageContext = createContext<ImageContextValue>({\r\n  ImageComponent: DefaultImage,\r\n});\r\n\r\n// Provider props (type-safe)\r\ninterface ImageProviderProps {\r\n  ImageComponent: ImageComponentType;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const ImageProvider: React.FC<ImageProviderProps> = ({\r\n  ImageComponent,\r\n  children,\r\n}) => (\r\n  <ImageContext.Provider value={{ ImageComponent }}>\r\n    {children}\r\n  </ImageContext.Provider>\r\n);\r\n\r\nexport const useImage = <\r\n  P extends BaseImageProps = BaseImageProps\r\n>(): ImageComponentType<P> => {\r\n  const ctx = useContext(ImageContext);\r\n  if (!ctx) {\r\n    throw new Error(\"useImage must be used within an ImageProvider\");\r\n  }\r\n  return ctx.ImageComponent as ImageComponentType<P>;\r\n};\r\n"],"mappings":";AAsBE;AArBF,OAAO,SAAS,eAAe,kBAAkC;AAoBjE,MAAM,eAAmC,CAAC,EAAE,KAAK,KAAK,GAAG,KAAK,MAC5D,oBAAC,SAAI,KAAU,KAAW,GAAG,MAAM;AAIrC,MAAM,eAAe,cAAiC;AAAA,EACpD,gBAAgB;AAClB,CAAC;AAQM,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AACF,MACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,eAAe,GAC5C,UACH;AAGK,MAAM,WAAW,MAEM;AAC5B,QAAM,MAAM,WAAW,YAAY;AACnC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AACA,SAAO,IAAI;AACb;","names":[]}

package/dist/components/providers/index.d.ts

@@ -0,0 +1,2 @@
+export { BaseImageProps, ImageComponentType, ImageProvider, useImage } from './ImageContext.js';
+import 'react';

package/dist/components/providers/index.js

@@ -0,0 +1,2 @@
+export * from "./ImageContext";
+//# sourceMappingURL=index.js.map

package/dist/components/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/providers/index.ts"],"sourcesContent":["export * from \"./ImageContext\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/units/cards/blog-card.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface BlogPost {
+    id: number;
+    title: string;
+    excerpt: string;
+    author: string;
+    date: Date;
+    readTime: string;
+    category: string;
+    image: string;
+}
+interface BlogCardProps {
+    post: BlogPost;
+}
+declare function BlogCard({ post }: BlogCardProps): react_jsx_runtime.JSX.Element;
+
+export { type BlogPost, BlogCard as default };

package/dist/components/units/cards/blog-card.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Clock, User } from "lucide-react";
+import { TextHeading } from "../../primitives/text/text-heading";
+import { Card, CardContent } from "./card";
+import { Badge } from "../../primitives/badge/badge";
+import { TextSpan } from "../../primitives/text/text-span";
+import { Button } from "../../primitives/button/button";
+import { TextParagraph } from "../../primitives/text/text-paragraph";
+import { Icon } from "../../primitives/icon/icon";
+import { formatDate } from "../../../lib";
+import { UiImage } from "../../primitives/ui-image";
+function BlogCard({ post }) {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: "sg:group sg:overflow-hidden sg:hover:shadow-lg sg:transition-all sg:duration-300 sg:cursor-pointer sg:flex sg:flex-col",
+      onClick: () => console.log("OnClick blog card", post.id),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "sg:relative sg:h-48 sg:overflow-hidden", children: [
+          /* @__PURE__ */ jsx(
+            UiImage,
+            {
+              src: post.image,
+              alt: post.title,
+              className: "sg:w-full sg:h-full sg:object-cover sg:transition-transform sg:duration-300 sg:group-hover:scale-110"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `sg:absolute sg:inset-0 sg:opacity-20 sg:group-hover:opacity-30 sg:transition-opacity`
+            }
+          ),
+          /* @__PURE__ */ jsx(Badge, { className: "sg:absolute sg:top-4 sg:left-4", children: post.category })
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "sg:p-6 sg:flex-1 sg:flex sg:flex-col", children: [
+          /* @__PURE__ */ jsx(
+            TextHeading,
+            {
+              variant: "h3",
+              className: "sg:mb-2 sg:group-hover:text-[hsl(var(--sg-primary))] sg:transition-colors",
+              children: post.title
+            }
+          ),
+          /* @__PURE__ */ jsx(TextParagraph, { foreground: "muted", className: "sg:mb-4 sg:flex-1", children: post.excerpt }),
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-4 sg:mb-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-1", children: [
+              /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx(TextSpan, { size: "sm", foreground: "muted", children: post.author })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:gap-1", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "sg:h-4 sg:w-4" }),
+              /* @__PURE__ */ jsx(TextSpan, { size: "sm", foreground: "muted", children: post.readTime })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "sg:flex sg:items-center sg:justify-between", children: [
+            /* @__PURE__ */ jsx(TextSpan, { size: "sm", foreground: "muted", children: formatDate(post.date) }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "sg:group-hover:text-[hsl(var(--sg-primary))]",
+                children: [
+                  "Read More",
+                  /* @__PURE__ */ jsx(Icon, { icon: "ArrowRight", className: "sg:ml-2 sg:h-4 sg:w-4" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    },
+    post.id
+  );
+}
+export {
+  BlogCard as default
+};
+//# sourceMappingURL=blog-card.js.map

package/dist/components/units/cards/blog-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/units/cards/blog-card.tsx"],"sourcesContent":["import { 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 { Icon } from \"../../primitives/icon/icon\";\r\nimport { formatDate } from \"../../../lib\";\r\nimport { UiImage } from \"../../primitives/ui-image\";\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}\r\n\r\nexport default function BlogCard({ post }: 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:cursor-pointer sg:flex sg:flex-col\"\r\n      // onClick={() => onNavigateToPost(post.id)}\r\n      onClick={() => console.log(\"OnClick blog card\", post.id)}\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        />\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-[hsl(var(--sg-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            variant=\"ghost\"\r\n            size=\"sm\"\r\n            className=\"sg:group-hover:text-[hsl(var(--sg-primary))]\"\r\n          >\r\n            Read More\r\n            <Icon icon=\"ArrowRight\" className=\"sg:ml-2 sg:h-4 sg:w-4\" />\r\n          </Button>\r\n        </div>\r\n      </CardContent>\r\n    </Card>\r\n  );\r\n}\r\n\r\n/*\r\nI want to \"npm run build\" to build and make a bundle of the project. I should be able to \"npm publish\" so it can be used by other projects. \r\nMy project consists of a Storybook with react components. The components are both SSR components and \"Use client\" components. \r\nThey will among other be used in a Nextjs 15 app router solution.\r\nI dont want a single bundle or bundle for ssr/client. I want components separate so they can be imported like \"singularity-ui/button\", \"singularity-ui/alert\".\r\nI also want my full css to be included in build, that iss main.css\r\n*/\r\n"],"mappings":"AAkCM,SACE,KADF;AAlCN,SAAS,OAAO,YAAY;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,MAAM,mBAAmB;AAClC,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAiBT,SAAR,SAA0B,EAAE,KAAK,GAAkB;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAEV,SAAS,MAAM,QAAQ,IAAI,qBAAqB,KAAK,EAAE;AAAA,MAEvD;AAAA,6BAAC,SAAI,WAAU,0CACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,KAAK;AAAA,cACV,KAAK,KAAK;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;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,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACX;AAAA;AAAA,kBAEC,oBAAC,QAAK,MAAK,cAAa,WAAU,yBAAwB;AAAA;AAAA;AAAA,YAC5D;AAAA,aACF;AAAA,WACF;AAAA;AAAA;AAAA,IA5DK,KAAK;AAAA,EA6DZ;AAEJ;","names":[]}

package/dist/components/units/cards/card.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CardImageProps extends React.HTMLAttributes<HTMLDivElement> {
+    src: string;
+    alt?: string;
+}
+declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle };

package/dist/components/units/cards/card.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+import * as React from "react";
+const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "sg:rounded-xl sg:bg-card sg:text-card-foreground sg:group sg:overflow-hidden sg:border-0 sg:bg-gradient-to-br sg:from-background sg:to-background/60 sg:shadow-lg sg:ring-1 sg:ring-gray/60",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("sg:flex sg:flex-col sg:space-y-1.5 sg:p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "sg:font-semibold sg:leading-none sg:tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("sg:text-sm sg:text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+const CardImage = React.forwardRef(
+  ({ className, src, alt = "", ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("sg:relative sg:h-48 sg:overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt,
+            className: "sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-105",
+            loading: "lazy"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "sg:absolute sg:inset-0 sg:bg-gradient-to-t sg:from-background/80 sg:to-transparent" })
+      ]
+    }
+  )
+);
+CardImage.displayName = "CardImage";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("sg:p-6 sg:pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("sg:flex sg:items-center sg:p-6 sg:pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardImage,
+  CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/components/units/cards/card.js.map

@@ -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-gradient-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-gradient-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,sFAAqF;AAAA;AAAA;AAAA,EACtG;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":[]}

package/dist/components/units/cards/cards.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface CardsProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    cols?: {
+        default?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        "2xl"?: number;
+    };
+}
+declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
+declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
+
+export { Cards, type CardsProps, getGridColsClass };

package/dist/components/units/cards/cards.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+import React from "react";
+const getGridColsClass = (cols) => {
+  if (!cols) return "";
+  const colClasses = [];
+  if (cols.default) colClasses.push(`sg:grid-cols-${cols.default}`);
+  if (cols.sm) colClasses.push(`sg:sm:grid-cols-${cols.sm}`);
+  if (cols.md) colClasses.push(`sg:md:grid-cols-${cols.md}`);
+  if (cols.lg) colClasses.push(`sg:lg:grid-cols-${cols.lg}`);
+  if (cols.xl) colClasses.push(`sg:xl:grid-cols-${cols.xl}`);
+  if (cols["2xl"]) colClasses.push(`sg:2xl:grid-cols-${cols["2xl"]}`);
+  return colClasses.join(" ");
+};
+const Cards = ({
+  children,
+  className,
+  cols = { default: 1, sm: 2, lg: 3 },
+  ...props
+}) => {
+  if (!cols.default) {
+    cols.default = 1;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("sg:grid sg:gap-6", getGridColsClass(cols), className),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  Cards,
+  getGridColsClass
+};
+//# sourceMappingURL=cards.js.map

package/dist/components/units/cards/cards.js.map

@@ -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":[]}

package/dist/components/units/index.d.ts

@@ -0,0 +1,5 @@
+export { BlogPost } from './cards/blog-card.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from './cards/card.js';
+export { Cards, CardsProps, getGridColsClass } from './cards/cards.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/units/index.js

@@ -0,0 +1,4 @@
+export * from "./cards/blog-card";
+export * from "./cards/card";
+export * from "./cards/cards";
+//# sourceMappingURL=index.js.map

package/dist/components/units/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/units/index.ts"],"sourcesContent":["export * from \"./cards/blog-card\";\nexport * from \"./cards/card\";\nexport * from \"./cards/cards\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/primitives/accordion/accordion.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './components/primitives/alert/alert.js';
+export { Badge, badgeVariants } from './components/primitives/badge/badge.js';
+export { Badges, BadgesProps } from './components/primitives/badge/badges.js';
+export { Button, buttonVariants, buttonVariantsProps } from './components/primitives/button/button.js';
+export { Icon, iconVariants, iconVariantsProps } from './components/primitives/icon/icon.js';
+export { Input } from './components/primitives/input/input.js';
+export { Layout, LayoutProps, layoutVariants, layoutVariantsProps } from './components/primitives/layout/layout.js';
+export { Separator } from './components/primitives/separator/separator.js';
+export { Skeleton } from './components/primitives/skeleton/skeleton.js';
+export { Spinner, SpinnerProps } from './components/primitives/spinner/spinner.js';
+export { Stack, StackProps, stackVariants } from './components/primitives/stack/stack.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/primitives/table/table.js';
+export { TextDiv } from './components/primitives/text/text-div.js';
+export { TextHeading, TextHeadingProps, textHeadingVariants, textHeadingVariantsProps } from './components/primitives/text/text-heading.js';
+export { TextParagraph } from './components/primitives/text/text-paragraph.js';
+export { TextSpan } from './components/primitives/text/text-span.js';
+export { TextTime } from './components/primitives/text/text-time.js';
+export { UiImage } from './components/primitives/ui-image.js';
+export { BaseImageProps, ImageComponentType, ImageProvider, useImage } from './components/providers/ImageContext.js';
+export { BlogPost } from './components/units/cards/blog-card.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from './components/units/cards/card.js';
+export { Cards, CardsProps, getGridColsClass } from './components/units/cards/cards.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@radix-ui/react-accordion';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'lucide-react';
+import '@radix-ui/react-separator';
+import './components/primitives/text/internal/text-element.js';
+import './lib/types.js';