singularity-components 0.1.105 → 0.1.106

package/dist/components/server/primitives/badge/badges.d.cts

@@ -0,0 +1,13 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/badge/badges.d.ts
+interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {}
+declare const Badges: ({
+  children,
+  className,
+  ...props
+}: BadgesProps) => react_jsx_runtime15.JSX.Element;
+//#endregion
+export { Badges, BadgesProps };
+//# sourceMappingURL=badges.d.cts.map

package/dist/components/server/primitives/badge/badges.d.ts

@@ -0,0 +1,13 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/server/primitives/badge/badges.d.ts
+interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {}
+declare const Badges: ({
+  children,
+  className,
+  ...props
+}: BadgesProps) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { Badges, BadgesProps };
+//# sourceMappingURL=badges.d.ts.map

package/dist/components/server/primitives/badge/badges.js

@@ -0,0 +1,16 @@
+import { cn } from "../../../../utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/server/primitives/badge/badges.tsx
+const Badges = ({ children, className,...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("sg:flex sg:flex-wrap sg:gap-2", className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Badges };
+//# sourceMappingURL=badges.js.map

package/dist/components/server/primitives/badge/badges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badges.js","names":[],"sources":["../../../../../src/components/server/primitives/badge/badges.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../../../utils\";\n\nexport interface BadgesProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const Badges = ({ children, className, ...props }: BadgesProps) => {\n  return (\n    <div className={cn(\"sg:flex sg:flex-wrap sg:gap-2\", className)} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAKA,MAAa,UAAU,EAAE,UAAU,UAAW,GAAG,YAAyB;AACxE,QACE,oBAAC;EAAI,WAAW,GAAG,iCAAiC,UAAU;EAAE,GAAI;EACjE;GACG"}

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

@@ -0,0 +1,65 @@
+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 clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx);
+let class_variance_authority = require("class-variance-authority");
+class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
+let __radix_ui_react_slot = require("@radix-ui/react-slot");
+__radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
+
+//#region src/components/server/primitives/button/button.tsx
+var import_lucide_react = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_lucide_react$1.require_lucide_react());
+const buttonVariants = {
+	variant: {
+		default: "sg:bg-primary sg:text-primary-foreground sg:shadow-xs sg:hover:bg-primary/90",
+		destructive: "sg:bg-destructive sg:text-white sg:shadow-xs sg:hover:bg-destructive/90 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:dark:bg-destructive/60",
+		outline: "sg:border sg:border-border sg:shadow-xs sg:hover:bg-accent sg:hover:text-accent-foreground",
+		secondary: "sg:bg-secondary sg:text-secondary-foreground sg:shadow-xs sg:hover:bg-secondary/80",
+		ghost: "sg:hover:bg-accent sg:hover:text-accent-foreground sg:dark:hover:bg-accent/50",
+		link: "sg:text-primary sg:underline-offset-4 sg:hover:underline"
+	},
+	size: {
+		default: "sg:h-9 sg:px-4 sg:py-2 sg:has-[>svg]:px-3",
+		sm: "sg:h-8 sg:rounded-md sg:gap-1.5 sg:px-3 sg:has-[>svg]:px-2.5",
+		lg: "sg:h-10 sg:rounded-md sg:px-6 sg:has-[>svg]:px-4",
+		icon: "sg:size-9"
+	}
+};
+const buttonVariantsProps = (0, class_variance_authority.cva)("sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:cursor-pointer sg:rounded-md sg:text-sm sg:font-medium sg:transition-all sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&_svg]:pointer-events-none sg:[&_svg:not([class*=size-])]:size-4 sg:shrink-0 sg:[&_svg]:shrink-0 sg:outline-none 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", {
+	variants: buttonVariants,
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant, size, asChild = false, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children,...props }) {
+	const Comp = asChild ? __radix_ui_react_slot.Slot : "button";
+	const iconAnimateCss = "sg:animate-spin";
+	const LucideIconStart = iconStart && import_lucide_react.icons[iconStart];
+	const LucideIconEnd = iconEnd && import_lucide_react.icons[iconEnd];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Comp, {
+		"data-slot": "button",
+		className: require_utils.cn(buttonVariantsProps({
+			variant,
+			size,
+			className
+		})),
+		...props,
+		children: [
+			LucideIconStart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LucideIconStart, { className: (0, clsx.default)(iconStartAnimate && iconAnimateCss) }),
+			children,
+			LucideIconEnd && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LucideIconEnd, { className: (0, clsx.default)(iconEndAnimate && iconAnimateCss) })
+		]
+	}) });
+}
+
+//#endregion
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+exports.buttonVariantsProps = buttonVariantsProps;
+//# sourceMappingURL=button.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","names":["Slot","icons","cn"],"sources":["../../../../../src/components/server/primitives/button/button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { icons } from \"lucide-react\";\r\nimport clsx from \"clsx\";\r\nimport { cn } from \"../../../../utils\";\r\n\r\nconst buttonVariants = {\r\n  variant: {\r\n    default:\r\n      \"sg:bg-primary sg:text-primary-foreground sg:shadow-xs sg:hover:bg-primary/90\",\r\n    destructive:\r\n      \"sg:bg-destructive sg:text-white sg:shadow-xs sg:hover:bg-destructive/90 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:dark:bg-destructive/60\",\r\n    outline:\r\n      \"sg:border sg:border-border sg:shadow-xs sg:hover:bg-accent sg:hover:text-accent-foreground\",\r\n    secondary:\r\n      \"sg:bg-secondary sg:text-secondary-foreground sg:shadow-xs sg:hover:bg-secondary/80\",\r\n    ghost:\r\n      \"sg:hover:bg-accent sg:hover:text-accent-foreground sg:dark:hover:bg-accent/50\",\r\n    link: \"sg:text-primary sg:underline-offset-4 sg:hover:underline\",\r\n  },\r\n  size: {\r\n    default: \"sg:h-9 sg:px-4 sg:py-2 sg:has-[>svg]:px-3\",\r\n    sm: \"sg:h-8 sg:rounded-md sg:gap-1.5 sg:px-3 sg:has-[>svg]:px-2.5\",\r\n    lg: \"sg:h-10 sg:rounded-md sg:px-6 sg:has-[>svg]:px-4\",\r\n    icon: \"sg:size-9\",\r\n  },\r\n};\r\n\r\nconst buttonVariantsProps = cva(\r\n  \"sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:cursor-pointer sg:rounded-md sg:text-sm sg:font-medium sg:transition-all sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&_svg]:pointer-events-none sg:[&_svg:not([class*=size-])]:size-4 sg:shrink-0 sg:[&_svg]:shrink-0 sg:outline-none 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\",\r\n  {\r\n    variants: buttonVariants,\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\ntype Props = React.ComponentProps<\"button\"> &\r\n  VariantProps<typeof buttonVariantsProps> & {\r\n    asChild?: boolean;\r\n    iconStart?: keyof typeof icons;\r\n    iconStartAnimate?: boolean;\r\n    iconEnd?: keyof typeof icons;\r\n    iconEndAnimate?: boolean;\r\n  };\r\n\r\nfunction Button({\r\n  className,\r\n  variant,\r\n  size,\r\n  asChild = false,\r\n  iconStart,\r\n  iconStartAnimate,\r\n  iconEnd,\r\n  iconEndAnimate,\r\n  children,\r\n  ...props\r\n}: Props) {\r\n  const Comp = asChild ? Slot : \"button\";\r\n  const iconAnimateCss = \"sg:animate-spin\";\r\n\r\n  const LucideIconStart = iconStart && icons[iconStart];\r\n  const LucideIconEnd = iconEnd && icons[iconEnd];\r\n\r\n  return (\r\n    <>\r\n      <Comp\r\n        data-slot=\"button\"\r\n        className={cn(buttonVariantsProps({ variant, size, className }))}\r\n        {...props}\r\n      >\r\n        {LucideIconStart && (\r\n          <LucideIconStart\r\n            className={clsx(iconStartAnimate && iconAnimateCss)}\r\n          />\r\n        )}\r\n        {children}\r\n        {LucideIconEnd && (\r\n          <LucideIconEnd className={clsx(iconEndAnimate && iconAnimateCss)} />\r\n        )}\r\n      </Comp>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { Button, buttonVariantsProps, buttonVariants };\r\n"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,iBAAiB;CACrB,SAAS;EACP,SACE;EACF,aACE;EACF,SACE;EACF,WACE;EACF,OACE;EACF,MAAM;EACP;CACD,MAAM;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,MAAM;EACP;CACF;AAED,MAAM,wDACJ,ihBACA;CACE,UAAU;CACV,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAWD,SAAS,OAAO,EACd,WACA,SACA,MACA,UAAU,OACV,WACA,kBACA,SACA,gBACA,SACA,GAAG,SACK;CACR,MAAM,OAAO,UAAUA,6BAAO;CAC9B,MAAM,iBAAiB;CAEvB,MAAM,kBAAkB,aAAaC,0BAAM;CAC3C,MAAM,gBAAgB,WAAWA,0BAAM;AAEvC,QACE,mFACE,4CAAC;EACC,aAAU;EACV,WAAWC,iBAAG,oBAAoB;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAChE,GAAI;;GAEH,mBACC,2CAAC,mBACC,6BAAgB,oBAAoB,eAAe,GACnD;GAEH;GACA,iBACC,2CAAC,iBAAc,6BAAgB,kBAAkB,eAAe,GAAI;;GAEjE,GACN"}

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

@@ -0,0 +1,49 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import { icons } from "lucide-react";
+
+//#region src/components/server/primitives/button/button.d.ts
+declare const buttonVariants: {
+  variant: {
+    default: string;
+    destructive: string;
+    outline: string;
+    secondary: string;
+    ghost: string;
+    link: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    lg: string;
+    icon: string;
+  };
+};
+declare const buttonVariantsProps: (props?: ({
+  variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type Props = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariantsProps> & {
+  asChild?: boolean;
+  iconStart?: keyof typeof icons;
+  iconStartAnimate?: boolean;
+  iconEnd?: keyof typeof icons;
+  iconEndAnimate?: boolean;
+};
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  iconStart,
+  iconStartAnimate,
+  iconEnd,
+  iconEndAnimate,
+  children,
+  ...props
+}: Props): react_jsx_runtime16.JSX.Element;
+//#endregion
+export { Button, buttonVariants, buttonVariantsProps };
+//# sourceMappingURL=button.d.cts.map

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

@@ -0,0 +1,49 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+import { icons } from "lucide-react";
+
+//#region src/components/server/primitives/button/button.d.ts
+declare const buttonVariants: {
+  variant: {
+    default: string;
+    destructive: string;
+    outline: string;
+    secondary: string;
+    ghost: string;
+    link: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    lg: string;
+    icon: string;
+  };
+};
+declare const buttonVariantsProps: (props?: ({
+  variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+type Props = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariantsProps> & {
+  asChild?: boolean;
+  iconStart?: keyof typeof icons;
+  iconStartAnimate?: boolean;
+  iconEnd?: keyof typeof icons;
+  iconEndAnimate?: boolean;
+};
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  iconStart,
+  iconStartAnimate,
+  iconEnd,
+  iconEndAnimate,
+  children,
+  ...props
+}: Props): react_jsx_runtime5.JSX.Element;
+//#endregion
+export { Button, buttonVariants, buttonVariantsProps };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1,58 @@
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region src/components/server/primitives/button/button.tsx
+var import_lucide_react = /* @__PURE__ */ __toESM(require_lucide_react());
+const buttonVariants = {
+	variant: {
+		default: "sg:bg-primary sg:text-primary-foreground sg:shadow-xs sg:hover:bg-primary/90",
+		destructive: "sg:bg-destructive sg:text-white sg:shadow-xs sg:hover:bg-destructive/90 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:dark:bg-destructive/60",
+		outline: "sg:border sg:border-border sg:shadow-xs sg:hover:bg-accent sg:hover:text-accent-foreground",
+		secondary: "sg:bg-secondary sg:text-secondary-foreground sg:shadow-xs sg:hover:bg-secondary/80",
+		ghost: "sg:hover:bg-accent sg:hover:text-accent-foreground sg:dark:hover:bg-accent/50",
+		link: "sg:text-primary sg:underline-offset-4 sg:hover:underline"
+	},
+	size: {
+		default: "sg:h-9 sg:px-4 sg:py-2 sg:has-[>svg]:px-3",
+		sm: "sg:h-8 sg:rounded-md sg:gap-1.5 sg:px-3 sg:has-[>svg]:px-2.5",
+		lg: "sg:h-10 sg:rounded-md sg:px-6 sg:has-[>svg]:px-4",
+		icon: "sg:size-9"
+	}
+};
+const buttonVariantsProps = cva("sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:cursor-pointer sg:rounded-md sg:text-sm sg:font-medium sg:transition-all sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&_svg]:pointer-events-none sg:[&_svg:not([class*=size-])]:size-4 sg:shrink-0 sg:[&_svg]:shrink-0 sg:outline-none 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", {
+	variants: buttonVariants,
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant, size, asChild = false, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children,...props }) {
+	const Comp = asChild ? Slot : "button";
+	const iconAnimateCss = "sg:animate-spin";
+	const LucideIconStart = iconStart && import_lucide_react.icons[iconStart];
+	const LucideIconEnd = iconEnd && import_lucide_react.icons[iconEnd];
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Comp, {
+		"data-slot": "button",
+		className: cn(buttonVariantsProps({
+			variant,
+			size,
+			className
+		})),
+		...props,
+		children: [
+			LucideIconStart && /* @__PURE__ */ jsx(LucideIconStart, { className: clsx$1(iconStartAnimate && iconAnimateCss) }),
+			children,
+			LucideIconEnd && /* @__PURE__ */ jsx(LucideIconEnd, { className: clsx$1(iconEndAnimate && iconAnimateCss) })
+		]
+	}) });
+}
+
+//#endregion
+export { Button, buttonVariants, buttonVariantsProps };
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["icons","clsx"],"sources":["../../../../../src/components/server/primitives/button/button.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { icons } from \"lucide-react\";\r\nimport clsx from \"clsx\";\r\nimport { cn } from \"../../../../utils\";\r\n\r\nconst buttonVariants = {\r\n  variant: {\r\n    default:\r\n      \"sg:bg-primary sg:text-primary-foreground sg:shadow-xs sg:hover:bg-primary/90\",\r\n    destructive:\r\n      \"sg:bg-destructive sg:text-white sg:shadow-xs sg:hover:bg-destructive/90 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:dark:bg-destructive/60\",\r\n    outline:\r\n      \"sg:border sg:border-border sg:shadow-xs sg:hover:bg-accent sg:hover:text-accent-foreground\",\r\n    secondary:\r\n      \"sg:bg-secondary sg:text-secondary-foreground sg:shadow-xs sg:hover:bg-secondary/80\",\r\n    ghost:\r\n      \"sg:hover:bg-accent sg:hover:text-accent-foreground sg:dark:hover:bg-accent/50\",\r\n    link: \"sg:text-primary sg:underline-offset-4 sg:hover:underline\",\r\n  },\r\n  size: {\r\n    default: \"sg:h-9 sg:px-4 sg:py-2 sg:has-[>svg]:px-3\",\r\n    sm: \"sg:h-8 sg:rounded-md sg:gap-1.5 sg:px-3 sg:has-[>svg]:px-2.5\",\r\n    lg: \"sg:h-10 sg:rounded-md sg:px-6 sg:has-[>svg]:px-4\",\r\n    icon: \"sg:size-9\",\r\n  },\r\n};\r\n\r\nconst buttonVariantsProps = cva(\r\n  \"sg:inline-flex sg:items-center sg:justify-center sg:gap-2 sg:whitespace-nowrap sg:cursor-pointer sg:rounded-md sg:text-sm sg:font-medium sg:transition-all sg:disabled:pointer-events-none sg:disabled:opacity-50 sg:[&_svg]:pointer-events-none sg:[&_svg:not([class*=size-])]:size-4 sg:shrink-0 sg:[&_svg]:shrink-0 sg:outline-none 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\",\r\n  {\r\n    variants: buttonVariants,\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  }\r\n);\r\n\r\ntype Props = React.ComponentProps<\"button\"> &\r\n  VariantProps<typeof buttonVariantsProps> & {\r\n    asChild?: boolean;\r\n    iconStart?: keyof typeof icons;\r\n    iconStartAnimate?: boolean;\r\n    iconEnd?: keyof typeof icons;\r\n    iconEndAnimate?: boolean;\r\n  };\r\n\r\nfunction Button({\r\n  className,\r\n  variant,\r\n  size,\r\n  asChild = false,\r\n  iconStart,\r\n  iconStartAnimate,\r\n  iconEnd,\r\n  iconEndAnimate,\r\n  children,\r\n  ...props\r\n}: Props) {\r\n  const Comp = asChild ? Slot : \"button\";\r\n  const iconAnimateCss = \"sg:animate-spin\";\r\n\r\n  const LucideIconStart = iconStart && icons[iconStart];\r\n  const LucideIconEnd = iconEnd && icons[iconEnd];\r\n\r\n  return (\r\n    <>\r\n      <Comp\r\n        data-slot=\"button\"\r\n        className={cn(buttonVariantsProps({ variant, size, className }))}\r\n        {...props}\r\n      >\r\n        {LucideIconStart && (\r\n          <LucideIconStart\r\n            className={clsx(iconStartAnimate && iconAnimateCss)}\r\n          />\r\n        )}\r\n        {children}\r\n        {LucideIconEnd && (\r\n          <LucideIconEnd className={clsx(iconEndAnimate && iconAnimateCss)} />\r\n        )}\r\n      </Comp>\r\n    </>\r\n  );\r\n}\r\n\r\nexport { Button, buttonVariantsProps, buttonVariants };\r\n"],"mappings":";;;;;;;;;;;AAOA,MAAM,iBAAiB;CACrB,SAAS;EACP,SACE;EACF,aACE;EACF,SACE;EACF,WACE;EACF,OACE;EACF,MAAM;EACP;CACD,MAAM;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,MAAM;EACP;CACF;AAED,MAAM,sBAAsB,IAC1B,ihBACA;CACE,UAAU;CACV,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAWD,SAAS,OAAO,EACd,WACA,SACA,MACA,UAAU,OACV,WACA,kBACA,SACA,gBACA,SACA,GAAG,SACK;CACR,MAAM,OAAO,UAAU,OAAO;CAC9B,MAAM,iBAAiB;CAEvB,MAAM,kBAAkB,aAAaA,0BAAM;CAC3C,MAAM,gBAAgB,WAAWA,0BAAM;AAEvC,QACE,0CACE,qBAAC;EACC,aAAU;EACV,WAAW,GAAG,oBAAoB;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAChE,GAAI;;GAEH,mBACC,oBAAC,mBACC,WAAWC,OAAK,oBAAoB,eAAe,GACnD;GAEH;GACA,iBACC,oBAAC,iBAAc,WAAWA,OAAK,kBAAkB,eAAe,GAAI;;GAEjE,GACN"}

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

@@ -0,0 +1,10 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+require('../badge/badge.cjs');
+require('../button/button.cjs');
+require('../text/text-heading.cjs');
+require('./card.cjs');
+require('../text/text-span.cjs');
+require('../text/text-paragraph.cjs');
+require('../icon/icon.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);

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_runtime19 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_runtime19.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_runtime4 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_runtime4.JSX.Element;
+//#endregion
+export { Cards, CardsProps, getGridColsClass };
+//# sourceMappingURL=cards.d.ts.map