singularity-components 0.1.105 → 0.1.107

package/dist/components/server/primitives/cards/blog-card.d.cts

@@ -0,0 +1,14 @@
+//#region src/components/server/primitives/cards/blog-card.d.ts
+interface BlogPost {
+  id: number;
+  title: string;
+  excerpt: string;
+  author: string;
+  date: Date;
+  readTime: string;
+  category: string;
+  image: string;
+}
+//#endregion
+export { BlogPost };
+//# sourceMappingURL=blog-card.d.cts.map

package/dist/components/server/primitives/cards/blog-card.d.ts

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+
+//#region src/components/server/primitives/cards/blog-card.d.ts
+interface BlogPost {
+  id: number;
+  title: string;
+  excerpt: string;
+  author: string;
+  date: Date;
+  readTime: string;
+  category: string;
+  image: string;
+}
+//#endregion
+export { BlogPost };
+//# sourceMappingURL=blog-card.d.ts.map

package/dist/components/server/primitives/cards/blog-card.js

@@ -0,0 +1,10 @@
+import "../badge/badge.js";
+import "../button/button.js";
+import "../text/text-heading.js";
+import "./card.js";
+import "../text/text-span.js";
+import "../text/text-paragraph.js";
+import "../icon/icon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+export {  };

package/dist/components/server/primitives/cards/card.cjs

@@ -0,0 +1,66 @@
+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/cards/card.tsx
+const Card = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: require_utils.cn("sg:rounded-xl sg:bg-card sg:text-card-foreground sg:group sg:overflow-hidden sg:border-0 sg:bg-gradient-to-br sg:from-background sg:to-background/60 sg:shadow-lg sg:ring-1 sg:ring-gray/60", className),
+	...props
+}));
+Card.displayName = "Card";
+const CardHeader = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: require_utils.cn("sg:flex sg:flex-col sg:space-y-1.5 sg:p-6", className),
+	...props
+}));
+CardHeader.displayName = "CardHeader";
+const CardTitle = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: require_utils.cn("sg:font-semibold sg:leading-none sg:tracking-tight", className),
+	...props
+}));
+CardTitle.displayName = "CardTitle";
+const CardDescription = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: require_utils.cn("sg:text-sm sg:text-muted-foreground", className),
+	...props
+}));
+CardDescription.displayName = "CardDescription";
+const CardImage = react.forwardRef(({ className, src, alt = "",...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	ref,
+	className: require_utils.cn("sg:relative sg:h-48 sg:overflow-hidden", className),
+	...props,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src,
+		alt,
+		className: "sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-105",
+		loading: "lazy"
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "sg:absolute sg:inset-0 sg:bg-gradient-to-t sg:from-background/80 sg:to-transparent" })]
+}));
+CardImage.displayName = "CardImage";
+const CardContent = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: require_utils.cn("sg:p-6 sg:pt-0", className),
+	...props
+}));
+CardContent.displayName = "CardContent";
+const CardFooter = react.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: require_utils.cn("sg:flex sg:items-center sg:p-6 sg:pt-0", className),
+	...props
+}));
+CardFooter.displayName = "CardFooter";
+
+//#endregion
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardImage = CardImage;
+exports.CardTitle = CardTitle;
+//# sourceMappingURL=card.cjs.map

package/dist/components/server/primitives/cards/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.cjs","names":["React","cn"],"sources":["../../../../../src/components/server/primitives/cards/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../../../utils\";\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"sg:rounded-xl sg:bg-card sg:text-card-foreground sg:group sg:overflow-hidden sg:border-0 sg:bg-gradient-to-br sg:from-background sg:to-background/60 sg:shadow-lg sg:ring-1 sg:ring-gray/60\",\n      className\n    )}\n    {...props}\n  />\n));\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"sg:flex sg:flex-col sg:space-y-1.5 sg:p-6\", className)}\n    {...props}\n  />\n));\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"sg:font-semibold sg:leading-none sg:tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"sg:text-sm sg:text-muted-foreground\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\ninterface CardImageProps extends React.HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt?: string;\n}\n\nconst CardImage = React.forwardRef<HTMLDivElement, CardImageProps>(\n  ({ className, src, alt = \"\", ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"sg:relative sg:h-48 sg:overflow-hidden\", className)}\n      {...props}\n    >\n      <img\n        src={src}\n        alt={alt}\n        className=\"sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-105\"\n        loading=\"lazy\"\n      />\n      <div className=\"sg:absolute sg:inset-0 sg:bg-gradient-to-t sg:from-background/80 sg:to-transparent\" />\n    </div>\n  )\n);\nCardImage.displayName = \"CardImage\";\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"sg:p-6 sg:pt-0\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"sg:flex sg:items-center sg:p-6 sg:pt-0\", className)}\n    {...props}\n  />\n));\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n  Card,\n  CardHeader,\n  CardImage,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n};\n"],"mappings":";;;;;;;;AAGA,MAAM,OAAOA,MAAM,YAGhB,EAAE,UAAW,GAAG,SAAS,QAC1B,2CAAC;CACM;CACL,WAAWC,iBACT,+LACA,UACD;CACD,GAAI;EACJ,CACF;AACF,KAAK,cAAc;AAEnB,MAAM,aAAaD,MAAM,YAGtB,EAAE,UAAW,GAAG,SAAS,QAC1B,2CAAC;CACM;CACL,WAAWC,iBAAG,6CAA6C,UAAU;CACrE,GAAI;EACJ,CACF;AACF,WAAW,cAAc;AAEzB,MAAM,YAAYD,MAAM,YAGrB,EAAE,UAAW,GAAG,SAAS,QAC1B,2CAAC;CACM;CACL,WAAWC,iBACT,sDACA,UACD;CACD,GAAI;EACJ,CACF;AACF,UAAU,cAAc;AAExB,MAAM,kBAAkBD,MAAM,YAG3B,EAAE,UAAW,GAAG,SAAS,QAC1B,2CAAC;CACM;CACL,WAAWC,iBAAG,uCAAuC,UAAU;CAC/D,GAAI;EACJ,CACF;AACF,gBAAgB,cAAc;AAO9B,MAAM,YAAYD,MAAM,YACrB,EAAE,WAAW,KAAK,MAAM,GAAI,GAAG,SAAS,QACvC,4CAAC;CACM;CACL,WAAWC,iBAAG,0CAA0C,UAAU;CAClE,GAAI;YAEJ,2CAAC;EACM;EACA;EACL,WAAU;EACV,SAAQ;GACR,EACF,2CAAC,SAAI,WAAU,uFAAuF;EAClG,CAET;AACD,UAAU,cAAc;AAExB,MAAM,cAAcD,MAAM,YAGvB,EAAE,UAAW,GAAG,SAAS,QAC1B,2CAAC;CAAS;CAAK,WAAWC,iBAAG,kBAAkB,UAAU;CAAE,GAAI;EAAS,CACxE;AACF,YAAY,cAAc;AAE1B,MAAM,aAAaD,MAAM,YAGtB,EAAE,UAAW,GAAG,SAAS,QAC1B,2CAAC;CACM;CACL,WAAWC,iBAAG,0CAA0C,UAAU;CAClE,GAAI;EACJ,CACF;AACF,WAAW,cAAc"}

package/dist/components/server/primitives/cards/card.d.cts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+
+//#region src/components/server/primitives/cards/card.d.ts
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface CardImageProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  src: string;
+  alt?: string;
+}
+declare const CardImage: React$1.ForwardRefExoticComponent<CardImageProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle };
+//# sourceMappingURL=card.d.cts.map

package/dist/components/server/primitives/cards/card.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+
+//#region src/components/server/primitives/cards/card.d.ts
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface CardImageProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  src: string;
+  alt?: string;
+}
+declare const CardImage: React$1.ForwardRefExoticComponent<CardImageProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1,57 @@
+import { cn } from "../../../../utils.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/server/primitives/cards/card.tsx
+const Card = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("sg:rounded-xl sg:bg-card sg:text-card-foreground sg:group sg:overflow-hidden sg:border-0 sg:bg-gradient-to-br sg:from-background sg:to-background/60 sg:shadow-lg sg:ring-1 sg:ring-gray/60", className),
+	...props
+}));
+Card.displayName = "Card";
+const CardHeader = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("sg:flex sg:flex-col sg:space-y-1.5 sg:p-6", className),
+	...props
+}));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("sg:font-semibold sg:leading-none sg:tracking-tight", className),
+	...props
+}));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("sg:text-sm sg:text-muted-foreground", className),
+	...props
+}));
+CardDescription.displayName = "CardDescription";
+const CardImage = React$1.forwardRef(({ className, src, alt = "",...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	ref,
+	className: cn("sg:relative sg:h-48 sg:overflow-hidden", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("img", {
+		src,
+		alt,
+		className: "sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-105",
+		loading: "lazy"
+	}), /* @__PURE__ */ jsx("div", { className: "sg:absolute sg:inset-0 sg:bg-gradient-to-t sg:from-background/80 sg:to-transparent" })]
+}));
+CardImage.displayName = "CardImage";
+const CardContent = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("sg:p-6 sg:pt-0", className),
+	...props
+}));
+CardContent.displayName = "CardContent";
+const CardFooter = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("sg:flex sg:items-center sg:p-6 sg:pt-0", className),
+	...props
+}));
+CardFooter.displayName = "CardFooter";
+
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle };
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":["React"],"sources":["../../../../../src/components/server/primitives/cards/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../../../utils\";\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"sg:rounded-xl sg:bg-card sg:text-card-foreground sg:group sg:overflow-hidden sg:border-0 sg:bg-gradient-to-br sg:from-background sg:to-background/60 sg:shadow-lg sg:ring-1 sg:ring-gray/60\",\n      className\n    )}\n    {...props}\n  />\n));\nCard.displayName = \"Card\";\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"sg:flex sg:flex-col sg:space-y-1.5 sg:p-6\", className)}\n    {...props}\n  />\n));\nCardHeader.displayName = \"CardHeader\";\n\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"sg:font-semibold sg:leading-none sg:tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = \"CardTitle\";\n\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"sg:text-sm sg:text-muted-foreground\", className)}\n    {...props}\n  />\n));\nCardDescription.displayName = \"CardDescription\";\n\ninterface CardImageProps extends React.HTMLAttributes<HTMLDivElement> {\n  src: string;\n  alt?: string;\n}\n\nconst CardImage = React.forwardRef<HTMLDivElement, CardImageProps>(\n  ({ className, src, alt = \"\", ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"sg:relative sg:h-48 sg:overflow-hidden\", className)}\n      {...props}\n    >\n      <img\n        src={src}\n        alt={alt}\n        className=\"sg:h-full sg:w-full sg:object-cover sg:transition-transform sg:duration-500 sg:group-hover:scale-105\"\n        loading=\"lazy\"\n      />\n      <div className=\"sg:absolute sg:inset-0 sg:bg-gradient-to-t sg:from-background/80 sg:to-transparent\" />\n    </div>\n  )\n);\nCardImage.displayName = \"CardImage\";\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"sg:p-6 sg:pt-0\", className)} {...props} />\n));\nCardContent.displayName = \"CardContent\";\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"sg:flex sg:items-center sg:p-6 sg:pt-0\", className)}\n    {...props}\n  />\n));\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n  Card,\n  CardHeader,\n  CardImage,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n};\n"],"mappings":";;;;;AAGA,MAAM,OAAOA,QAAM,YAGhB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC;CACM;CACL,WAAW,GACT,+LACA,UACD;CACD,GAAI;EACJ,CACF;AACF,KAAK,cAAc;AAEnB,MAAM,aAAaA,QAAM,YAGtB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC;CACM;CACL,WAAW,GAAG,6CAA6C,UAAU;CACrE,GAAI;EACJ,CACF;AACF,WAAW,cAAc;AAEzB,MAAM,YAAYA,QAAM,YAGrB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC;CACM;CACL,WAAW,GACT,sDACA,UACD;CACD,GAAI;EACJ,CACF;AACF,UAAU,cAAc;AAExB,MAAM,kBAAkBA,QAAM,YAG3B,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC;CACM;CACL,WAAW,GAAG,uCAAuC,UAAU;CAC/D,GAAI;EACJ,CACF;AACF,gBAAgB,cAAc;AAO9B,MAAM,YAAYA,QAAM,YACrB,EAAE,WAAW,KAAK,MAAM,GAAI,GAAG,SAAS,QACvC,qBAAC;CACM;CACL,WAAW,GAAG,0CAA0C,UAAU;CAClE,GAAI;YAEJ,oBAAC;EACM;EACA;EACL,WAAU;EACV,SAAQ;GACR,EACF,oBAAC,SAAI,WAAU,uFAAuF;EAClG,CAET;AACD,UAAU,cAAc;AAExB,MAAM,cAAcA,QAAM,YAGvB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC;CAAS;CAAK,WAAW,GAAG,kBAAkB,UAAU;CAAE,GAAI;EAAS,CACxE;AACF,YAAY,cAAc;AAE1B,MAAM,aAAaA,QAAM,YAGtB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC;CACM;CACL,WAAW,GAAG,0CAA0C,UAAU;CAClE,GAAI;EACJ,CACF;AACF,WAAW,cAAc"}

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

@@ -0,0 +1,36 @@
+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/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__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_utils.cn("sg:grid sg:gap-6", getGridColsClass(cols), className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+exports.Cards = Cards;
+exports.getGridColsClass = getGridColsClass;
+//# sourceMappingURL=cards.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cards.cjs","names":["colClasses: string[]","cn"],"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,2CAAC;EACC,WAAWC,iBAAG,oBAAoB,iBAAiB,KAAK,EAAE,UAAU;EACpE,GAAI;EAEH;GACG"}

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

@@ -0,0 +1,24 @@
+import React from "react";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/cards/cards.d.ts
+interface CardsProps extends React.HTMLAttributes<HTMLDivElement> {
+  cols?: {
+    default?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    "2xl"?: number;
+  };
+}
+declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
+declare const Cards: ({
+  children,
+  className,
+  cols,
+  ...props
+}: CardsProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { Cards, CardsProps, getGridColsClass };
+//# sourceMappingURL=cards.d.cts.map

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

@@ -0,0 +1,24 @@
+import React from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/cards/cards.d.ts
+interface CardsProps extends React.HTMLAttributes<HTMLDivElement> {
+  cols?: {
+    default?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    "2xl"?: number;
+  };
+}
+declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
+declare const Cards: ({
+  children,
+  className,
+  cols,
+  ...props
+}: CardsProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { Cards, CardsProps, getGridColsClass };
+//# sourceMappingURL=cards.d.ts.map

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_runtime15 from "react/jsx-runtime";
+import * as class_variance_authority_types5 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?: "sm" | "lg" | "md" | null | undefined;
+  color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
+} & class_variance_authority_types5.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_runtime15.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_runtime7 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types2 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?: "sm" | "lg" | "md" | null | undefined;
+  color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | 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_runtime7.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"}