singularity-components 0.1.106 → 0.1.127

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

@@ -1,41 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-import { LucideIcon, icons } from "lucide-react";
-
-//#region src/components/server/primitives/icon/icon.d.ts
-declare const iconVariants: {
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    black: string;
-    white: string;
-    gray: string;
-    primary: string;
-    secondary: string;
-  };
-};
-declare const iconVariantsProps: (props?: ({
-  size?: "md" | "sm" | "lg" | null | undefined;
-  color?: "default" | "black" | "white" | "gray" | "primary" | "secondary" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
-type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariantsProps> & {
-  icon: keyof typeof icons;
-  spin?: boolean;
-};
-declare function Icon({
-  className,
-  size,
-  color,
-  icon,
-  spin,
-  ...props
-}: Props): react_jsx_runtime20.JSX.Element;
-//#endregion
-export { Icon, iconVariants, iconVariantsProps };
-//# sourceMappingURL=icon.d.cts.map

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

@@ -1,41 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-import { LucideIcon, icons } from "lucide-react";
-
-//#region src/components/server/primitives/icon/icon.d.ts
-declare const iconVariants: {
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    black: string;
-    white: string;
-    gray: string;
-    primary: string;
-    secondary: string;
-  };
-};
-declare const iconVariantsProps: (props?: ({
-  size?: "md" | "sm" | "lg" | null | undefined;
-  color?: "default" | "black" | "white" | "gray" | "primary" | "secondary" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariantsProps> & {
-  icon: keyof typeof icons;
-  spin?: boolean;
-};
-declare function Icon({
-  className,
-  size,
-  color,
-  icon,
-  spin,
-  ...props
-}: Props): react_jsx_runtime3.JSX.Element;
-//#endregion
-export { Icon, iconVariants, iconVariantsProps };
-//# sourceMappingURL=icon.d.ts.map

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

@@ -1,49 +0,0 @@
-import { __toESM } from "../../../../_virtual/rolldown_runtime.js";
-import { require_lucide_react } from "../../../../node_modules/lucide-react/dist/cjs/lucide-react.js";
-import { cn } from "../../../../utils.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region src/components/server/primitives/icon/icon.tsx
-var import_lucide_react = /* @__PURE__ */ __toESM(require_lucide_react());
-const iconVariants = {
-	size: {
-		sm: "",
-		md: "",
-		lg: ""
-	},
-	color: {
-		default: "",
-		black: "sg:text-black",
-		white: "sg:text-white",
-		gray: "sg:text-gray",
-		primary: "sg:text-primary",
-		secondary: "sg:text-secondary"
-	}
-};
-const iconVariantsProps = cva("", {
-	variants: iconVariants,
-	defaultVariants: {
-		size: "md",
-		color: "default"
-	}
-});
-function Icon({ className, size, color, icon, spin,...props }) {
-	const LucideIcon = import_lucide_react.icons[icon];
-	let iconSize = 20;
-	if (size == "sm") iconSize = 16;
-	else if (size == "lg") iconSize = 32;
-	return /* @__PURE__ */ jsx(LucideIcon, {
-		size: iconSize,
-		className: cn(iconVariantsProps({
-			color,
-			className
-		}), spin && "sg:animate-spin"),
-		...props
-	});
-}
-
-//#endregion
-export { Icon, iconVariants, iconVariantsProps };
-//# sourceMappingURL=icon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","names":["icons"],"sources":["../../../../../src/components/server/primitives/icon/icon.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { icons, LucideIcon } from \"lucide-react\";\r\nimport { cn } from \"../../../../utils\";\r\n\r\nconst iconVariants = {\r\n  size: {\r\n    sm: \"\",\r\n    md: \"\",\r\n    lg: \"\",\r\n  },\r\n  color: {\r\n    default: \"\",\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  },\r\n};\r\n\r\nconst iconVariantsProps = cva(\"\", {\r\n  variants: iconVariants,\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    color: \"default\",\r\n  },\r\n});\r\n\r\ntype Props = Omit<React.ComponentProps<LucideIcon>, \"size\"> &\r\n  VariantProps<typeof iconVariantsProps> & {\r\n    icon: keyof typeof icons;\r\n    spin?: boolean;\r\n  };\r\n\r\nfunction Icon({ className, size, color, icon, spin, ...props }: Props) {\r\n  const LucideIcon = icons[icon];\r\n\r\n  let iconSize = 20;\r\n  if (size == \"sm\") {\r\n    iconSize = 16;\r\n  } else if (size == \"lg\") {\r\n    iconSize = 32;\r\n  }\r\n\r\n  return (\r\n    <LucideIcon\r\n      size={iconSize}\r\n      className={cn(\r\n        iconVariantsProps({ color, className }),\r\n        spin && \"sg:animate-spin\"\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Icon, iconVariantsProps, iconVariants };\r\n"],"mappings":";;;;;;;;;AAKA,MAAM,eAAe;CACnB,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,OAAO;EACL,SAAS;EACT,OAAO;EACP,OAAO;EACP,MAAM;EACN,SAAS;EACT,WAAW;EACZ;CACF;AAED,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU;CACV,iBAAiB;EACf,MAAM;EACN,OAAO;EACR;CACF,CAAC;AAQF,SAAS,KAAK,EAAE,WAAW,MAAM,OAAO,MAAM,KAAM,GAAG,SAAgB;CACrE,MAAM,aAAaA,0BAAM;CAEzB,IAAI,WAAW;AACf,KAAI,QAAQ,KACV,YAAW;UACF,QAAQ,KACjB,YAAW;AAGb,QACE,oBAAC;EACC,MAAM;EACN,WAAW,GACT,kBAAkB;GAAE;GAAO;GAAW,CAAC,EACvC,QAAQ,kBACT;EACD,GAAI;GACJ"}

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

@@ -1,18 +0,0 @@
-const require_alert = require('./alert/alert.cjs');
-const require_badge = require('./badge/badge.cjs');
-const require_badges = require('./badge/badges.cjs');
-const require_button = require('./button/button.cjs');
-const require_text_heading = require('./text/text-heading.cjs');
-const require_card = require('./cards/card.cjs');
-const require_text_span = require('./text/text-span.cjs');
-const require_text_paragraph = require('./text/text-paragraph.cjs');
-const require_icon = require('./icon/icon.cjs');
-require('./cards/blog-card.cjs');
-const require_cards = require('./cards/cards.cjs');
-const require_input = require('./input/input.cjs');
-const require_layout = require('./layout/layout.cjs');
-const require_skeleton = require('./skeleton/skeleton.cjs');
-const require_spinner = require('./spinner/spinner.cjs');
-const require_stack = require('./stack/stack.cjs');
-const require_text_div = require('./text/text-div.cjs');
-const require_text_time = require('./text/text-time.cjs');

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

@@ -1,20 +0,0 @@
-import { Alert, AlertDescription, AlertTitle, alertVariants } from "./alert/alert.js";
-import { Badge, badgeVariants } from "./badge/badge.js";
-import { Badges } from "./badge/badges.js";
-import { Button, buttonVariants, buttonVariantsProps } from "./button/button.js";
-import { TextHeading, textHeadingVariants, textHeadingVariantsProps } from "./text/text-heading.js";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from "./cards/card.js";
-import { TextSpan } from "./text/text-span.js";
-import { TextParagraph } from "./text/text-paragraph.js";
-import { Icon, iconVariants, iconVariantsProps } from "./icon/icon.js";
-import "./cards/blog-card.js";
-import { Cards, getGridColsClass } from "./cards/cards.js";
-import { Input } from "./input/input.js";
-import { Layout, layoutVariants, layoutVariantsProps } from "./layout/layout.js";
-import { Skeleton } from "./skeleton/skeleton.js";
-import { Spinner } from "./spinner/spinner.js";
-import { Stack, stackVariants } from "./stack/stack.js";
-import { TextDiv } from "./text/text-div.js";
-import { TextTime } from "./text/text-time.js";
-
-export {  };

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

@@ -1,20 +0,0 @@
-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);
-
-//#region src/components/server/primitives/input/input.tsx
-function Input({ className, type,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		type,
-		"data-slot": "input",
-		className: require_utils.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
-exports.Input = Input;
-//# sourceMappingURL=input.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input.cjs","names":["cn"],"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,2CAAC;EACO;EACN,aAAU;EACV,WAAWA,iBACT,0hBACA,0FACA,mHACA,UACD;EACD,GAAI;GACJ"}

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

@@ -1,12 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime21 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_runtime21.JSX.Element;
-//#endregion
-export { Input };
-//# sourceMappingURL=input.d.cts.map

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

@@ -1,12 +0,0 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime13 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_runtime13.JSX.Element;
-//#endregion
-export { Input };
-//# sourceMappingURL=input.d.ts.map

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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,83 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,69 +0,0 @@
-import * as React$1 from "react";
-import { PropsWithChildren } from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
-import * as class_variance_authority_types3 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_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_runtime22.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_runtime22.JSX.Element;
-//#endregion
-export { Layout, LayoutProps, layoutVariants, layoutVariantsProps };
-//# sourceMappingURL=layout.d.cts.map

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

@@ -1,69 +0,0 @@
-import * as React$1 from "react";
-import { PropsWithChildren } from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types2 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_types2.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_runtime7.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_runtime7.JSX.Element;
-//#endregion
-export { Layout, LayoutProps, layoutVariants, layoutVariantsProps };
-//# sourceMappingURL=layout.d.ts.map

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

@@ -1,77 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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