singularity-components 0.1.104 → 0.1.106

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

@@ -0,0 +1,32 @@
+import { cn } from "../../../../utils.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/server/primitives/cards/cards.tsx
+const getGridColsClass = (cols) => {
+	if (!cols) return "";
+	const colClasses = [];
+	if (cols.default) colClasses.push(`sg:grid-cols-${cols.default}`);
+	if (cols.sm) colClasses.push(`sg:sm:grid-cols-${cols.sm}`);
+	if (cols.md) colClasses.push(`sg:md:grid-cols-${cols.md}`);
+	if (cols.lg) colClasses.push(`sg:lg:grid-cols-${cols.lg}`);
+	if (cols.xl) colClasses.push(`sg:xl:grid-cols-${cols.xl}`);
+	if (cols["2xl"]) colClasses.push(`sg:2xl:grid-cols-${cols["2xl"]}`);
+	return colClasses.join(" ");
+};
+const Cards = ({ children, className, cols = {
+	default: 1,
+	sm: 2,
+	lg: 3
+},...props }) => {
+	if (!cols.default) cols.default = 1;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("sg:grid sg:gap-6", getGridColsClass(cols), className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Cards, getGridColsClass };
+//# sourceMappingURL=cards.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cards.js","names":["colClasses: string[]"],"sources":["../../../../../src/components/server/primitives/cards/cards.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { cn } from \"../../../../utils\";\r\n\r\nexport interface CardsProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  cols?: {\r\n    default?: number;\r\n    sm?: number;\r\n    md?: number;\r\n    lg?: number;\r\n    xl?: number;\r\n    \"2xl\"?: number;\r\n  };\r\n}\r\n\r\nexport const getGridColsClass = (cols?: CardsProps[\"cols\"]) => {\r\n  if (!cols) return \"\";\r\n\r\n  const colClasses: string[] = [];\r\n  if (cols.default) colClasses.push(`sg:grid-cols-${cols.default}`);\r\n  if (cols.sm) colClasses.push(`sg:sm:grid-cols-${cols.sm}`);\r\n  if (cols.md) colClasses.push(`sg:md:grid-cols-${cols.md}`);\r\n  if (cols.lg) colClasses.push(`sg:lg:grid-cols-${cols.lg}`);\r\n  if (cols.xl) colClasses.push(`sg:xl:grid-cols-${cols.xl}`);\r\n  if (cols[\"2xl\"]) colClasses.push(`sg:2xl:grid-cols-${cols[\"2xl\"]}`);\r\n\r\n  return colClasses.join(\" \");\r\n};\r\n\r\nexport const Cards = ({\r\n  children,\r\n  className,\r\n  cols = { default: 1, sm: 2, lg: 3 },\r\n  ...props\r\n}: CardsProps) => {\r\n  if (!cols.default) {\r\n    cols.default = 1;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={cn(\"sg:grid sg:gap-6\", getGridColsClass(cols), className)}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;AAcA,MAAa,oBAAoB,SAA8B;AAC7D,KAAI,CAAC,KAAM,QAAO;CAElB,MAAMA,aAAuB,EAAE;AAC/B,KAAI,KAAK,QAAS,YAAW,KAAK,gBAAgB,KAAK,UAAU;AACjE,KAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,KAAK;AAC1D,KAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,KAAK;AAC1D,KAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,KAAK;AAC1D,KAAI,KAAK,GAAI,YAAW,KAAK,mBAAmB,KAAK,KAAK;AAC1D,KAAI,KAAK,OAAQ,YAAW,KAAK,oBAAoB,KAAK,SAAS;AAEnE,QAAO,WAAW,KAAK,IAAI;;AAG7B,MAAa,SAAS,EACpB,UACA,WACA,OAAO;CAAE,SAAS;CAAG,IAAI;CAAG,IAAI;CAAG,CACnC,GAAG,YACa;AAChB,KAAI,CAAC,KAAK,QACR,MAAK,UAAU;AAGjB,QACE,oBAAC;EACC,WAAW,GAAG,oBAAoB,iBAAiB,KAAK,EAAE,UAAU;EACpE,GAAI;EAEH;GACG"}

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

@@ -0,0 +1,54 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_lucide_react$1 = require('../../../../node_modules/lucide-react/dist/cjs/lucide-react.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/icon/icon.tsx
+var import_lucide_react = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_lucide_react$1.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 = (0, class_variance_authority.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__ */ (0, react_jsx_runtime.jsx)(LucideIcon, {
+		size: iconSize,
+		className: require_utils.cn(iconVariantsProps({
+			color,
+			className
+		}), spin && "sg:animate-spin"),
+		...props
+	});
+}
+
+//#endregion
+exports.Icon = Icon;
+exports.iconVariants = iconVariants;
+exports.iconVariantsProps = iconVariantsProps;
+//# sourceMappingURL=icon.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.cjs","names":["icons","cn"],"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,sDAAwB,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,2CAAC;EACC,MAAM;EACN,WAAWC,iBACT,kBAAkB;GAAE;GAAO;GAAW,CAAC,EACvC,QAAQ,kBACT;EACD,GAAI;GACJ"}

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

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

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

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

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

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

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

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

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

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

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

@@ -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_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

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