singularity-components 0.1.105 → 0.1.107

package/dist/components/server/primitives/input/input.d.cts

@@ -0,0 +1,12 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/input/input.d.ts
+declare function Input({
+  className,
+  type,
+  ...props
+}: React$1.ComponentProps<"input">): react_jsx_runtime16.JSX.Element;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.cts.map

package/dist/components/server/primitives/input/input.d.ts

@@ -0,0 +1,12 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/input/input.d.ts
+declare function Input({
+  className,
+  type,
+  ...props
+}: React$1.ComponentProps<"input">): react_jsx_runtime8.JSX.Element;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/server/primitives/input/input.js

@@ -0,0 +1,17 @@
+import { cn } from "../../../../utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/server/primitives/input/input.tsx
+function Input({ className, type,...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("sg:file:text-foreground sg:placeholder:text-muted-foreground sg:selection:bg-primary sg:selection:text-primary-foreground sg:dark: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 sg:file:inline-flex sg:file:h-7 sg:file:border-0 sg:file:bg-transparent sg:file:text-sm sg:file:font-medium sg:disabled:pointer-events-none sg:disabled:cursor-not-allowed sg:disabled:opacity-50 sg:md:text-sm", "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", className),
+		...props
+	});
+}
+
+//#endregion
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/components/server/primitives/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../../../src/components/server/primitives/input/input.tsx"],"sourcesContent":["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        \"sg:file:text-foreground sg:placeholder:text-muted-foreground sg:selection:bg-primary sg:selection:text-primary-foreground sg:dark: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 sg:file:inline-flex sg:file:h-7 sg:file:border-0 sg:file:bg-transparent sg:file:text-sm sg:file:font-medium sg:disabled:pointer-events-none sg:disabled:cursor-not-allowed sg:disabled:opacity-50 sg:md:text-sm\",\n        \"sg:focus-visible:border-ring sg:focus-visible:ring-ring/50 sg:focus-visible:ring-[3px]\",\n        \"sg:aria-invalid:ring-destructive/20 sg:dark:aria-invalid:ring-destructive/40 sg:aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;AAGA,SAAS,MAAM,EAAE,WAAW,KAAM,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACO;EACN,aAAU;EACV,WAAW,GACT,0hBACA,0FACA,mHACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/server/primitives/layout/layout.cjs

@@ -0,0 +1,83 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../../../utils.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let class_variance_authority = require("class-variance-authority");
+class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
+
+//#region src/components/server/primitives/layout/layout.tsx
+const bgColors = {
+	transparent: "sg:bg-transparent",
+	white: "sg:bg-white",
+	black: "sg:bg-black",
+	orange: "sg:bg-orange",
+	pink: "sg:bg-pink",
+	gradient1: "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]",
+	gradient2: "sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]",
+	"primarylight-pink-orange": "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]"
+};
+const layoutVariants = {
+	type: {
+		full: "sg:w-full",
+		wide: "sg:w-full sg:px-4",
+		col: "sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0"
+	},
+	cols: {
+		"100": "",
+		"66-33": "sg:md:grid-cols-[2fr_1fr]",
+		"50-50": "sg:md:grid-cols-2",
+		"33-33-33": "sg:md:grid-cols-3",
+		"25-25-25-25": "sg:md:grid-cols-4"
+	},
+	bgColor: bgColors
+};
+const layoutVariantsProps = (0, class_variance_authority.cva)("sg:grid sg:grid-cols-1 sg:gap-4", {
+	variants: layoutVariants,
+	defaultVariants: {
+		type: "col",
+		cols: "100"
+	}
+});
+function Layout({ children, className, type, cols, bgColor, as: Component = "div",...props }) {
+	const allowedInLayout = (content) => {
+		if (content.type === Layout.Col1) return true;
+		else if (content.type === Layout.Col2 && (cols === "66-33" || cols === "50-50" || cols === "33-33-33" || cols === "25-25-25-25")) return true;
+		else if (content.type === Layout.Col3 && (cols === "33-33-33" || cols === "25-25-25-25")) return true;
+		else if (content.type === Layout.Col4 && cols === "25-25-25-25") return true;
+		console.error("Content not allowed in column for variant", cols, content.type);
+		return false;
+	};
+	const renderColumn = (content) => {
+		if (!allowedInLayout(content)) return;
+		return content;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		...props,
+		className: require_utils.cn(bgColors[bgColor ?? "transparent"], className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn(layoutVariantsProps({
+				type,
+				cols
+			})),
+			children: react.Children.map(children, (child) => react.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {}))
+		})
+	});
+}
+function Col({ children, hideDiv, className, as: Component = "div" }) {
+	return hideDiv ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		className,
+		children
+	});
+}
+Layout.Col1 = Col;
+Layout.Col2 = Col;
+Layout.Col3 = Col;
+Layout.Col4 = Col;
+
+//#endregion
+exports.Layout = Layout;
+exports.layoutVariants = layoutVariants;
+exports.layoutVariantsProps = layoutVariantsProps;
+//# sourceMappingURL=layout.cjs.map

package/dist/components/server/primitives/layout/layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.cjs","names":["cn","React"],"sources":["../../../../../src/components/server/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../../utils\";\nimport { PropsWithChildren } from \"react\";\n\nconst bgColors = {\n  transparent: \"sg:bg-transparent\",\n  white: \"sg:bg-white\",\n  black: \"sg:bg-black\",\n  orange: \"sg:bg-orange\",\n  pink: \"sg:bg-pink\",\n  gradient1:\n    \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]\",\n  gradient2:\n    \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]\",\n  \"primarylight-pink-orange\":\n    \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]\",\n};\n\nconst layoutVariants = {\n  type: {\n    full: \"sg:w-full\",\n    wide: \"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-[2fr_1fr]\",\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: bgColors,\n};\n\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1 sg:gap-4\", {\n  variants: layoutVariants,\n  defaultVariants: {\n    type: \"col\",\n    cols: \"100\",\n  },\n});\n\nexport interface LayoutProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof layoutVariantsProps> {\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n}\n\nfunction Layout({\n  children,\n  className,\n  type,\n  cols,\n  bgColor,\n  as: Component = \"div\",\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 content;\n  };\n\n  return (\n    <Component\n      {...props}\n      className={cn(bgColors[bgColor ?? \"transparent\"], className)}\n    >\n      <div className={cn(layoutVariantsProps({ type, cols }))}>\n        {React.Children.map(children, (child) =>\n          React.isValidElement(child) ? renderColumn(child) : <></>\n        )}\n      </div>\n    </Component>\n  );\n}\n\ntype colProp = {\n  children?: React.ReactNode;\n  hideDiv?: boolean;\n  className?: string;\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n};\n\nfunction Col({ children, hideDiv, className, as: Component = \"div\" }: colProp) {\n  return hideDiv ? (\n    <>{children}</>\n  ) : (\n    <Component className={className}>{children}</Component>\n  );\n}\n\nLayout.Col1 = Col;\nLayout.Col2 = Col;\nLayout.Col3 = Col;\nLayout.Col4 = Col;\n\nexport { Layout, layoutVariantsProps, layoutVariants };\n"],"mappings":";;;;;;;;;;AAKA,MAAM,WAAW;CACf,aAAa;CACb,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,WACE;CACF,WACE;CACF,4BACE;CACH;AAED,MAAM,iBAAiB;CACrB,MAAM;EACJ,MAAM;EACN,MAAM;EACN,KAAK;EACN;CACD,MAAM;EACJ,OAAO;EACP,SAAS;EACT,SAAS;EACT,YAAY;EACZ,eAAe;EAChB;CACD,SAAS;CACV;AAED,MAAM,wDAA0B,mCAAmC;CACjE,UAAU;CACV,iBAAiB;EACf,MAAM;EACN,MAAM;EACP;CACF,CAAC;AAQF,SAAS,OAAO,EACd,UACA,WACA,MACA,MACA,SACA,IAAI,YAAY,MAChB,GAAG,SAC8B;CACjC,MAAM,mBACJ,YACY;AACZ,MAAI,QAAQ,SAAS,OAAO,KAC1B,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,eAEX,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,eAEjC,QAAO;WACE,QAAQ,SAAS,OAAO,QAAQ,SAAS,cAClD,QAAO;AAGT,UAAQ,MACN,6CACA,MACA,QAAQ,KACT;AACD,SAAO;;CAGT,MAAM,gBACJ,YACG;AACH,MAAI,CAAC,gBAAgB,QAAQ,CAC3B;AAEF,SAAO;;AAGT,QACE,2CAAC;EACC,GAAI;EACJ,WAAWA,iBAAG,SAAS,WAAW,gBAAgB,UAAU;YAE5D,2CAAC;GAAI,WAAWA,iBAAG,oBAAoB;IAAE;IAAM;IAAM,CAAC,CAAC;aACpDC,MAAM,SAAS,IAAI,WAAW,UAC7BA,MAAM,eAAe,MAAM,GAAG,aAAa,MAAM,GAAG,0EAAK,CAC1D;IACG;GACI;;AAWhB,SAAS,IAAI,EAAE,UAAU,SAAS,WAAW,IAAI,YAAY,SAAkB;AAC7E,QAAO,UACL,yEAAG,WAAY,GAEf,2CAAC;EAAqB;EAAY;GAAqB;;AAI3D,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO"}

package/dist/components/server/primitives/layout/layout.d.cts

@@ -0,0 +1,69 @@
+import * as React$1 from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/server/primitives/layout/layout.d.ts
+declare const layoutVariants: {
+  type: {
+    full: string;
+    wide: string;
+    col: string;
+  };
+  cols: {
+    "100": string;
+    "66-33": string;
+    "50-50": string;
+    "33-33-33": string;
+    "25-25-25-25": string;
+  };
+  bgColor: {
+    transparent: string;
+    white: string;
+    black: string;
+    orange: string;
+    pink: string;
+    gradient1: string;
+    gradient2: string;
+    "primarylight-pink-orange": string;
+  };
+};
+declare const layoutVariantsProps: (props?: ({
+  type?: "col" | "full" | "wide" | null | undefined;
+  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
+  bgColor?: "black" | "white" | "transparent" | "orange" | "pink" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
+  as?: "div" | "section" | "article" | "main" | "header" | "footer";
+}
+declare function Layout({
+  children,
+  className,
+  type,
+  cols,
+  bgColor,
+  as: Component,
+  ...props
+}: PropsWithChildren<LayoutProps>): react_jsx_runtime4.JSX.Element;
+declare namespace Layout {
+  var Col1: typeof Col;
+  var Col2: typeof Col;
+  var Col3: typeof Col;
+  var Col4: typeof Col;
+}
+type colProp = {
+  children?: React$1.ReactNode;
+  hideDiv?: boolean;
+  className?: string;
+  as?: "div" | "section" | "article" | "main" | "header" | "footer";
+};
+declare function Col({
+  children,
+  hideDiv,
+  className,
+  as: Component
+}: colProp): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { Layout, LayoutProps, layoutVariants, layoutVariantsProps };
+//# sourceMappingURL=layout.d.cts.map

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

@@ -0,0 +1,69 @@
+import * as React$1 from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+
+//#region src/components/server/primitives/layout/layout.d.ts
+declare const layoutVariants: {
+  type: {
+    full: string;
+    wide: string;
+    col: string;
+  };
+  cols: {
+    "100": string;
+    "66-33": string;
+    "50-50": string;
+    "33-33-33": string;
+    "25-25-25-25": string;
+  };
+  bgColor: {
+    transparent: string;
+    white: string;
+    black: string;
+    orange: string;
+    pink: string;
+    gradient1: string;
+    gradient2: string;
+    "primarylight-pink-orange": string;
+  };
+};
+declare const layoutVariantsProps: (props?: ({
+  type?: "col" | "full" | "wide" | null | undefined;
+  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
+  bgColor?: "black" | "white" | "transparent" | "orange" | "pink" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
+  as?: "div" | "section" | "article" | "main" | "header" | "footer";
+}
+declare function Layout({
+  children,
+  className,
+  type,
+  cols,
+  bgColor,
+  as: Component,
+  ...props
+}: PropsWithChildren<LayoutProps>): react_jsx_runtime9.JSX.Element;
+declare namespace Layout {
+  var Col1: typeof Col;
+  var Col2: typeof Col;
+  var Col3: typeof Col;
+  var Col4: typeof Col;
+}
+type colProp = {
+  children?: React$1.ReactNode;
+  hideDiv?: boolean;
+  className?: string;
+  as?: "div" | "section" | "article" | "main" | "header" | "footer";
+};
+declare function Col({
+  children,
+  hideDiv,
+  className,
+  as: Component
+}: colProp): react_jsx_runtime9.JSX.Element;
+//#endregion
+export { Layout, LayoutProps, layoutVariants, layoutVariantsProps };
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1,77 @@
+import { cn } from "../../../../utils.js";
+import * as React$1 from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/server/primitives/layout/layout.tsx
+const bgColors = {
+	transparent: "sg:bg-transparent",
+	white: "sg:bg-white",
+	black: "sg:bg-black",
+	orange: "sg:bg-orange",
+	pink: "sg:bg-pink",
+	gradient1: "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]",
+	gradient2: "sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]",
+	"primarylight-pink-orange": "sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]"
+};
+const layoutVariants = {
+	type: {
+		full: "sg:w-full",
+		wide: "sg:w-full sg:px-4",
+		col: "sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0"
+	},
+	cols: {
+		"100": "",
+		"66-33": "sg:md:grid-cols-[2fr_1fr]",
+		"50-50": "sg:md:grid-cols-2",
+		"33-33-33": "sg:md:grid-cols-3",
+		"25-25-25-25": "sg:md:grid-cols-4"
+	},
+	bgColor: bgColors
+};
+const layoutVariantsProps = cva("sg:grid sg:grid-cols-1 sg:gap-4", {
+	variants: layoutVariants,
+	defaultVariants: {
+		type: "col",
+		cols: "100"
+	}
+});
+function Layout({ children, className, type, cols, bgColor, as: Component = "div",...props }) {
+	const allowedInLayout = (content) => {
+		if (content.type === Layout.Col1) return true;
+		else if (content.type === Layout.Col2 && (cols === "66-33" || cols === "50-50" || cols === "33-33-33" || cols === "25-25-25-25")) return true;
+		else if (content.type === Layout.Col3 && (cols === "33-33-33" || cols === "25-25-25-25")) return true;
+		else if (content.type === Layout.Col4 && cols === "25-25-25-25") return true;
+		console.error("Content not allowed in column for variant", cols, content.type);
+		return false;
+	};
+	const renderColumn = (content) => {
+		if (!allowedInLayout(content)) return;
+		return content;
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		...props,
+		className: cn(bgColors[bgColor ?? "transparent"], className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(layoutVariantsProps({
+				type,
+				cols
+			})),
+			children: React$1.Children.map(children, (child) => React$1.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ jsx(Fragment, {}))
+		})
+	});
+}
+function Col({ children, hideDiv, className, as: Component = "div" }) {
+	return hideDiv ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Component, {
+		className,
+		children
+	});
+}
+Layout.Col1 = Col;
+Layout.Col2 = Col;
+Layout.Col3 = Col;
+Layout.Col4 = Col;
+
+//#endregion
+export { Layout, layoutVariants, layoutVariantsProps };
+//# sourceMappingURL=layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":["React"],"sources":["../../../../../src/components/server/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../../utils\";\nimport { PropsWithChildren } from \"react\";\n\nconst bgColors = {\n  transparent: \"sg:bg-transparent\",\n  white: \"sg:bg-white\",\n  black: \"sg:bg-black\",\n  orange: \"sg:bg-orange\",\n  pink: \"sg:bg-pink\",\n  gradient1:\n    \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light))_0%,hsl(var(--sg-pink))_50%,hsl(var(--sg-orange))_100%)]\",\n  gradient2:\n    \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,hsl(var(--sg-gradient-1)/0.15),transparent),radial-gradient(800px_200px_at_90%_-20%,hsl(var(--sg-gradient-2)/0.15),transparent)]\",\n  \"primarylight-pink-orange\":\n    \"sg:bg-[linear-gradient(135deg,hsl(var(--sg-primary-light)/0.1)_0%,hsl(var(--sg-pink)/0.1)_50%,hsl(var(--sg-orange)/0.1)_100%)]\",\n};\n\nconst layoutVariants = {\n  type: {\n    full: \"sg:w-full\",\n    wide: \"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-[2fr_1fr]\",\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: bgColors,\n};\n\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1 sg:gap-4\", {\n  variants: layoutVariants,\n  defaultVariants: {\n    type: \"col\",\n    cols: \"100\",\n  },\n});\n\nexport interface LayoutProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof layoutVariantsProps> {\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n}\n\nfunction Layout({\n  children,\n  className,\n  type,\n  cols,\n  bgColor,\n  as: Component = \"div\",\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 content;\n  };\n\n  return (\n    <Component\n      {...props}\n      className={cn(bgColors[bgColor ?? \"transparent\"], className)}\n    >\n      <div className={cn(layoutVariantsProps({ type, cols }))}>\n        {React.Children.map(children, (child) =>\n          React.isValidElement(child) ? renderColumn(child) : <></>\n        )}\n      </div>\n    </Component>\n  );\n}\n\ntype colProp = {\n  children?: React.ReactNode;\n  hideDiv?: boolean;\n  className?: string;\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\n};\n\nfunction Col({ children, hideDiv, className, as: Component = \"div\" }: colProp) {\n  return hideDiv ? (\n    <>{children}</>\n  ) : (\n    <Component className={className}>{children}</Component>\n  );\n}\n\nLayout.Col1 = Col;\nLayout.Col2 = Col;\nLayout.Col3 = Col;\nLayout.Col4 = Col;\n\nexport { Layout, layoutVariantsProps, layoutVariants };\n"],"mappings":";;;;;;AAKA,MAAM,WAAW;CACf,aAAa;CACb,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,WACE;CACF,WACE;CACF,4BACE;CACH;AAED,MAAM,iBAAiB;CACrB,MAAM;EACJ,MAAM;EACN,MAAM;EACN,KAAK;EACN;CACD,MAAM;EACJ,OAAO;EACP,SAAS;EACT,SAAS;EACT,YAAY;EACZ,eAAe;EAChB;CACD,SAAS;CACV;AAED,MAAM,sBAAsB,IAAI,mCAAmC;CACjE,UAAU;CACV,iBAAiB;EACf,MAAM;EACN,MAAM;EACP;CACF,CAAC;AAQF,SAAS,OAAO,EACd,UACA,WACA,MACA,MACA,SACA,IAAI,YAAY,MAChB,GAAG,SAC8B;CACjC,MAAM,mBACJ,YACY;AACZ,MAAI,QAAQ,SAAS,OAAO,KAC1B,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,eAEX,QAAO;WAEP,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,eAEjC,QAAO;WACE,QAAQ,SAAS,OAAO,QAAQ,SAAS,cAClD,QAAO;AAGT,UAAQ,MACN,6CACA,MACA,QAAQ,KACT;AACD,SAAO;;CAGT,MAAM,gBACJ,YACG;AACH,MAAI,CAAC,gBAAgB,QAAQ,CAC3B;AAEF,SAAO;;AAGT,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,SAAS,WAAW,gBAAgB,UAAU;YAE5D,oBAAC;GAAI,WAAW,GAAG,oBAAoB;IAAE;IAAM;IAAM,CAAC,CAAC;aACpDA,QAAM,SAAS,IAAI,WAAW,UAC7BA,QAAM,eAAe,MAAM,GAAG,aAAa,MAAM,GAAG,iCAAK,CAC1D;IACG;GACI;;AAWhB,SAAS,IAAI,EAAE,UAAU,SAAS,WAAW,IAAI,YAAY,SAAkB;AAC7E,QAAO,UACL,gCAAG,WAAY,GAEf,oBAAC;EAAqB;EAAY;GAAqB;;AAI3D,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO"}

package/dist/components/server/primitives/skeleton/skeleton.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../../../utils.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/server/primitives/skeleton/skeleton.tsx
+function Skeleton({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "skeleton",
+		className: require_utils.cn("sg:bg-accent sg:animate-pulse sg:rounded-md", className),
+		...props
+	});
+}
+
+//#endregion
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=skeleton.cjs.map

package/dist/components/server/primitives/skeleton/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.cjs","names":["cn"],"sources":["../../../../../src/components/server/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":";;;;;;AAEA,SAAS,SAAS,EAAE,UAAW,GAAG,SAAsC;AACtE,QACE,2CAAC;EACC,aAAU;EACV,WAAWA,iBAAG,+CAA+C,UAAU;EACvE,GAAI;GACJ"}

package/dist/components/server/primitives/skeleton/skeleton.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/skeleton/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime8.JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.cts.map

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/skeleton/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime11.JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../../../src/components/server/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":";;;;AAEA,SAAS,SAAS,EAAE,UAAW,GAAG,SAAsC;AACtE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+CAA+C,UAAU;EACvE,GAAI;GACJ"}

package/dist/components/server/primitives/spinner/spinner.cjs

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../../../utils.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/server/primitives/spinner/spinner.tsx
+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__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: require_utils.cn("sg:inline-flex sg:items-center sg:gap-1", className),
+		"aria-label": "Loading",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse", "[animation-delay:-200ms]") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse", "[animation-delay:-100ms]") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.cn("sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse") })
+		]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		role: "status",
+		"aria-label": "Loading",
+		className: require_utils.cn("sg:relative sg:inline-block sg:align-[-0.125em]", sizeMap[size], className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_utils.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__ */ (0, react_jsx_runtime.jsx)("span", { className: "sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background" })]
+	});
+}
+
+//#endregion
+exports.Spinner = Spinner;
+//# sourceMappingURL=spinner.cjs.map

package/dist/components/server/primitives/spinner/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.cjs","names":["sizeMap: Record<NonNullable<SpinnerProps[\"size\"]>, string>","cn"],"sources":["../../../../../src/components/server/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":";;;;;;AAQA,MAAMA,UAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,QAAQ,EACtB,UAAU,QACV,OAAO,MACP,aACe;AACf,KAAI,YAAY,OACd,QACE,4CAAC;EACC,WAAWC,iBAAG,2CAA2C,UAAU;EACnE,cAAW;;GAEX,2CAAC,UACC,WAAWA,iBACT,gFACA,2BACD,GACK;GACR,2CAAC,UACC,WAAWA,iBACT,gFACA,2BACD,GACK;GACR,2CAAC,UACC,WAAWA,iBACT,2DACD,GACK;;GACH;AAIX,QACE,4CAAC;EACC,MAAK;EACL,cAAW;EACX,WAAWA,iBACT,mDACA,QAAQ,OACR,UACD;aAED,2CAAC,UACC,WAAWA,iBACT,0DACA,gIACA,qEACD,GACD,EACF,2CAAC,UAAK,WAAU,gEAAgE;GAC3E"}

package/dist/components/server/primitives/spinner/spinner.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/spinner/spinner.d.ts
+type SpinnerProps = {
+  variant?: "ring" | "dots";
+  size?: "xs" | "sm" | "md" | "lg";
+  className?: string;
+};
+declare function Spinner({
+  variant,
+  size,
+  className
+}: SpinnerProps): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { Spinner, SpinnerProps };
+//# sourceMappingURL=spinner.d.cts.map

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/spinner/spinner.d.ts
+type SpinnerProps = {
+  variant?: "ring" | "dots";
+  size?: "xs" | "sm" | "md" | "lg";
+  className?: string;
+};
+declare function Spinner({
+  variant,
+  size,
+  className
+}: SpinnerProps): react_jsx_runtime12.JSX.Element;
+//#endregion
+export { Spinner, SpinnerProps };
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1,31 @@
+import { cn } from "../../../../utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/server/primitives/spinner/spinner.tsx
+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" })]
+	});
+}
+
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":["sizeMap: Record<NonNullable<SpinnerProps[\"size\"]>, string>"],"sources":["../../../../../src/components/server/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":";;;;AAQA,MAAMA,UAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,QAAQ,EACtB,UAAU,QACV,OAAO,MACP,aACe;AACf,KAAI,YAAY,OACd,QACE,qBAAC;EACC,WAAW,GAAG,2CAA2C,UAAU;EACnE,cAAW;;GAEX,oBAAC,UACC,WAAW,GACT,gFACA,2BACD,GACK;GACR,oBAAC,UACC,WAAW,GACT,gFACA,2BACD,GACK;GACR,oBAAC,UACC,WAAW,GACT,2DACD,GACK;;GACH;AAIX,QACE,qBAAC;EACC,MAAK;EACL,cAAW;EACX,WAAW,GACT,mDACA,QAAQ,OACR,UACD;aAED,oBAAC,UACC,WAAW,GACT,0DACA,gIACA,qEACD,GACD,EACF,oBAAC,UAAK,WAAU,gEAAgE;GAC3E"}

package/dist/components/server/primitives/stack/stack.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../../../utils.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let class_variance_authority = require("class-variance-authority");
+class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
+let __radix_ui_react_slot = require("@radix-ui/react-slot");
+__radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
+
+//#region src/components/server/primitives/stack/stack.tsx
+const stackVariants = (0, class_variance_authority.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) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
+		className: require_utils.cn(stackVariants({ gap }), className),
+		ref,
+		...props
+	});
+});
+Stack.displayName = "Stack";
+
+//#endregion
+exports.Stack = Stack;
+exports.stackVariants = stackVariants;
+//# sourceMappingURL=stack.cjs.map

package/dist/components/server/primitives/stack/stack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.cjs","names":["React","Slot","cn"],"sources":["../../../../../src/components/server/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":";;;;;;;;;;;;AAKA,MAAM,kDAAoB,uBAAuB;CAC/C,UAAU,EACR,KAAK;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,IAAI;EACL,EACF;CACD,iBAAiB,EACf,KAAK,GACN;CACF,CAAC;AAQF,MAAM,QAAQA,MAAM,YACjB,EAAE,WAAW,KAAK,UAAU,MAAO,GAAG,SAAS,QAAQ;AAEtD,QACE,2CAFW,UAAUC,6BAAO;EAG1B,WAAWC,iBAAG,cAAc,EAAE,KAAK,CAAC,EAAE,UAAU;EAC3C;EACL,GAAI;GACJ;EAGP;AACD,MAAM,cAAc"}

package/dist/components/server/primitives/stack/stack.d.cts

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/server/primitives/stack/stack.d.ts
+declare const stackVariants: (props?: ({
+  gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+interface StackProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
+  asChild?: boolean;
+}
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Stack, StackProps, stackVariants };
+//# sourceMappingURL=stack.d.cts.map