singularity-components 0.1.106 → 0.1.127

package/dist/components/primitives/layout/layout.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Layout } from './layout.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';
+
+declare const meta: {
+    component: typeof Layout;
+    title: string;
+    argTypes: {
+        bgColor: {
+            options: string[];
+        };
+        type: {
+            options: string[];
+        };
+        cols: {
+            options: string[];
+        };
+    };
+};
+
+type Story = StoryObj<typeof meta>;
+declare const Empty: Story;
+declare const Layout_100: Story;
+declare const Layout_Wide_100: Story;
+declare const Layout_Full_100: Story;
+declare const Layout_66_33: Story;
+declare const Layout_50_50: Story;
+
+export { Empty, Layout_100, Layout_50_50, Layout_66_33, Layout_Full_100, Layout_Wide_100, meta as default };

package/dist/components/primitives/layout/layout.stories.js

@@ -0,0 +1,72 @@
+import { jsx } from "react/jsx-runtime";
+import { Layout, layoutVariants } from "..";
+const meta = {
+  component: Layout,
+  title: "Layout",
+  argTypes: {
+    bgColor: {
+      options: Object.keys(layoutVariants.bgColor)
+    },
+    type: {
+      options: Object.keys(layoutVariants.type)
+    },
+    cols: {
+      options: Object.keys(layoutVariants.cols)
+    }
+  }
+};
+var layout_stories_default = meta;
+const Empty = {};
+const Layout_100 = {
+  args: {
+    cols: "100",
+    as: "section",
+    bgColor: "gradient1",
+    children: [
+      /* @__PURE__ */ jsx(Layout.Col1, { as: "article", children: "Laytout as section, Col1 as article" })
+    ]
+  }
+};
+const Layout_Wide_100 = {
+  args: {
+    cols: "100",
+    type: "wide",
+    children: [/* @__PURE__ */ jsx(Layout.Col1, { children: "Col1" })]
+  }
+};
+const Layout_Full_100 = {
+  args: {
+    cols: "100",
+    type: "full",
+    children: [/* @__PURE__ */ jsx(Layout.Col1, { children: "Col1" })]
+  }
+};
+const Layout_66_33 = {
+  args: {
+    cols: "66-33",
+    children: [
+      /* @__PURE__ */ jsx(Layout.Col1, { hideDiv: true, children: /* @__PURE__ */ jsx("div", { children: "Col1" }) }),
+      /* @__PURE__ */ jsx(Layout.Col2, { children: "Col2" })
+    ]
+  }
+};
+const Layout_50_50 = {
+  args: {
+    cols: "50-50",
+    bgColor: "orange",
+    children: [
+      /* @__PURE__ */ jsx(Layout.Col1, { children: "Col1" }),
+      /* @__PURE__ */ jsx(Layout.Col2, { children: "Col2" })
+    ]
+  }
+};
+export {
+  Empty,
+  Layout_100,
+  Layout_50_50,
+  Layout_66_33,
+  Layout_Full_100,
+  Layout_Wide_100,
+  layout_stories_default as default
+};
+//# sourceMappingURL=layout.stories.js.map

package/dist/components/primitives/layout/layout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/layout/layout.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\r\nimport { Layout, layoutVariants } from \"..\";\r\n\r\nconst meta = {\r\n  component: Layout,\r\n  title: \"Layout\",\r\n  argTypes: {\r\n    bgColor: {\r\n      options: Object.keys(layoutVariants.bgColor),\r\n    },\r\n    type: {\r\n      options: Object.keys(layoutVariants.type),\r\n    },\r\n    cols: {\r\n      options: Object.keys(layoutVariants.cols),\r\n    },\r\n  },\r\n} satisfies Meta<typeof Layout>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Empty: Story = {};\r\n\r\nexport const Layout_100: Story = {\r\n  args: {\r\n    cols: \"100\",\r\n    as: \"section\",\r\n    bgColor: \"gradient1\",\r\n    children: [\r\n      <Layout.Col1 as=\"article\">\r\n        Laytout as section, Col1 as article\r\n      </Layout.Col1>,\r\n    ],\r\n  },\r\n};\r\n\r\nexport const Layout_Wide_100: Story = {\r\n  args: {\r\n    cols: \"100\",\r\n    type: \"wide\",\r\n    children: [<Layout.Col1>Col1</Layout.Col1>],\r\n  },\r\n};\r\n\r\nexport const Layout_Full_100: Story = {\r\n  args: {\r\n    cols: \"100\",\r\n    type: \"full\",\r\n    children: [<Layout.Col1>Col1</Layout.Col1>],\r\n  },\r\n};\r\n\r\nexport const Layout_66_33: Story = {\r\n  args: {\r\n    cols: \"66-33\",\r\n    children: [\r\n      <Layout.Col1 hideDiv>\r\n        <div>Col1</div>\r\n      </Layout.Col1>,\r\n      <Layout.Col2>Col2</Layout.Col2>,\r\n    ],\r\n  },\r\n};\r\n\r\nexport const Layout_50_50: Story = {\r\n  args: {\r\n    cols: \"50-50\",\r\n    bgColor: \"orange\",\r\n    children: [\r\n      <Layout.Col1>Col1</Layout.Col1>,\r\n      <Layout.Col2>Col2</Layout.Col2>,\r\n    ],\r\n  },\r\n};\r\n"],"mappings":"AA8BM;AA7BN,SAAS,QAAQ,sBAAsB;AAEvC,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,OAAO,KAAK,eAAe,OAAO;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,eAAe,IAAI;AAAA,IAC1C;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,OAAO,KAAK,eAAe,IAAI;AAAA,IAC1C;AAAA,EACF;AACF;AACA,IAAO,yBAAQ;AAIR,MAAM,QAAe,CAAC;AAEtB,MAAM,aAAoB;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,MACR,oBAAC,OAAO,MAAP,EAAY,IAAG,WAAU,iDAE1B;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,kBAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,CAAC,oBAAC,OAAO,MAAP,EAAY,kBAAI,CAAc;AAAA,EAC5C;AACF;AAEO,MAAM,kBAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU,CAAC,oBAAC,OAAO,MAAP,EAAY,kBAAI,CAAc;AAAA,EAC5C;AACF;AAEO,MAAM,eAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,MACR,oBAAC,OAAO,MAAP,EAAY,SAAO,MAClB,8BAAC,SAAI,kBAAI,GACX;AAAA,MACA,oBAAC,OAAO,MAAP,EAAY,kBAAI;AAAA,IACnB;AAAA,EACF;AACF;AAEO,MAAM,eAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,MACR,oBAAC,OAAO,MAAP,EAAY,kBAAI;AAAA,MACjB,oBAAC,OAAO,MAAP,EAAY,kBAAI;AAAA,IACnB;AAAA,EACF;AACF;","names":[]}

package/dist/components/primitives/separator/separator.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+export { Separator };

package/dist/components/primitives/separator/separator.js

@@ -0,0 +1,39 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../../utils";
+import { UiImage } from "../ui-image";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SeparatorPrimitive.Root,
+      {
+        "data-slot": "separator",
+        decorative,
+        orientation,
+        className: cn(
+          "sg:bg-border sg:shrink-0 sg:data-[orientation=horizontal]:h-px sg:data-[orientation=horizontal]:w-full sg:data-[orientation=vertical]:h-full sg:data-[orientation=vertical]:w-px sg:my-4",
+          className
+        ),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      UiImage,
+      {
+        src: "https://imgcdn.stablediffusionweb.com/2024/5/14/a3099eb1-b368-4bff-9d99-9a929c44b9a1.jpg",
+        alt: ""
+      }
+    )
+  ] });
+}
+export {
+  Separator
+};
+//# sourceMappingURL=separator.js.map

package/dist/components/primitives/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/separator/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"../../../utils\";\nimport { UiImage } from \"../ui-image\";\n\nexport function Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <>\n      <SeparatorPrimitive.Root\n        data-slot=\"separator\"\n        decorative={decorative}\n        orientation={orientation}\n        className={cn(\n          \"sg:bg-border sg:shrink-0 sg:data-[orientation=horizontal]:h-px sg:data-[orientation=horizontal]:w-full sg:data-[orientation=vertical]:h-full sg:data-[orientation=vertical]:w-px sg:my-4\",\n          className\n        )}\n        {...props}\n      />\n      <UiImage\n        src=\"https://imgcdn.stablediffusionweb.com/2024/5/14/a3099eb1-b368-4bff-9d99-9a929c44b9a1.jpg\"\n        alt=\"\"\n        // width=\"100\"\n        // height=\"100\"\n      />\n    </>\n  );\n}\n"],"mappings":";AAcI,mBACE,KADF;AAZJ,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,UAAU;AACnB,SAAS,eAAe;AAEjB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,GAAyD;AACvD,SACE,iCACE;AAAA;AAAA,MAAC,mBAAmB;AAAA,MAAnB;AAAA,QACC,aAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,KAAI;AAAA;AAAA,IAGN;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/primitives/separator/separator.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Separator } from './separator.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@radix-ui/react-separator';
+
+declare const meta: {
+    component: typeof Separator;
+    title: string;
+};
+
+type Story = StoryObj<typeof meta>;
+declare const vertical: Story;
+declare const horizontal: Story;
+
+export { meta as default, horizontal, vertical };

package/dist/components/primitives/separator/separator.stories.js

@@ -0,0 +1,18 @@
+import { Separator } from "..";
+const meta = {
+  component: Separator,
+  title: "Separator"
+};
+var separator_stories_default = meta;
+const vertical = {
+  args: { orientation: "vertical" }
+};
+const horizontal = {
+  args: { orientation: "horizontal" }
+};
+export {
+  separator_stories_default as default,
+  horizontal,
+  vertical
+};
+//# sourceMappingURL=separator.stories.js.map

package/dist/components/primitives/separator/separator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/separator/separator.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Separator } from \"..\";\n\nconst meta = {\n  component: Separator,\n  title: \"Separator\",\n} satisfies Meta<typeof Separator>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const vertical: Story = {\n  args: { orientation: \"vertical\" },\n};\n\nexport const horizontal: Story = {\n  args: { orientation: \"horizontal\" },\n};\n"],"mappings":"AACA,SAAS,iBAAiB;AAE1B,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,4BAAQ;AAIR,MAAM,WAAkB;AAAA,EAC7B,MAAM,EAAE,aAAa,WAAW;AAClC;AAEO,MAAM,aAAoB;AAAA,EAC/B,MAAM,EAAE,aAAa,aAAa;AACpC;","names":[]}

package/dist/components/primitives/skeleton/skeleton.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Skeleton };

package/dist/components/primitives/skeleton/skeleton.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("sg:bg-accent sg:animate-pulse sg:rounded-md", className),
+      ...props
+    }
+  );
+}
+export {
+  Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/components/primitives/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/skeleton/skeleton.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"sg:bg-accent sg:animate-pulse sg:rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":"AAII;AAJJ,SAAS,UAAU;AAEnB,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAgC;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+CAA+C,SAAS;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/primitives/skeleton/skeleton.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Skeleton } from './skeleton.js';
+import 'react/jsx-runtime';
+
+declare const meta: {
+    component: typeof Skeleton;
+    title: string;
+};
+
+type Story = StoryObj<typeof meta>;
+declare const base: Story;
+
+export { base, meta as default };

package/dist/components/primitives/skeleton/skeleton.stories.js

@@ -0,0 +1,16 @@
+import { Skeleton } from "./skeleton";
+const meta = {
+  component: Skeleton,
+  title: "Skeleton"
+};
+var skeleton_stories_default = meta;
+const base = {
+  args: {
+    className: "sg:h-[100px] sg:w-[100px]"
+  }
+};
+export {
+  base,
+  skeleton_stories_default as default
+};
+//# sourceMappingURL=skeleton.stories.js.map

package/dist/components/primitives/skeleton/skeleton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/skeleton/skeleton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Skeleton } from \"./skeleton\";\n\nconst meta = {\n  component: Skeleton,\n  title: \"Skeleton\",\n} satisfies Meta<typeof Skeleton>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const base: Story = {\n  args: {\n    className: \"sg:h-[100px] sg:w-[100px]\",\n  },\n};\n"],"mappings":"AACA,SAAS,gBAAgB;AAEzB,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,2BAAQ;AAIR,MAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AACF;","names":[]}

package/dist/components/primitives/spinner/spinner.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SpinnerProps = {
+    variant?: "ring" | "dots";
+    size?: "xs" | "sm" | "md" | "lg";
+    className?: string;
+};
+declare function Spinner({ variant, size, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+export { Spinner, type SpinnerProps };

package/dist/components/primitives/spinner/spinner.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils";
+const sizeMap = {
+  xs: "sg:h-4 sg:w-4",
+  sm: "sg:h-5 sg:w-5",
+  md: "sg:h-8 sg:w-8",
+  lg: "sg:h-12 sg:w-12"
+};
+function Spinner({
+  variant = "ring",
+  size = "md",
+  className
+}) {
+  if (variant === "dots") {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn("sg:inline-flex sg:items-center sg:gap-1", className),
+        "aria-label": "Loading",
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse",
+                "[animation-delay:-200ms]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse",
+                "[animation-delay:-100ms]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse"
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn(
+        "sg:relative sg:inline-block sg:align-[-0.125em]",
+        sizeMap[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full",
+              "sg:bg-[conic-gradient(hsl(var(--sg-gradient-1)),hsl(var(--sg-gradient-2)),hsl(var(--sg-primary)),hsl(var(--sg-gradient-1)))]",
+              "sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background" })
+      ]
+    }
+  );
+}
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/components/primitives/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/spinner/spinner.tsx"],"sourcesContent":["import { cn } from \"../../../utils\";\r\n\r\nexport type SpinnerProps = {\r\n  variant?: \"ring\" | \"dots\";\r\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\r\n  className?: string;\r\n};\r\n\r\nconst sizeMap: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\r\n  xs: \"sg:h-4 sg:w-4\",\r\n  sm: \"sg:h-5 sg:w-5\",\r\n  md: \"sg:h-8 sg:w-8\",\r\n  lg: \"sg:h-12 sg:w-12\",\r\n};\r\n\r\nexport function Spinner({\r\n  variant = \"ring\",\r\n  size = \"md\",\r\n  className,\r\n}: SpinnerProps) {\r\n  if (variant === \"dots\") {\r\n    return (\r\n      <span\r\n        className={cn(\"sg:inline-flex sg:items-center sg:gap-1\", className)}\r\n        aria-label=\"Loading\"\r\n      >\r\n        <span\r\n          className={cn(\r\n            \"sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse\",\r\n            \"[animation-delay:-200ms]\"\r\n          )}\r\n        ></span>\r\n        <span\r\n          className={cn(\r\n            \"sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse\",\r\n            \"[animation-delay:-100ms]\"\r\n          )}\r\n        ></span>\r\n        <span\r\n          className={cn(\r\n            \"sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse\"\r\n          )}\r\n        ></span>\r\n      </span>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <span\r\n      role=\"status\"\r\n      aria-label=\"Loading\"\r\n      className={cn(\r\n        \"sg:relative sg:inline-block sg:align-[-0.125em]\",\r\n        sizeMap[size],\r\n        className\r\n      )}\r\n    >\r\n      <span\r\n        className={cn(\r\n          \"sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full\",\r\n          \"sg:bg-[conic-gradient(hsl(var(--sg-gradient-1)),hsl(var(--sg-gradient-2)),hsl(var(--sg-primary)),hsl(var(--sg-gradient-1)))]\",\r\n          \"sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]\"\r\n        )}\r\n      />\r\n      <span className=\"sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background\" />\r\n    </span>\r\n  );\r\n}\r\n"],"mappings":"AAsBM,SAIE,KAJF;AAtBN,SAAS,UAAU;AAQnB,MAAM,UAA6D;AAAA,EACjE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAAS,QAAQ;AAAA,EACtB,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AACF,GAAiB;AACf,MAAI,YAAY,QAAQ;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,2CAA2C,SAAS;AAAA,QAClE,cAAW;AAAA,QAEX;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACD;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACD;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,cACF;AAAA;AAAA,UACD;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA,QAAQ,IAAI;AAAA,QACZ;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,UAAK,WAAU,+DAA8D;AAAA;AAAA;AAAA,EAChF;AAEJ;","names":[]}

package/dist/components/primitives/spinner/spinner.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Spinner } from './spinner.js';
+import 'react/jsx-runtime';
+
+declare const meta: {
+    component: typeof Spinner;
+    title: string;
+};
+
+type Story = StoryObj<typeof meta>;
+declare const xs: Story;
+declare const sm: Story;
+declare const md: Story;
+declare const lg: Story;
+
+export { meta as default, lg, md, sm, xs };

package/dist/components/primitives/spinner/spinner.stories.js

@@ -0,0 +1,35 @@
+import { Spinner } from "./spinner";
+const meta = {
+  component: Spinner,
+  title: "Spinner"
+};
+var spinner_stories_default = meta;
+const xs = {
+  args: {
+    size: "xs"
+  }
+};
+const sm = {
+  args: {
+    size: "sm",
+    variant: "dots"
+  }
+};
+const md = {
+  args: {
+    size: "md"
+  }
+};
+const lg = {
+  args: {
+    size: "lg"
+  }
+};
+export {
+  spinner_stories_default as default,
+  lg,
+  md,
+  sm,
+  xs
+};
+//# sourceMappingURL=spinner.stories.js.map

package/dist/components/primitives/spinner/spinner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/spinner/spinner.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Spinner } from \"./spinner\";\n\nconst meta = {\n  component: Spinner,\n  title: \"Spinner\",\n} satisfies Meta<typeof Spinner>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const xs: Story = {\n  args: {\n    size: \"xs\",\n  },\n};\n\nexport const sm: Story = {\n  args: {\n    size: \"sm\",\n    variant: \"dots\",\n  },\n};\n\nexport const md: Story = {\n  args: {\n    size: \"md\",\n  },\n};\n\nexport const lg: Story = {\n  args: {\n    size: \"lg\",\n  },\n};\n"],"mappings":"AACA,SAAS,eAAe;AAExB,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,0BAAQ;AAIR,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AACF;AAEO,MAAM,KAAY;AAAA,EACvB,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/components/primitives/stack/stack.d.ts

@@ -0,0 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+declare const stackVariants: (props?: ({
+    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
+    asChild?: boolean;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Stack, type StackProps, stackVariants };

package/dist/components/primitives/stack/stack.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../../../utils";
+const stackVariants = cva("sg:flex sg:flex-col", {
+  variants: {
+    gap: {
+      0: "",
+      1: "sg:gap-1",
+      2: "sg:gap-2",
+      3: "sg:gap-3",
+      4: "sg:gap-4",
+      5: "sg:gap-5",
+      6: "sg:gap-6",
+      7: "sg:gap-7",
+      8: "sg:gap-8",
+      9: "sg:gap-9",
+      10: "sg:gap-10"
+    }
+  },
+  defaultVariants: {
+    gap: 0
+  }
+});
+const Stack = React.forwardRef(
+  ({ className, gap, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(stackVariants({ gap }), className),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Stack.displayName = "Stack";
+export {
+  Stack,
+  stackVariants
+};
+//# sourceMappingURL=stack.js.map

package/dist/components/primitives/stack/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/stack/stack.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"../../../utils\";\r\n\r\nconst stackVariants = cva(\"sg:flex sg:flex-col\", {\r\n  variants: {\r\n    gap: {\r\n      0: \"\",\r\n      1: \"sg:gap-1\",\r\n      2: \"sg:gap-2\",\r\n      3: \"sg:gap-3\",\r\n      4: \"sg:gap-4\",\r\n      5: \"sg:gap-5\",\r\n      6: \"sg:gap-6\",\r\n      7: \"sg:gap-7\",\r\n      8: \"sg:gap-8\",\r\n      9: \"sg:gap-9\",\r\n      10: \"sg:gap-10\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    gap: 0,\r\n  },\r\n});\r\n\r\nexport interface StackProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof stackVariants> {\r\n  asChild?: boolean;\r\n}\r\n\r\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\r\n  ({ className, gap, asChild = false, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    return (\r\n      <Comp\r\n        className={cn(stackVariants({ gap }), className)}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\nStack.displayName = \"Stack\";\r\n\r\nexport { Stack, stackVariants };\r\n"],"mappings":"AAoCM;AApCN,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,gBAAgB,IAAI,uBAAuB;AAAA,EAC/C,UAAU;AAAA,IACR,KAAK;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,EACP;AACF,CAAC;AAQD,MAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,EAAE,WAAW,KAAK,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AACtD,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,cAAc,EAAE,IAAI,CAAC,GAAG,SAAS;AAAA,QAC/C;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/components/primitives/stack/stack.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Stack } from './stack.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'react';
+
+declare const meta: Meta<typeof Stack>;
+
+type Story = StoryObj<typeof meta>;
+declare const Default: Story;
+declare const Spacing: Story;
+
+export { Default, Spacing, meta as default };

package/dist/components/primitives/stack/stack.stories.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack } from "./stack";
+import { TextHeading } from "../text/text-heading";
+import { TextParagraph } from "../text/text-paragraph";
+const meta = {
+  title: "Stack"
+};
+var stack_stories_default = meta;
+const Default = {
+  render: (args) => /* @__PURE__ */ jsxs(Stack, { ...args, children: [
+    /* @__PURE__ */ jsx(TextHeading, { children: "Heading" }),
+    /* @__PURE__ */ jsx(TextParagraph, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." })
+  ] })
+};
+const Spacing = {
+  render: (args) => /* @__PURE__ */ jsxs(Stack, { ...args, gap: 8, children: [
+    /* @__PURE__ */ jsx(TextHeading, { children: "Heading" }),
+    /* @__PURE__ */ jsx(TextParagraph, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." })
+  ] })
+};
+export {
+  Default,
+  Spacing,
+  stack_stories_default as default
+};
+//# sourceMappingURL=stack.stories.js.map

package/dist/components/primitives/stack/stack.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/stack/stack.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Stack } from \"./stack\";\nimport { TextHeading } from \"../text/text-heading\";\nimport { TextParagraph } from \"../text/text-paragraph\";\n\nconst meta: Meta<typeof Stack> = {\n  title: \"Stack\",\n};\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: (args) => (\n    <Stack {...args}>\n      <TextHeading>Heading</TextHeading>\n      <TextParagraph>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      </TextParagraph>\n    </Stack>\n  ),\n};\n\nexport const Spacing: Story = {\n  render: (args) => (\n    <Stack {...args} gap={8}>\n      <TextHeading>Heading</TextHeading>\n      <TextParagraph>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      </TextParagraph>\n    </Stack>\n  ),\n};\n"],"mappings":"AAcI,SACE,KADF;AAbJ,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,MAAM,OAA2B;AAAA,EAC/B,OAAO;AACT;AACA,IAAO,wBAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,QAAQ,CAAC,SACP,qBAAC,SAAO,GAAG,MACT;AAAA,wBAAC,eAAY,qBAAO;AAAA,IACpB,oBAAC,iBAAc,sEAEf;AAAA,KACF;AAEJ;AAEO,MAAM,UAAiB;AAAA,EAC5B,QAAQ,CAAC,SACP,qBAAC,SAAO,GAAG,MAAM,KAAK,GACpB;AAAA,wBAAC,eAAY,qBAAO;AAAA,IACpB,oBAAC,iBAAc,sEAEf;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/primitives/table/table.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };