singularity-components 0.1.61 → 0.1.64

package/dist/main.cjs

@@ -4,7 +4,9 @@ var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var React2 = require('react');
+var React = require('react');
+var AccordionPrimitive = require('@radix-ui/react-accordion');
+require('lucide-react');
 var reactSlot = require('@radix-ui/react-slot');
 
 function _interopNamespace(e) {
@@ -25,9 +27,10 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 
-// lib/components/ui/heading/heading.tsx
+// src/components/ui/heading/heading.tsx
 function cn(...inputs) {
   const twMergeWithPrefix = tailwindMerge.extendTailwindMerge({
     prefix: "sg:"
@@ -76,118 +79,6 @@ var Heading = ({
     }
   );
 };
-var textVariants = classVarianceAuthority.cva("", {
-  variants: {
-    size: {
-      xs: "sg:text-xs",
-      sm: "sg:text-sm",
-      base: "sg:text-base",
-      lg: "sg:text-lg",
-      xl: "sg:text-xl"
-    },
-    foreground: {
-      default: "sg:text-foreground",
-      muted: "sg:text-muted-foreground",
-      primary: "sg:text-primary",
-      secondary: "sg:text-secondary-foreground",
-      destructive: "sg:text-destructive",
-      accent: "sg:text-accent-foreground"
-    },
-    weight: {
-      normal: "sg:font-normal",
-      medium: "sg:font-medium",
-      semibold: "sg:font-semibold",
-      bold: "sg:font-bold"
-    }
-  },
-  defaultVariants: {
-    size: "base",
-    foreground: "default",
-    weight: "normal"
-  }
-});
-var Text = ({
-  children,
-  size,
-  foreground,
-  weight,
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      className: cn(
-        textVariants({
-          size,
-          foreground,
-          weight,
-          className
-        })
-      ),
-      ...props,
-      children
-    }
-  );
-};
-var buttonVariants = classVarianceAuthority.cva(
-  "sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:rounded-md sg:text-sm sg:font-medium sg:transition-colors sg:focus-visible:outline-hidden focus-visible:ring-offset-2 sg:focus-visible:ring-2 sg:focus-visible:ring-ring sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&_svg]:pointer-events-none sg:[&_svg]:size-4 sg:[&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        primary: "sg:bg-orange sg:text-orange-foreground sg:shadow sg:hover:bg-orange/90",
-        secondary: "sg:bg-purple sg:text-purple-foreground sg:shadow-sm sg:hover:bg-purple/90",
-        destructive: "sg:bg-red sg:text-red-foreground sg:shadow-sm sg:hover:bg-red/90",
-        outline: "sg:border sg:border-orange sg:bg-white sg:shadow-sm sg:hover:bg-gray/20",
-        ghost: "sg:hover:bg-accent sg:hover:text-accent-foreground",
-        link: "sg:text-primary sg:underline-offset-4 sg:hover:underline"
-      },
-      size: {
-        default: "sg:h-9 sg:px-4 sg:py-2",
-        sm: "sg:h-8 sg:rounded-md sg:px-3 sg:py-2 sg:text-xs",
-        lg: "sg:h-10 sg:rounded-md sg:px-8 sg:py-2",
-        icon: "sg:h-9 sg:w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "default"
-    }
-  }
-);
-var Button = React2__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var badgeVariants = classVarianceAuthority.cva(
-  "sg:inline-flex sg:items-center sg:rounded-md sg:border sg:px-2.5 sg:py-0.5 sg:text-xs sg:font-semibold sg:transition-colors sg:focus:outline-hidden sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "sg:border-transparent sg:bg-orange sg:text-orange-foreground sg:shadow sg:hover:bg-orange/80",
-        purple: "sg:border-transparent sg:bg-purple sg:text-purple-foreground sg:shadow sg:hover:bg-purple/80",
-        green: "sg:border-transparent sg:bg-green sg:text-green-foreground sg:shadow sg:hover:bg-green/80",
-        outline: "sg:text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
 var bgColor = {
   transparent: "sg:bg-transparent",
   white: "sg:bg-white",
@@ -251,9 +142,9 @@ function Layout({
     {
       ...props,
       className: cn(bgColor[bgcolor ?? "transparent"], className),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(layoutVariants({ type, cols })), children: React2__namespace.Children.map(
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(layoutVariants({ type, cols })), children: React__namespace.Children.map(
         children,
-        (child) => React2__namespace.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
+        (child) => React__namespace.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
       ) })
     }
   );
@@ -274,11 +165,182 @@ Layout.Col1 = Col1;
 Layout.Col2 = Col2;
 Layout.Col3 = Col3;
 Layout.Col4 = Col4;
+var textVariants = classVarianceAuthority.cva("", {
+  variants: {
+    size: {
+      xs: "sg:text-xs",
+      sm: "sg:text-sm",
+      base: "sg:text-base",
+      lg: "sg:text-lg",
+      xl: "sg:text-xl"
+    },
+    foreground: {
+      default: "sg:text-foreground",
+      muted: "sg:text-muted-foreground",
+      primary: "sg:text-primary",
+      secondary: "sg:text-secondary-foreground",
+      destructive: "sg:text-destructive",
+      accent: "sg:text-accent-foreground"
+    },
+    weight: {
+      normal: "sg:font-normal",
+      medium: "sg:font-medium",
+      semibold: "sg:font-semibold",
+      bold: "sg:font-bold"
+    }
+  },
+  defaultVariants: {
+    size: "base",
+    foreground: "default",
+    weight: "normal"
+  }
+});
+var Text = ({
+  children,
+  size,
+  foreground,
+  weight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: cn(
+        textVariants({
+          size,
+          foreground,
+          weight,
+          className
+        })
+      ),
+      ...props,
+      children
+    }
+  );
+};
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+}
+var badgeVariants = classVarianceAuthority.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 [&>svg]:sg:size-3 sg:gap-1 [&>svg]:sg:pointer-events-none focus-visible:sg:border-ring focus-visible:sg:ring-ring/50 focus-visible:sg:ring-[3px] aria-invalid:sg:ring-destructive/20 dark:aria-invalid:sg:ring-destructive/40 aria-invalid:sg:border-destructive sg:transition-[color,box-shadow] sg:overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "sg:border-transparent sg:bg-primary sg:text-primary-foreground [a&]:hover:sg:bg-primary/90",
+        secondary: "sg:border-transparent sg:bg-secondary sg:text-secondary-foreground [a&]:hover:sg:bg-secondary/90",
+        destructive: "sg:border-transparent sg:bg-destructive sg:text-white [a&]:hover:sg:bg-destructive/90 focus-visible:sg:ring-destructive/20 dark:focus-visible:sg:ring-destructive/40 dark:sg:bg-destructive/60",
+        outline: "sg:text-foreground [a&]:hover:sg:bg-accent [a&]:hover:sg:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:rounded-md sg:text-sm sg:font-medium sg:transition-all disabled:sg:pointer-events-none disabled:sg:opacity-50 [&_svg]:sg:pointer-events-none [&_svg:not([class*=size-])]:sg:size-4 sg:shrink-0 [&_svg]:sg:shrink-0 sg:outline-none focus-visible:sg:border-ring focus-visible:sg:ring-ring/50 focus-visible:sg:ring-[3px] aria-invalid:sg:ring-destructive/20 dark:aria-invalid:sg:ring-destructive/40 aria-invalid:sg:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "sg:bg-primary sg:text-primary-foreground sg:shadow-xs hover:sg:bg-primary/90",
+        destructive: "sg:bg-destructive sg:text-white sg:shadow-xs hover:sg:bg-destructive/90 focus-visible:sg:ring-destructive/20 dark:focus-visible:sg:ring-destructive/40 dark:sg:bg-destructive/60",
+        outline: "sg:border sg:bg-background sg:shadow-xs hover:sg:bg-accent hover:sg:text-accent-foreground dark:sg:bg-input/30 dark:sg:border-input dark:hover:sg:bg-input/50",
+        secondary: "sg:bg-secondary sg:text-secondary-foreground sg:shadow-xs hover:sg:bg-secondary/80",
+        ghost: "hover:sg:bg-accent hover:sg:text-accent-foreground dark:hover:sg:bg-accent/50",
+        link: "sg:text-primary sg:underline-offset-4 hover:sg:underline"
+      },
+      size: {
+        default: "sg:h-9 sg:px-4 sg:py-2 has-[>svg]:sg:px-3",
+        sm: "sg:h-8 sg:rounded-md sg:gap-1.5 sg:px-3 has-[>svg]:sg:px-2.5",
+        lg: "sg:h-10 sg:rounded-md sg:px-6 has-[>svg]:sg:px-4",
+        icon: "sg:size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  ) });
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:sg:text-foreground placeholder:sg:text-muted-foreground selection:sg:bg-primary selection:sg:text-primary-foreground dark:sg:bg-input/30 sg:border-input sg:flex sg:h-9 sg:w-full sg:min-w-0 sg:rounded-md sg:border sg:bg-transparent sg:px-3 sg:py-1 sg:text-base sg:shadow-xs sg:transition-[color,box-shadow] sg:outline-none file:sg:inline-flex file:sg:h-7 file:sg:border-0 file:sg:bg-transparent file:sg:text-sm file:sg:font-medium disabled:sg:pointer-events-none disabled:sg:cursor-not-allowed disabled:sg:opacity-50 md:sg:text-sm",
+        "focus-visible:sg:border-ring focus-visible:sg:ring-ring/50 focus-visible:sg:ring-[3px]",
+        "aria-invalid:sg:ring-destructive/20 dark:aria-invalid:sg:ring-destructive/40 aria-invalid:sg:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "sg:relative sg:w-full sg:overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("sg:w-full sg:caption-bottom sg:text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
 
+exports.Accordion = Accordion;
 exports.Badge = Badge;
 exports.Button = Button;
 exports.Heading = Heading;
+exports.Input = Input;
 exports.Layout = Layout;
+exports.Table = Table;
 exports.Text = Text;
+exports.badgeVariants = badgeVariants;
+exports.layoutVariants = layoutVariants;
 //# sourceMappingURL=main.cjs.map
 //# sourceMappingURL=main.cjs.map

package/dist/main.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/utils.ts","../lib/components/ui/heading/heading.tsx","../lib/components/ui/text/text.tsx","../lib/components/ui/button/button.tsx","../lib/components/ui/badge/badge.tsx","../lib/components/ui/layout/layout.tsx"],"names":["extendTailwindMerge","twMerge","clsx","cva","jsx","React","Slot","React2","Fragment"],"mappings":"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","file":"main.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { extendTailwindMerge, twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  const twMergeWithPrefix = extendTailwindMerge({\r\n    prefix: \"sg:\",\r\n  });\r\n\r\n  return twMergeWithPrefix(twMerge(clsx(inputs)));\r\n}\r\n","import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils\";\r\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\r\n\r\nconst headingVariants = cva(\"\", {\r\n  variants: {\r\n    variant: {\r\n      h1: \"sg:text-4xl sg:font-extrabold sg:tracking-tight sg:lg:text-5xl\",\r\n      h2: \"sg:text-3xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0\",\r\n      h3: \"sg:text-2xl sg:font-semibold sg:tracking-tight\",\r\n      h4: \"sg:text-xl sg:font-semibold sg:tracking-tight\",\r\n    },\r\n    foreground: {\r\n      default: \"sg:text-foreground\",\r\n      muted: \"sg:text-muted-foreground\",\r\n      primary: \"sg:text-primary\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"h2\",\r\n    foreground: \"default\",\r\n  },\r\n});\r\n\r\nexport interface HeadingProps\r\n  extends OmitClassProperty<\r\n      React.HTMLAttributes<HTMLHeadingElement>,\r\n      \"className\"\r\n    >,\r\n    VariantProps<typeof headingVariants> {\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\";\r\n  className?: TailwindMarginClass;\r\n}\r\n\r\nexport const Heading: React.FC<HeadingProps> = ({\r\n  children,\r\n  as,\r\n  variant,\r\n  foreground,\r\n  className,\r\n  ...props\r\n}) => {\r\n  if (!as && variant) {\r\n    as = variant;\r\n  } else if (!as) {\r\n    as = \"h2\";\r\n  }\r\n  const Component = as;\r\n\r\n  return (\r\n    <Component\r\n      className={cn(headingVariants({ variant, foreground, className }))}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils\";\r\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\r\n\r\nconst textVariants = cva(\"\", {\r\n  variants: {\r\n    size: {\r\n      xs: \"sg:text-xs\",\r\n      sm: \"sg:text-sm\",\r\n      base: \"sg:text-base\",\r\n      lg: \"sg:text-lg\",\r\n      xl: \"sg:text-xl\",\r\n    },\r\n    foreground: {\r\n      default: \"sg:text-foreground\",\r\n      muted: \"sg:text-muted-foreground\",\r\n      primary: \"sg:text-primary\",\r\n      secondary: \"sg:text-secondary-foreground\",\r\n      destructive: \"sg:text-destructive\",\r\n      accent: \"sg:text-accent-foreground\",\r\n    },\r\n    weight: {\r\n      normal: \"sg:font-normal\",\r\n      medium: \"sg:font-medium\",\r\n      semibold: \"sg:font-semibold\",\r\n      bold: \"sg:font-bold\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"base\",\r\n    foreground: \"default\",\r\n    weight: \"normal\",\r\n  },\r\n});\r\n\r\nexport interface TextProps\r\n  extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, \"className\">,\r\n    VariantProps<typeof textVariants> {\r\n  className?: TailwindMarginClass;\r\n}\r\n\r\nexport const Text: React.FC<TextProps> = ({\r\n  children,\r\n  size,\r\n  foreground,\r\n  weight,\r\n  className,\r\n  ...props\r\n}) => {\r\n  return (\r\n    <p\r\n      className={cn(\r\n        textVariants({\r\n          size,\r\n          foreground,\r\n          weight,\r\n          className,\r\n        })\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </p>\r\n  );\r\n};\r\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\n\nconst buttonVariants = cva(\n  \"sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:rounded-md sg:text-sm sg:font-medium sg:transition-colors sg:focus-visible:outline-hidden focus-visible:ring-offset-2 sg:focus-visible:ring-2 sg:focus-visible:ring-ring sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&_svg]:pointer-events-none sg:[&_svg]:size-4 sg:[&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        primary:\n          \"sg:bg-orange sg:text-orange-foreground sg:shadow sg:hover:bg-orange/90\",\n        secondary:\n          \"sg:bg-purple sg:text-purple-foreground sg:shadow-sm sg:hover:bg-purple/90\",\n        destructive:\n          \"sg:bg-red sg:text-red-foreground sg:shadow-sm sg:hover:bg-red/90\",\n        outline:\n          \"sg:border sg:border-orange sg:bg-white sg:shadow-sm sg:hover:bg-gray/20\",\n        ghost: \"sg:hover:bg-accent sg:hover:text-accent-foreground\",\n        link: \"sg:text-primary sg:underline-offset-4 sg:hover:underline\",\n      },\n      size: {\n        default: \"sg:h-9 sg:px-4 sg:py-2\",\n        sm: \"sg:h-8 sg:rounded-md sg:px-3 sg:py-2 sg:text-xs\",\n        lg: \"sg:h-10 sg:rounded-md sg:px-8 sg:py-2\",\n        icon: \"sg:h-9 sg:w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"default\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends OmitClassProperty<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      \"className\"\n    >,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  className?: TailwindMarginClass;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\n\nconst badgeVariants = cva(\n  \"sg:inline-flex sg:items-center sg:rounded-md sg:border sg:px-2.5 sg:py-0.5 sg:text-xs sg:font-semibold sg:transition-colors sg:focus:outline-hidden sg:focus:ring-2 sg:focus:ring-ring sg:focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"sg:border-transparent sg:bg-orange sg:text-orange-foreground sg:shadow sg:hover:bg-orange/80\",\n        purple:\n          \"sg:border-transparent sg:bg-purple sg:text-purple-foreground sg:shadow sg:hover:bg-purple/80\",\n        green:\n          \"sg:border-transparent sg:bg-green sg:text-green-foreground sg:shadow sg:hover:bg-green/80\",\n        outline: \"sg:text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, \"className\">,\n    VariantProps<typeof badgeVariants> {\n  className?: TailwindMarginClass;\n}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\nimport { PropsWithChildren } from \"react\";\n\nconst bgColor = {\n  transparent: \"sg:bg-transparent\",\n  white: \"sg:bg-white\",\n  black: \"sg:bg-black\",\n  orange: \"sg:bg-orange\",\n  purple: \"sg:bg-purple\",\n};\n\nconst layoutVariants = cva(\"sg:grid sg:grid-cols-1 sg:gap-4\", {\n  variants: {\n    type: {\n      full: \"sg:w-full sg:px-4\",\n      col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0\",\n    },\n    cols: {\n      \"100\": \"\",\n      \"66-33\": \"sg:md:grid-cols-2\",\n      \"50-50\": \"sg:md:grid-cols-2\",\n      \"33-33-33\": \"sg:md:grid-cols-3\",\n      \"25-25-25-25\": \"sg:md:grid-cols-4\",\n    },\n    bgcolor: bgColor,\n  },\n  defaultVariants: {\n    type: \"col\",\n    cols: \"100\",\n  },\n});\n\nexport interface LayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof layoutVariants> {}\n\nfunction Layout({\n  children,\n  className,\n  type,\n  cols,\n  bgcolor,\n  ...props\n}: PropsWithChildren<LayoutProps>) {\n  const allowedInLayout = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ): boolean => {\n    if (content.type === Layout.Col1) {\n      return true;\n    } else if (\n      content.type === Layout.Col2 &&\n      (cols === \"66-33\" ||\n        cols === \"50-50\" ||\n        cols === \"33-33-33\" ||\n        cols === \"25-25-25-25\")\n    ) {\n      return true;\n    } else if (\n      content.type === Layout.Col3 &&\n      (cols === \"33-33-33\" || cols === \"25-25-25-25\")\n    ) {\n      return true;\n    } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\n      return true;\n    }\n\n    console.error(\n      \"Content not allowed in column for variant\",\n      cols,\n      content.type\n    );\n    return false;\n  };\n\n  const renderColumn = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ) => {\n    if (!allowedInLayout(content)) {\n      return;\n    }\n    return <div>{content}</div>;\n  };\n\n  return (\n    <div\n      {...props}\n      className={cn(bgColor[bgcolor ?? \"transparent\"], className)}\n    >\n      <div className={cn(layoutVariants({ type, cols }))}>\n        {React.Children.map(children, (child) =>\n          React.isValidElement(child) ? renderColumn(child) : <></>\n        )}\n      </div>\n    </div>\n  );\n}\n\ntype colProp = {\n  children?: React.ReactNode;\n};\n\nfunction Col1({ children }: colProp) {\n  return children;\n}\nfunction Col2({ children }: colProp) {\n  return children;\n}\nfunction Col3({ children }: colProp) {\n  return children;\n}\nfunction Col4({ children }: colProp) {\n  return children;\n}\n\nLayout.Col1 = Col1;\nLayout.Col2 = Col2;\nLayout.Col3 = Col3;\nLayout.Col4 = Col4;\n\nexport { Layout, layoutVariants };\n"]}
+{"version":3,"sources":["../src/utils.ts","../src/components/ui/heading/heading.tsx","../src/components/ui/layout/layout.tsx","../src/components/ui/text/text.tsx","../src/components/ui/accordion.tsx","../src/components/ui/badge.tsx","../src/components/ui/button.tsx","../src/components/ui/input.tsx","../src/components/ui/table.tsx"],"names":["extendTailwindMerge","twMerge","clsx","cva","jsx","React","Fragment","AccordionPrimitive","Slot"],"mappings":"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","file":"main.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { extendTailwindMerge, twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  const twMergeWithPrefix = extendTailwindMerge({\r\n    prefix: \"sg:\",\r\n  });\r\n\r\n  return twMergeWithPrefix(twMerge(clsx(inputs)));\r\n}\r\n","import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils\";\r\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\r\n\r\nconst headingVariants = cva(\"\", {\r\n  variants: {\r\n    variant: {\r\n      h1: \"sg:text-4xl sg:font-extrabold sg:tracking-tight sg:lg:text-5xl\",\r\n      h2: \"sg:text-3xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0\",\r\n      h3: \"sg:text-2xl sg:font-semibold sg:tracking-tight\",\r\n      h4: \"sg:text-xl sg:font-semibold sg:tracking-tight\",\r\n    },\r\n    foreground: {\r\n      default: \"sg:text-foreground\",\r\n      muted: \"sg:text-muted-foreground\",\r\n      primary: \"sg:text-primary\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"h2\",\r\n    foreground: \"default\",\r\n  },\r\n});\r\n\r\nexport interface HeadingProps\r\n  extends OmitClassProperty<\r\n      React.HTMLAttributes<HTMLHeadingElement>,\r\n      \"className\"\r\n    >,\r\n    VariantProps<typeof headingVariants> {\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\";\r\n  className?: TailwindMarginClass;\r\n}\r\n\r\nexport const Heading: React.FC<HeadingProps> = ({\r\n  children,\r\n  as,\r\n  variant,\r\n  foreground,\r\n  className,\r\n  ...props\r\n}) => {\r\n  if (!as && variant) {\r\n    as = variant;\r\n  } else if (!as) {\r\n    as = \"h2\";\r\n  }\r\n  const Component = as;\r\n\r\n  return (\r\n    <Component\r\n      className={cn(headingVariants({ variant, foreground, className }))}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n","import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils\";\r\nimport { PropsWithChildren } from \"react\";\r\n\r\nconst bgColor = {\r\n  transparent: \"sg:bg-transparent\",\r\n  white: \"sg:bg-white\",\r\n  black: \"sg:bg-black\",\r\n  orange: \"sg:bg-orange\",\r\n  purple: \"sg:bg-purple\",\r\n};\r\n\r\nconst layoutVariants = cva(\"sg:grid sg:grid-cols-1 sg:gap-4\", {\r\n  variants: {\r\n    type: {\r\n      full: \"sg:w-full sg:px-4\",\r\n      col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0\",\r\n    },\r\n    cols: {\r\n      \"100\": \"\",\r\n      \"66-33\": \"sg:md:grid-cols-2\",\r\n      \"50-50\": \"sg:md:grid-cols-2\",\r\n      \"33-33-33\": \"sg:md:grid-cols-3\",\r\n      \"25-25-25-25\": \"sg:md:grid-cols-4\",\r\n    },\r\n    bgcolor: bgColor,\r\n  },\r\n  defaultVariants: {\r\n    type: \"col\",\r\n    cols: \"100\",\r\n  },\r\n});\r\n\r\nexport interface LayoutProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof layoutVariants> {}\r\n\r\nfunction Layout({\r\n  children,\r\n  className,\r\n  type,\r\n  cols,\r\n  bgcolor,\r\n  ...props\r\n}: PropsWithChildren<LayoutProps>) {\r\n  const allowedInLayout = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\r\n  ): boolean => {\r\n    if (content.type === Layout.Col1) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col2 &&\r\n      (cols === \"66-33\" ||\r\n        cols === \"50-50\" ||\r\n        cols === \"33-33-33\" ||\r\n        cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col3 &&\r\n      (cols === \"33-33-33\" || cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\r\n      return true;\r\n    }\r\n\r\n    console.error(\r\n      \"Content not allowed in column for variant\",\r\n      cols,\r\n      content.type\r\n    );\r\n    return false;\r\n  };\r\n\r\n  const renderColumn = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\r\n  ) => {\r\n    if (!allowedInLayout(content)) {\r\n      return;\r\n    }\r\n    return <div>{content}</div>;\r\n  };\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={cn(bgColor[bgcolor ?? \"transparent\"], className)}\r\n    >\r\n      <div className={cn(layoutVariants({ type, cols }))}>\r\n        {React.Children.map(children, (child) =>\r\n          React.isValidElement(child) ? renderColumn(child) : <></>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\ntype colProp = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nfunction Col1({ children }: colProp) {\r\n  return children;\r\n}\r\nfunction Col2({ children }: colProp) {\r\n  return children;\r\n}\r\nfunction Col3({ children }: colProp) {\r\n  return children;\r\n}\r\nfunction Col4({ children }: colProp) {\r\n  return children;\r\n}\r\n\r\nLayout.Col1 = Col1;\r\nLayout.Col2 = Col2;\r\nLayout.Col3 = Col3;\r\nLayout.Col4 = Col4;\r\n\r\nexport { Layout, layoutVariants };\r\n","import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils\";\r\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\r\n\r\nconst textVariants = cva(\"\", {\r\n  variants: {\r\n    size: {\r\n      xs: \"sg:text-xs\",\r\n      sm: \"sg:text-sm\",\r\n      base: \"sg:text-base\",\r\n      lg: \"sg:text-lg\",\r\n      xl: \"sg:text-xl\",\r\n    },\r\n    foreground: {\r\n      default: \"sg:text-foreground\",\r\n      muted: \"sg:text-muted-foreground\",\r\n      primary: \"sg:text-primary\",\r\n      secondary: \"sg:text-secondary-foreground\",\r\n      destructive: \"sg:text-destructive\",\r\n      accent: \"sg:text-accent-foreground\",\r\n    },\r\n    weight: {\r\n      normal: \"sg:font-normal\",\r\n      medium: \"sg:font-medium\",\r\n      semibold: \"sg:font-semibold\",\r\n      bold: \"sg:font-bold\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"base\",\r\n    foreground: \"default\",\r\n    weight: \"normal\",\r\n  },\r\n});\r\n\r\nexport interface TextProps\r\n  extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, \"className\">,\r\n    VariantProps<typeof textVariants> {\r\n  className?: TailwindMarginClass;\r\n}\r\n\r\nexport const Text: React.FC<TextProps> = ({\r\n  children,\r\n  size,\r\n  foreground,\r\n  weight,\r\n  className,\r\n  ...props\r\n}) => {\r\n  return (\r\n    <p\r\n      className={cn(\r\n        textVariants({\r\n          size,\r\n          foreground,\r\n          weight,\r\n          className,\r\n        })\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </p>\r\n  );\r\n};\r\n","\"use client\";\n\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 last:sg: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          \"focus-visible:sg:border-ring focus-visible:sg: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 hover:sg:underline focus-visible:sg:ring-[3px] disabled:sg:pointer-events-none disabled:sg:opacity-50 [&[data-state=open]>svg]:sg: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=\"data-[state=closed]:sg:animate-accordion-up data-[state=open]:sg: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","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 [&>svg]:sg:size-3 sg:gap-1 [&>svg]:sg:pointer-events-none focus-visible:sg:border-ring focus-visible:sg:ring-ring/50 focus-visible:sg:ring-[3px] aria-invalid:sg:ring-destructive/20 dark:aria-invalid:sg:ring-destructive/40 aria-invalid:sg: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 [a&]:hover:sg:bg-primary/90\",\n        secondary:\n          \"sg:border-transparent sg:bg-secondary sg:text-secondary-foreground [a&]:hover:sg:bg-secondary/90\",\n        destructive:\n          \"sg:border-transparent sg:bg-destructive sg:text-white [a&]:hover:sg:bg-destructive/90 focus-visible:sg:ring-destructive/20 dark:focus-visible:sg:ring-destructive/40 dark:sg:bg-destructive/60\",\n        outline:\n          \"sg:text-foreground [a&]:hover:sg:bg-accent [a&]:hover:sg: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","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 buttonVariants = cva(\n  \"sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:rounded-md sg:text-sm sg:font-medium sg:transition-all disabled:sg:pointer-events-none disabled:sg:opacity-50 [&_svg]:sg:pointer-events-none [&_svg:not([class*=size-])]:sg:size-4 sg:shrink-0 [&_svg]:sg:shrink-0 sg:outline-none focus-visible:sg:border-ring focus-visible:sg:ring-ring/50 focus-visible:sg:ring-[3px] aria-invalid:sg:ring-destructive/20 dark:aria-invalid:sg:ring-destructive/40 aria-invalid:sg:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"sg:bg-primary sg:text-primary-foreground sg:shadow-xs hover:sg:bg-primary/90\",\n        destructive:\n          \"sg:bg-destructive sg:text-white sg:shadow-xs hover:sg:bg-destructive/90 focus-visible:sg:ring-destructive/20 dark:focus-visible:sg:ring-destructive/40 dark:sg:bg-destructive/60\",\n        outline:\n          \"sg:border sg:bg-background sg:shadow-xs hover:sg:bg-accent hover:sg:text-accent-foreground dark:sg:bg-input/30 dark:sg:border-input dark:hover:sg:bg-input/50\",\n        secondary:\n          \"sg:bg-secondary sg:text-secondary-foreground sg:shadow-xs hover:sg:bg-secondary/80\",\n        ghost:\n          \"hover:sg:bg-accent hover:sg:text-accent-foreground dark:hover:sg:bg-accent/50\",\n        link: \"sg:text-primary sg:underline-offset-4 hover:sg:underline\",\n      },\n      size: {\n        default: \"sg:h-9 sg:px-4 sg:py-2 has-[>svg]:sg:px-3\",\n        sm: \"sg:h-8 sg:rounded-md sg:gap-1.5 sg:px-3 has-[>svg]:sg:px-2.5\",\n        lg: \"sg:h-10 sg:rounded-md sg:px-6 has-[>svg]:sg:px-4\",\n        icon: \"sg:size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <>\n      <Comp\n        data-slot=\"button\"\n        className={cn(buttonVariants({ variant, size, className }))}\n        {...props}\n      />\n    </>\n  );\n}\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\nimport { cn } from \"../../utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:sg:text-foreground placeholder:sg:text-muted-foreground selection:sg:bg-primary selection:sg:text-primary-foreground dark:sg:bg-input/30 sg:border-input sg:flex sg:h-9 sg:w-full sg:min-w-0 sg:rounded-md sg:border sg:bg-transparent sg:px-3 sg:py-1 sg:text-base sg:shadow-xs sg:transition-[color,box-shadow] sg:outline-none file:sg:inline-flex file:sg:h-7 file:sg:border-0 file:sg:bg-transparent file:sg:text-sm file:sg:font-medium disabled:sg:pointer-events-none disabled:sg:cursor-not-allowed disabled:sg:opacity-50 md:sg:text-sm\",\n        \"focus-visible:sg:border-ring focus-visible:sg:ring-ring/50 focus-visible:sg:ring-[3px]\",\n        \"aria-invalid:sg:ring-destructive/20 dark:aria-invalid:sg:ring-destructive/40 aria-invalid:sg:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"sg:relative sg:w-full sg:overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"sg:w-full sg:caption-bottom sg:text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:sg:border-b\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:sg:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"sg:bg-muted/50 sg:border-t sg:font-medium [&>tr]:last:sg:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:sg:bg-muted/50 data-[state=selected]:sg:bg-muted sg:border-b sg:transition-colors\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"sg:text-foreground sg:h-10 sg:px-2 sg:text-left sg:align-middle sg:font-medium sg:whitespace-nowrap [&:has([role=checkbox])]:sg:pr-0 [&>[role=checkbox]]:sg:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"sg:p-2 sg:align-middle sg:whitespace-nowrap [&:has([role=checkbox])]:sg:pr-0 [&>[role=checkbox]]:sg:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"sg:text-muted-foreground sg:mt-4 sg:text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"]}