singularity-components 0.1.106 → 0.1.127

package/README.md

@@ -1,15 +1,15 @@
-## Build
-
-npm run build
-
-### Include component in build
-
-Export from main.ts?
-
-## Publish to npm
-
-npm publish
-
-## Start Storybook:
-
-npm run storybook
+## Build
+
+npm run build
+
+### Include component in build
+
+Export from main.ts
+
+## Publish to npm
+
+npm publish
+
+## Start Storybook:
+
+npm run storybook

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -1,26 +1,4 @@
-import { ImageProvider, useImage } from "./client/providers/ImageContext.js";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./client/primitives/accordion/accordion.js";
-import { Separator } from "./client/primitives/separator/separator.js";
-import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./client/primitives/table/table.js";
-import { UiImage } from "./client/primitives/ui-image.js";
-import "./client/index.js";
-import { Alert, AlertDescription, AlertTitle, alertVariants } from "./server/primitives/alert/alert.js";
-import { Badge, badgeVariants } from "./server/primitives/badge/badge.js";
-import { Badges } from "./server/primitives/badge/badges.js";
-import { Button, buttonVariants, buttonVariantsProps } from "./server/primitives/button/button.js";
-import { TextHeading, textHeadingVariants, textHeadingVariantsProps } from "./server/primitives/text/text-heading.js";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from "./server/primitives/cards/card.js";
-import { TextSpan } from "./server/primitives/text/text-span.js";
-import { TextParagraph } from "./server/primitives/text/text-paragraph.js";
-import { Icon, iconVariants, iconVariantsProps } from "./server/primitives/icon/icon.js";
-import { Cards, getGridColsClass } from "./server/primitives/cards/cards.js";
-import { Input } from "./server/primitives/input/input.js";
-import { Layout, layoutVariants, layoutVariantsProps } from "./server/primitives/layout/layout.js";
-import { Skeleton } from "./server/primitives/skeleton/skeleton.js";
-import { Spinner } from "./server/primitives/spinner/spinner.js";
-import { Stack, stackVariants } from "./server/primitives/stack/stack.js";
-import { TextDiv } from "./server/primitives/text/text-div.js";
-import { TextTime } from "./server/primitives/text/text-time.js";
-import "./server/index.js";
-
-export {  };
+export * from "./primitives";
+export * from "./providers";
+export * from "./units";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/primitives/accordion/accordion.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "../../../utils";
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("sg:border-b sg:last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "sg:flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:flex sg:flex-1 sg:items-start sg:justify-between sg:gap-4 sg:rounded-md sg:py-4 sg:text-left sg:text-sm sg:font-medium sg:transition-all sg:outline-none sg:hover:underline sg:focus-visible:ring-[3px] sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "sg:text-muted-foreground sg:pointer-events-none sg:size-4 sg:shrink-0 sg:translate-y-0.5 sg:transition-transform sg:duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "sg:data-[state=closed]:animate-accordion-up sg:data-[state=open]:animate-accordion-down sg:overflow-hidden sg:text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("sg:pt-0 sg:pb-4", className), children })
+    }
+  );
+}
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cn } from \"../../../utils\";\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"sg:border-b sg:last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"sg:flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:flex sg:flex-1 sg:items-start sg:justify-between sg:gap-4 sg:rounded-md sg:py-4 sg:text-left sg:text-sm sg:font-medium sg:transition-all sg:outline-none sg:hover:underline sg:focus-visible:ring-[3px] sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&[data-state=open]>svg]:rotate-180\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"sg:text-muted-foreground sg:pointer-events-none sg:size-4 sg:shrink-0 sg:translate-y-0.5 sg:transition-transform sg:duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"sg:data-[state=closed]:animate-accordion-up sg:data-[state=open]:animate-accordion-down sg:overflow-hidden sg:text-sm\"\n      {...props}\n    >\n      <div className={cn(\"sg:pt-0 sg:pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";AASS,cAuBH,YAvBG;AART,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,uBAAuB;AAChC,SAAS,UAAU;AAEnB,SAAS,UAAU;AAAA,EACjB,GAAG;AACL,GAAyD;AACvD,SAAO,oBAAC,mBAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAG,OAAO;AACnE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kCAAkC,SAAS;AAAA,MACxD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,WACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,mBAAgB,WAAU,oIAAmI;AAAA;AAAA;AAAA,EAChK,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAAI,UAAS;AAAA;AAAA,EAC9D;AAEJ;","names":[]}

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

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

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

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "./accordion";
+const meta = {
+  component: Accordion,
+  title: "Accordion"
+};
+var accordion_stories_default = meta;
+const primary = {
+  args: {
+    type: "single",
+    collapsible: true,
+    children: [
+      /* @__PURE__ */ jsxs(Accordion, { type: "single", collapsible: true, className: "w-full", children: [
+        /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it accessible?" }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It adheres to the WAI-ARIA design pattern." })
+        ] }),
+        /* @__PURE__ */ jsxs(AccordionItem, { value: "item-2", children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it styled?" }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It comes with default styles that matches the other components' aesthetic." })
+        ] }),
+        /* @__PURE__ */ jsxs(AccordionItem, { value: "item-3", children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it animated?" }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It's animated by default, but you can disable it if you prefer." })
+        ] })
+      ] })
+    ]
+  }
+};
+const multiple = {
+  args: {
+    type: "multiple",
+    children: [
+      /* @__PURE__ */ jsxs(Accordion, { type: "multiple", className: "w-full", children: [
+        /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it accessible?" }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It adheres to the WAI-ARIA design pattern." })
+        ] }),
+        /* @__PURE__ */ jsxs(AccordionItem, { value: "item-2", children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it styled?" }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It comes with default styles that matches the other components' aesthetic." })
+        ] }),
+        /* @__PURE__ */ jsxs(AccordionItem, { value: "item-3", children: [
+          /* @__PURE__ */ jsx(AccordionTrigger, { children: "Is it animated?" }),
+          /* @__PURE__ */ jsx(AccordionContent, { children: "Yes. It's animated by default, but you can disable it if you prefer." })
+        ] })
+      ] })
+    ]
+  }
+};
+export {
+  accordion_stories_default as default,
+  multiple,
+  primary
+};
+//# sourceMappingURL=accordion.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/accordion/accordion.stories.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"./accordion\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n  component: Accordion,\n  title: \"Accordion\",\n} satisfies Meta<typeof Accordion>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const primary: Story = {\n  args: {\n    type: \"single\",\n    collapsible: true,\n    children: [\n      <Accordion type=\"single\" collapsible className=\"w-full\">\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Is it accessible?</AccordionTrigger>\n          <AccordionContent>\n            Yes. It adheres to the WAI-ARIA design pattern.\n          </AccordionContent>\n        </AccordionItem>\n        <AccordionItem value=\"item-2\">\n          <AccordionTrigger>Is it styled?</AccordionTrigger>\n          <AccordionContent>\n            Yes. It comes with default styles that matches the other\n            components&apos; aesthetic.\n          </AccordionContent>\n        </AccordionItem>\n        <AccordionItem value=\"item-3\">\n          <AccordionTrigger>Is it animated?</AccordionTrigger>\n          <AccordionContent>\n            Yes. It's animated by default, but you can disable it if you prefer.\n          </AccordionContent>\n        </AccordionItem>\n      </Accordion>,\n    ],\n  },\n};\n\nexport const multiple: Story = {\n  args: {\n    type: \"multiple\",\n    children: [\n      <Accordion type=\"multiple\" className=\"w-full\">\n        <AccordionItem value=\"item-1\">\n          <AccordionTrigger>Is it accessible?</AccordionTrigger>\n          <AccordionContent>\n            Yes. It adheres to the WAI-ARIA design pattern.\n          </AccordionContent>\n        </AccordionItem>\n        <AccordionItem value=\"item-2\">\n          <AccordionTrigger>Is it styled?</AccordionTrigger>\n          <AccordionContent>\n            Yes. It comes with default styles that matches the other\n            components&apos; aesthetic.\n          </AccordionContent>\n        </AccordionItem>\n        <AccordionItem value=\"item-3\">\n          <AccordionTrigger>Is it animated?</AccordionTrigger>\n          <AccordionContent>\n            Yes. It's animated by default, but you can disable it if you prefer.\n          </AccordionContent>\n        </AccordionItem>\n      </Accordion>,\n    ],\n  },\n};\n"],"mappings":"AAsBQ,SACE,KADF;AAtBR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACT;AACA,IAAO,4BAAQ;AAIR,MAAM,UAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,MACR,qBAAC,aAAU,MAAK,UAAS,aAAW,MAAC,WAAU,UAC7C;AAAA,6BAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,+BAAiB;AAAA,UACnC,oBAAC,oBAAiB,6DAElB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,2BAAa;AAAA,UAC/B,oBAAC,oBAAiB,6FAGlB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,6BAAe;AAAA,UACjC,oBAAC,oBAAiB,kFAElB;AAAA,WACF;AAAA,SACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,WAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,MACR,qBAAC,aAAU,MAAK,YAAW,WAAU,UACnC;AAAA,6BAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,+BAAiB;AAAA,UACnC,oBAAC,oBAAiB,6DAElB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,2BAAa;AAAA,UAC/B,oBAAC,oBAAiB,6FAGlB;AAAA,WACF;AAAA,QACA,qBAAC,iBAAc,OAAM,UACnB;AAAA,8BAAC,oBAAiB,6BAAe;AAAA,UACjC,oBAAC,oBAAiB,kFAElB;AAAA,WACF;AAAA,SACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: {
+    variant: {
+        default: string;
+        destructive: string;
+    };
+};
+declare const alertVariantsProps: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariantsProps>): react_jsx_runtime.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Alert, AlertDescription, AlertTitle, alertVariants };

package/dist/components/primitives/alert/alert.js

@@ -0,0 +1,70 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../utils";
+const alertVariants = {
+  variant: {
+    default: "sg:bg-card sg:text-card-foreground",
+    destructive: "sg:text-destructive sg:bg-card sg:[&>svg]:text-current sg:*:data-[slot=alert-description]:text-destructive/90"
+  }
+};
+const alertVariantsProps = cva(
+  "sg:relative sg:w-full sg:rounded-lg sg:border sg:px-4 sg:py-3 sg:text-sm sg:grid sg:has-[>svg]:grid-cols-[calc(var(--sg-spacing)*4)_1fr] sg:grid-cols-[0_1fr] sg:has-[>svg]:gap-x-3 sg:gap-y-0.5 sg:items-start sg:[&>svg]:size-4 sg:[&>svg]:translate-y-0.5 sg:[&>svg]:text-current",
+  {
+    variants: alertVariants,
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariantsProps({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "sg:col-start-2 sg:line-clamp-1 sg:min-h-4 sg:font-medium sg:tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "sg:text-muted-foreground sg:col-start-2 sg:grid sg:justify-items-start sg:gap-1 sg:text-sm sg:[&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+};
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/alert/alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\n\nconst alertVariants = {\n  variant: {\n    default: \"sg:bg-card sg:text-card-foreground\",\n    destructive:\n      \"sg:text-destructive sg:bg-card sg:[&>svg]:text-current sg:*:data-[slot=alert-description]:text-destructive/90\",\n  },\n};\n\nconst alertVariantsProps = cva(\n  \"sg:relative sg:w-full sg:rounded-lg sg:border sg:px-4 sg:py-3 sg:text-sm sg:grid sg:has-[>svg]:grid-cols-[calc(var(--sg-spacing)*4)_1fr] sg:grid-cols-[0_1fr] sg:has-[>svg]:gap-x-3 sg:gap-y-0.5 sg:items-start sg:[&>svg]:size-4 sg:[&>svg]:translate-y-0.5 sg:[&>svg]:text-current\",\n  {\n    variants: alertVariants,\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariantsProps>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariantsProps({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"sg:col-start-2 sg:line-clamp-1 sg:min-h-4 sg:font-medium sg:tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"sg:text-muted-foreground sg:col-start-2 sg:grid sg:justify-items-start sg:gap-1 sg:text-sm sg:[&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\n"],"mappings":"AA4BI;AA5BJ,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,aACE;AAAA,EACJ;AACF;AAEA,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0E;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Alert } from './alert.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';
+
+declare const meta: {
+    component: typeof Alert;
+    title: string;
+    argTypes: {
+        variant: {
+            options: string[];
+        };
+    };
+};
+
+type Story = StoryObj<typeof meta>;
+declare const normal: Story;
+declare const destructive: Story;
+
+export { meta as default, destructive, normal };

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

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { Alert, AlertDescription, AlertTitle, alertVariants } from "..";
+import { Terminal } from "lucide-react";
+const meta = {
+  component: Alert,
+  title: "Alert",
+  argTypes: {
+    variant: {
+      options: Object.keys(alertVariants.variant)
+    }
+  }
+};
+var alert_stories_default = meta;
+const normal = {
+  args: {
+    children: [
+      /* @__PURE__ */ jsx(Terminal, {}),
+      /* @__PURE__ */ jsx(AlertTitle, { children: "Default" }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: "Default variant" })
+    ]
+  }
+};
+const destructive = {
+  args: {
+    variant: "destructive",
+    children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: "Destructive" }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: "Destructive variant" })
+    ]
+  }
+};
+export {
+  alert_stories_default as default,
+  destructive,
+  normal
+};
+//# sourceMappingURL=alert.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/alert/alert.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Alert, AlertDescription, AlertTitle, alertVariants } from \"..\";\nimport { Terminal } from \"lucide-react\";\n\nconst meta = {\n  component: Alert,\n  title: \"Alert\",\n  argTypes: {\n    variant: {\n      options: Object.keys(alertVariants.variant),\n    },\n  },\n} satisfies Meta<typeof Alert>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const normal: Story = {\n  args: {\n    children: [\n      <Terminal />,\n      <AlertTitle>Default</AlertTitle>,\n      <AlertDescription>Default variant</AlertDescription>,\n    ],\n  },\n};\n\nexport const destructive: Story = {\n  args: {\n    variant: \"destructive\",\n    children: [\n      <AlertTitle>Destructive</AlertTitle>,\n      <AlertDescription>Destructive variant</AlertDescription>,\n    ],\n  },\n};\n"],"mappings":"AAoBM;AAnBN,SAAS,OAAO,kBAAkB,YAAY,qBAAqB;AACnE,SAAS,gBAAgB;AAEzB,MAAM,OAAO;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,OAAO,KAAK,cAAc,OAAO;AAAA,IAC5C;AAAA,EACF;AACF;AACA,IAAO,wBAAQ;AAIR,MAAM,SAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,oBAAC,YAAS;AAAA,MACV,oBAAC,cAAW,qBAAO;AAAA,MACnB,oBAAC,oBAAiB,6BAAe;AAAA,IACnC;AAAA,EACF;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,MACR,oBAAC,cAAW,yBAAW;AAAA,MACvB,oBAAC,oBAAiB,iCAAmB;AAAA,IACvC;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Badge, badgeVariants };

package/dist/components/primitives/badge/badge.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../utils";
+const badgeVariants = cva(
+  "sg:inline-flex sg:items-center sg:justify-center sg:rounded-md sg:border sg:px-2 sg:py-0.5 sg:text-xs sg:font-medium sg:w-fit sg:whitespace-nowrap sg:shrink-0 sg:[&>svg]:size-3 sg:gap-1 sg:[&>svg]:pointer-events-none sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:focus-visible:ring-[3px] sg:aria-invalid:ring-destructive/20 sg:dark:aria-invalid:ring-destructive/40 sg:aria-invalid:border-destructive sg:transition-[color,box-shadow] sg:overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "sg:border-transparent sg:bg-primary sg:text-primary-foreground sg:[a&]:hover:bg-primary/90",
+        secondary: "sg:border-transparent sg:bg-secondary sg:text-secondary-foreground sg:[a&]:hover:bg-secondary/90",
+        destructive: "sg:border-transparent sg:bg-destructive sg:text-white sg:[a&]:hover:bg-destructive/90 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:dark:bg-destructive/60",
+        outline: "sg:text-foreground sg:[a&]:hover:bg-accent sg:[a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/badge/badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\n\nconst badgeVariants = cva(\n  \"sg:inline-flex sg:items-center sg:justify-center sg:rounded-md sg:border sg:px-2 sg:py-0.5 sg:text-xs sg:font-medium sg:w-fit sg:whitespace-nowrap sg:shrink-0 sg:[&>svg]:size-3 sg:gap-1 sg:[&>svg]:pointer-events-none sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:focus-visible:ring-[3px] sg:aria-invalid:ring-destructive/20 sg:dark:aria-invalid:ring-destructive/40 sg:aria-invalid:border-destructive sg:transition-[color,box-shadow] sg:overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"sg:border-transparent sg:bg-primary sg:text-primary-foreground sg:[a&]:hover:bg-primary/90\",\n        secondary:\n          \"sg:border-transparent sg:bg-secondary sg:text-secondary-foreground sg:[a&]:hover:bg-secondary/90\",\n        destructive:\n          \"sg:border-transparent sg:bg-destructive sg:text-white sg:[a&]:hover:bg-destructive/90 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:dark:bg-destructive/60\",\n        outline:\n          \"sg:text-foreground sg:[a&]:hover:bg-accent sg:[a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":"AAoCI;AApCJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAC8D;AAC5D,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/primitives/badge/badges.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface BadgesProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
+
+export { Badges, type BadgesProps };

package/dist/components/primitives/badge/badges.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../utils";
+const Badges = ({ children, className, ...props }) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("sg:flex sg:flex-wrap sg:gap-2", className), ...props, children });
+};
+export {
+  Badges
+};
+//# sourceMappingURL=badges.js.map

package/dist/components/primitives/badge/badges.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/primitives/badge/badges.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../../utils\";\n\nexport interface BadgesProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const Badges = ({ children, className, ...props }: BadgesProps) => {\n  return (\n    <div className={cn(\"sg:flex sg:flex-wrap sg:gap-2\", className)} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":"AAOI;AAPJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAIZ,MAAM,SAAS,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,MAAmB;AACxE,SACE,oBAAC,SAAI,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OACjE,UACH;AAEJ;","names":[]}

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

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { icons } from 'lucide-react';
+
+declare const buttonVariants: {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+};
+declare const buttonVariantsProps: (props?: ({
+    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type Props = React.ComponentProps<"button"> & VariantProps<typeof buttonVariantsProps> & {
+    asChild?: boolean;
+    iconStart?: keyof typeof icons;
+    iconStartAnimate?: boolean;
+    iconEnd?: keyof typeof icons;
+    iconEndAnimate?: boolean;
+};
+declare function Button({ className, variant, size, asChild, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children, ...props }: Props): react_jsx_runtime.JSX.Element;
+
+export { Button, buttonVariants, buttonVariantsProps };