singularity-components 0.1.105 → 0.1.106

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_runtime24 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/skeleton/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime24.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_runtime6 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/skeleton/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime6.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_runtime25 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_runtime25.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_runtime10 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_runtime10.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

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

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+
+//#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_types5.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.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","names":["React"],"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,gBAAgB,IAAI,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,QAAM,YACjB,EAAE,WAAW,KAAK,UAAU,MAAO,GAAG,SAAS,QAAQ;AAEtD,QACE,oBAFW,UAAU,OAAO;EAG1B,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,EAAE,UAAU;EAC3C;EACL,GAAI;GACJ;EAGP;AACD,MAAM,cAAc"}

package/dist/components/server/primitives/text/internal/text-element.cjs

@@ -0,0 +1,67 @@
+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/text/internal/text-element.tsx
+const textElementForeground = {
+	default: "sg:text-foreground",
+	muted: "sg:text-muted-foreground",
+	black: "sg:text-black",
+	white: "sg:text-white",
+	gray: "sg:text-gray",
+	primary: "sg:text-primary",
+	secondary: "sg:text-secondary",
+	pink: "sg:text-pink",
+	orange: "sg:text-orange",
+	"primary-to-pink": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-primary))] sg:to-[hsl(var(--sg-pink))] sg:bg-clip-text sg:text-transparent",
+	"pink-to-orange": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent",
+	"multi-color": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-blue))] sg:via-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent"
+};
+const textElementVariants = {
+	size: {
+		xs: "sg:text-xs",
+		sm: "sg:text-sm",
+		md: "sg:text-md",
+		base: "sg:text-base",
+		lg: "sg:text-lg",
+		xl: "sg:text-xl",
+		"2xl": "sg:text-2xl",
+		"3xl": "sg:text-3xl"
+	},
+	foreground: textElementForeground,
+	fontweight: {
+		normal: "sg:font-normal",
+		medium: "sg:font-medium",
+		semibold: "sg:font-semibold",
+		bold: "sg:font-bold"
+	}
+};
+const textElementVariantsProps = (0, class_variance_authority.cva)("", {
+	variants: textElementVariants,
+	defaultVariants: {
+		size: "base",
+		foreground: "default",
+		fontweight: "normal"
+	}
+});
+const TextElement = ({ as = "div", children, size, foreground, fontweight, className,...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as, {
+		className: require_utils.cn(textElementVariantsProps({
+			size,
+			foreground,
+			fontweight
+		}), className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+exports.TextElement = TextElement;
+exports.textElementVariantsProps = textElementVariantsProps;
+//# sourceMappingURL=text-element.cjs.map

package/dist/components/server/primitives/text/internal/text-element.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-element.cjs","names":["cn"],"sources":["../../../../../../src/components/server/primitives/text/internal/text-element.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../../../utils\";\r\n\r\nexport const textElementForeground = {\r\n  default: \"sg:text-foreground\",\r\n  muted: \"sg:text-muted-foreground\",\r\n  black: \"sg:text-black\",\r\n  white: \"sg:text-white\",\r\n  gray: \"sg:text-gray\",\r\n  primary: \"sg:text-primary\",\r\n  secondary: \"sg:text-secondary\",\r\n  pink: \"sg:text-pink\",\r\n  orange: \"sg:text-orange\",\r\n  \"primary-to-pink\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-primary))] sg:to-[hsl(var(--sg-pink))] sg:bg-clip-text sg:text-transparent\",\r\n  \"pink-to-orange\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent\",\r\n  \"multi-color\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-blue))] sg:via-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent\",\r\n};\r\n\r\nexport const textElementVariants = {\r\n  size: {\r\n    xs: \"sg:text-xs\",\r\n    sm: \"sg:text-sm\",\r\n    md: \"sg:text-md\",\r\n    base: \"sg:text-base\",\r\n    lg: \"sg:text-lg\",\r\n    xl: \"sg:text-xl\",\r\n    \"2xl\": \"sg:text-2xl\",\r\n    \"3xl\": \"sg:text-3xl\",\r\n  },\r\n  foreground: textElementForeground,\r\n  fontweight: {\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\r\nexport const textElementVariantsProps = cva(\"\", {\r\n  variants: textElementVariants,\r\n  defaultVariants: {\r\n    size: \"base\",\r\n    foreground: \"default\",\r\n    fontweight: \"normal\",\r\n  },\r\n});\r\n\r\nexport interface TextElementProps\r\n  extends React.HTMLAttributes<HTMLElement>,\r\n    VariantProps<typeof textElementVariantsProps> {\r\n  as?: \"p\" | \"div\" | \"span\" | \"time\";\r\n}\r\n\r\nexport const TextElement = ({\r\n  as = \"div\",\r\n  children,\r\n  size,\r\n  foreground,\r\n  fontweight,\r\n  className,\r\n  ...props\r\n}: TextElementProps) => {\r\n  const Component = as;\r\n  return (\r\n    <Component\r\n      className={cn(\r\n        textElementVariantsProps({\r\n          size,\r\n          foreground,\r\n          fontweight,\r\n        }),\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;AAIA,MAAa,wBAAwB;CACnC,SAAS;CACT,OAAO;CACP,OAAO;CACP,OAAO;CACP,MAAM;CACN,SAAS;CACT,WAAW;CACX,MAAM;CACN,QAAQ;CACR,mBACE;CACF,kBACE;CACF,eACE;CACH;AAED,MAAa,sBAAsB;CACjC,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,OAAO;EACP,OAAO;EACR;CACD,YAAY;CACZ,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,MAAM;EACP;CACF;AAED,MAAa,6DAA+B,IAAI;CAC9C,UAAU;CACV,iBAAiB;EACf,MAAM;EACN,YAAY;EACZ,YAAY;EACb;CACF,CAAC;AAQF,MAAa,eAAe,EAC1B,KAAK,OACL,UACA,MACA,YACA,YACA,UACA,GAAG,YACmB;AAEtB,QACE,2CAFgB;EAGd,WAAWA,iBACT,yBAAyB;GACvB;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,GAAI;EAEH;GACS"}

package/dist/components/server/primitives/text/internal/text-element.d.cts

@@ -0,0 +1,17 @@
+import React from "react";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/server/primitives/text/internal/text-element.d.ts
+
+declare const textElementVariantsProps: (props?: ({
+  size?: "md" | "sm" | "lg" | "base" | "xs" | "xl" | "2xl" | "3xl" | null | undefined;
+  foreground?: "default" | "black" | "white" | "gray" | "primary" | "secondary" | "orange" | "pink" | "muted" | "primary-to-pink" | "pink-to-orange" | "multi-color" | null | undefined;
+  fontweight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+interface TextElementProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
+  as?: "p" | "div" | "span" | "time";
+}
+//#endregion
+export { TextElementProps, textElementVariantsProps };
+//# sourceMappingURL=text-element.d.cts.map

package/dist/components/server/primitives/text/internal/text-element.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region src/components/server/primitives/text/internal/text-element.d.ts
+
+declare const textElementVariantsProps: (props?: ({
+  size?: "md" | "sm" | "lg" | "base" | "xs" | "xl" | "2xl" | "3xl" | null | undefined;
+  foreground?: "default" | "black" | "white" | "gray" | "primary" | "secondary" | "orange" | "pink" | "muted" | "primary-to-pink" | "pink-to-orange" | "multi-color" | null | undefined;
+  fontweight?: "normal" | "medium" | "semibold" | "bold" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+interface TextElementProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
+  as?: "p" | "div" | "span" | "time";
+}
+//#endregion
+export { TextElementProps, textElementVariantsProps };
+//# sourceMappingURL=text-element.d.ts.map

package/dist/components/server/primitives/text/internal/text-element.js

@@ -0,0 +1,62 @@
+import { cn } from "../../../../../utils.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/server/primitives/text/internal/text-element.tsx
+const textElementForeground = {
+	default: "sg:text-foreground",
+	muted: "sg:text-muted-foreground",
+	black: "sg:text-black",
+	white: "sg:text-white",
+	gray: "sg:text-gray",
+	primary: "sg:text-primary",
+	secondary: "sg:text-secondary",
+	pink: "sg:text-pink",
+	orange: "sg:text-orange",
+	"primary-to-pink": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-primary))] sg:to-[hsl(var(--sg-pink))] sg:bg-clip-text sg:text-transparent",
+	"pink-to-orange": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent",
+	"multi-color": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-blue))] sg:via-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent"
+};
+const textElementVariants = {
+	size: {
+		xs: "sg:text-xs",
+		sm: "sg:text-sm",
+		md: "sg:text-md",
+		base: "sg:text-base",
+		lg: "sg:text-lg",
+		xl: "sg:text-xl",
+		"2xl": "sg:text-2xl",
+		"3xl": "sg:text-3xl"
+	},
+	foreground: textElementForeground,
+	fontweight: {
+		normal: "sg:font-normal",
+		medium: "sg:font-medium",
+		semibold: "sg:font-semibold",
+		bold: "sg:font-bold"
+	}
+};
+const textElementVariantsProps = cva("", {
+	variants: textElementVariants,
+	defaultVariants: {
+		size: "base",
+		foreground: "default",
+		fontweight: "normal"
+	}
+});
+const TextElement = ({ as = "div", children, size, foreground, fontweight, className,...props }) => {
+	return /* @__PURE__ */ jsx(as, {
+		className: cn(textElementVariantsProps({
+			size,
+			foreground,
+			fontweight
+		}), className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { TextElement, textElementVariantsProps };
+//# sourceMappingURL=text-element.js.map

package/dist/components/server/primitives/text/internal/text-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-element.js","names":[],"sources":["../../../../../../src/components/server/primitives/text/internal/text-element.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../../../utils\";\r\n\r\nexport const textElementForeground = {\r\n  default: \"sg:text-foreground\",\r\n  muted: \"sg:text-muted-foreground\",\r\n  black: \"sg:text-black\",\r\n  white: \"sg:text-white\",\r\n  gray: \"sg:text-gray\",\r\n  primary: \"sg:text-primary\",\r\n  secondary: \"sg:text-secondary\",\r\n  pink: \"sg:text-pink\",\r\n  orange: \"sg:text-orange\",\r\n  \"primary-to-pink\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-primary))] sg:to-[hsl(var(--sg-pink))] sg:bg-clip-text sg:text-transparent\",\r\n  \"pink-to-orange\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent\",\r\n  \"multi-color\":\r\n    \"sg:bg-gradient-to-r sg:from-[hsl(var(--sg-blue))] sg:via-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent\",\r\n};\r\n\r\nexport const textElementVariants = {\r\n  size: {\r\n    xs: \"sg:text-xs\",\r\n    sm: \"sg:text-sm\",\r\n    md: \"sg:text-md\",\r\n    base: \"sg:text-base\",\r\n    lg: \"sg:text-lg\",\r\n    xl: \"sg:text-xl\",\r\n    \"2xl\": \"sg:text-2xl\",\r\n    \"3xl\": \"sg:text-3xl\",\r\n  },\r\n  foreground: textElementForeground,\r\n  fontweight: {\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\r\nexport const textElementVariantsProps = cva(\"\", {\r\n  variants: textElementVariants,\r\n  defaultVariants: {\r\n    size: \"base\",\r\n    foreground: \"default\",\r\n    fontweight: \"normal\",\r\n  },\r\n});\r\n\r\nexport interface TextElementProps\r\n  extends React.HTMLAttributes<HTMLElement>,\r\n    VariantProps<typeof textElementVariantsProps> {\r\n  as?: \"p\" | \"div\" | \"span\" | \"time\";\r\n}\r\n\r\nexport const TextElement = ({\r\n  as = \"div\",\r\n  children,\r\n  size,\r\n  foreground,\r\n  fontweight,\r\n  className,\r\n  ...props\r\n}: TextElementProps) => {\r\n  const Component = as;\r\n  return (\r\n    <Component\r\n      className={cn(\r\n        textElementVariantsProps({\r\n          size,\r\n          foreground,\r\n          fontweight,\r\n        }),\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"mappings":";;;;;;AAIA,MAAa,wBAAwB;CACnC,SAAS;CACT,OAAO;CACP,OAAO;CACP,OAAO;CACP,MAAM;CACN,SAAS;CACT,WAAW;CACX,MAAM;CACN,QAAQ;CACR,mBACE;CACF,kBACE;CACF,eACE;CACH;AAED,MAAa,sBAAsB;CACjC,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,OAAO;EACP,OAAO;EACR;CACD,YAAY;CACZ,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,MAAM;EACP;CACF;AAED,MAAa,2BAA2B,IAAI,IAAI;CAC9C,UAAU;CACV,iBAAiB;EACf,MAAM;EACN,YAAY;EACZ,YAAY;EACb;CACF,CAAC;AAQF,MAAa,eAAe,EAC1B,KAAK,OACL,UACA,MACA,YACA,YACA,UACA,GAAG,YACmB;AAEtB,QACE,oBAFgB;EAGd,WAAW,GACT,yBAAyB;GACvB;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,GAAI;EAEH;GACS"}

package/dist/components/server/primitives/text/text-div.cjs

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../../../utils.cjs');
+const require_text_element = require('./internal/text-element.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/server/primitives/text/text-div.tsx
+const TextDiv = ({ children, size, foreground, fontweight, className,...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text_element.TextElement, {
+		as: "div",
+		className: require_utils.cn(require_text_element.textElementVariantsProps({
+			size,
+			foreground,
+			fontweight
+		}), className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+exports.TextDiv = TextDiv;
+//# sourceMappingURL=text-div.cjs.map

package/dist/components/server/primitives/text/text-div.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-div.cjs","names":["TextElement","cn","textElementVariantsProps"],"sources":["../../../../../src/components/server/primitives/text/text-div.tsx"],"sourcesContent":["import { OmitClassProperty } from \"../../../../lib/types\";\nimport { cn } from \"../../../../utils\";\nimport {\n  TextElementProps,\n  TextElement,\n  textElementVariantsProps,\n} from \"./internal/text-element\";\n\nexport const TextDiv = ({\n  children,\n  size,\n  foreground,\n  fontweight,\n  className,\n  ...props\n}: OmitClassProperty<TextElementProps, \"as\">) => {\n  return (\n    <TextElement\n      as=\"div\"\n      className={cn(\n        textElementVariantsProps({\n          size,\n          foreground,\n          fontweight,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TextElement>\n  );\n};\n"],"mappings":";;;;;;;AAQA,MAAa,WAAW,EACtB,UACA,MACA,YACA,YACA,UACA,GAAG,YAC4C;AAC/C,QACE,2CAACA;EACC,IAAG;EACH,WAAWC,iBACTC,8CAAyB;GACvB;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,GAAI;EAEH;GACW"}