singularity-components 0.1.103 → 0.1.105

package/dist/server/ssr.cjs

@@ -0,0 +1,834 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var clsx2 = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var lucideReact = require('lucide-react');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var clsx2__default = /*#__PURE__*/_interopDefault(clsx2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/server/primitives/alert/alert.tsx
+function cn(...inputs) {
+  const classString = clsx2.clsx(inputs);
+  const allOriginalClasses = classString.split(/\s+/).filter(Boolean);
+  const prefixedClasses = allOriginalClasses.filter((c) => c.startsWith("sg:"));
+  const unprefixedClasses = allOriginalClasses.filter(
+    (c) => !c.startsWith("sg:")
+  );
+  const allClassesWithRemovedPrefix = allOriginalClasses.map(
+    (c) => c.replace("sg:", "")
+  );
+  const mergedClasses = tailwindMerge.twMerge(allClassesWithRemovedPrefix).split(/\s+/).filter(Boolean);
+  return mergedClasses.map((c) => {
+    if (prefixedClasses.includes("sg:" + c) && !unprefixedClasses.includes(c)) {
+      return "sg:" + c;
+    }
+    return c;
+  }).join(" ");
+}
+var alertVariants = {
+  variant: {
+    default: "sg:bg-card sg:text-card-foreground",
+    destructive: "sg:text-destructive sg:bg-card sg:[&>svg]:text-current sg:*:data-[slot=alert-description]:text-destructive/90"
+  }
+};
+var alertVariantsProps = classVarianceAuthority.cva(
+  "sg:relative sg:w-full sg:rounded-lg sg:border sg:px-4 sg:py-3 sg:text-sm sg:grid sg:has-[>svg]:grid-cols-[calc(var(--sg-spacing)*4)_1fr] sg:grid-cols-[0_1fr] sg:has-[>svg]:gap-x-3 sg:gap-y-0.5 sg:items-start sg:[&>svg]:size-4 sg:[&>svg]:translate-y-0.5 sg:[&>svg]:text-current",
+  {
+    variants: alertVariants,
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariantsProps({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "sg:col-start-2 sg:line-clamp-1 sg:min-h-4 sg:font-medium sg:tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "sg:text-muted-foreground sg:col-start-2 sg:grid sg:justify-items-start sg:gap-1 sg:text-sm sg:[&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "sg:inline-flex sg:items-center sg:justify-center sg:rounded-md sg:border sg:px-2 sg:py-0.5 sg:text-xs sg:font-medium sg:w-fit sg:whitespace-nowrap sg:shrink-0 sg:[&>svg]:size-3 sg:gap-1 sg:[&>svg]:pointer-events-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 sg:transition-[color,box-shadow] sg:overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "sg:border-transparent sg:bg-primary sg:text-primary-foreground sg:[a&]:hover:bg-primary/90",
+        secondary: "sg:border-transparent sg:bg-secondary sg:text-secondary-foreground sg:[a&]:hover:bg-secondary/90",
+        destructive: "sg:border-transparent sg:bg-destructive sg:text-white sg:[a&]:hover:bg-destructive/90 sg:focus-visible:ring-destructive/20 sg:dark:focus-visible:ring-destructive/40 sg:dark:bg-destructive/60",
+        outline: "sg:text-foreground sg:[a&]:hover:bg-accent sg:[a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+var Badges = ({ children, className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("sg:flex sg:flex-wrap sg:gap-2", className), ...props, children });
+};
+var 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"
+  }
+};
+var buttonVariantsProps = classVarianceAuthority.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 ? reactSlot.Slot : "button";
+  const iconAnimateCss = "sg:animate-spin";
+  const LucideIconStart = iconStart && lucideReact.icons[iconStart];
+  const LucideIconEnd = iconEnd && lucideReact.icons[iconEnd];
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariantsProps({ variant, size, className })),
+      ...props,
+      children: [
+        LucideIconStart && /* @__PURE__ */ jsxRuntime.jsx(
+          LucideIconStart,
+          {
+            className: clsx2__default.default(iconStartAnimate && iconAnimateCss)
+          }
+        ),
+        children,
+        LucideIconEnd && /* @__PURE__ */ jsxRuntime.jsx(LucideIconEnd, { className: clsx2__default.default(iconEndAnimate && iconAnimateCss) })
+      ]
+    }
+  ) });
+}
+var textElementForeground = {
+  default: "sg:text-foreground",
+  muted: "sg:text-muted-foreground",
+  black: "sg:text-black",
+  white: "sg:text-white",
+  gray: "sg:text-gray",
+  primary: "sg:text-primary",
+  secondary: "sg:text-secondary",
+  pink: "sg:text-pink",
+  orange: "sg:text-orange",
+  "primary-to-pink": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-primary))] sg:to-[hsl(var(--sg-pink))] sg:bg-clip-text sg:text-transparent",
+  "pink-to-orange": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent",
+  "multi-color": "sg:bg-gradient-to-r sg:from-[hsl(var(--sg-blue))] sg:via-[hsl(var(--sg-pink))] sg:to-[hsl(var(--sg-orange))] sg:bg-clip-text sg:text-transparent"
+};
+var textElementVariants = {
+  size: {
+    xs: "sg:text-xs",
+    sm: "sg:text-sm",
+    md: "sg:text-md",
+    base: "sg:text-base",
+    lg: "sg:text-lg",
+    xl: "sg:text-xl",
+    "2xl": "sg:text-2xl",
+    "3xl": "sg:text-3xl"
+  },
+  foreground: textElementForeground,
+  fontweight: {
+    normal: "sg:font-normal",
+    medium: "sg:font-medium",
+    semibold: "sg:font-semibold",
+    bold: "sg:font-bold"
+  }
+};
+var textElementVariantsProps = classVarianceAuthority.cva("", {
+  variants: textElementVariants,
+  defaultVariants: {
+    size: "base",
+    foreground: "default",
+    fontweight: "normal"
+  }
+});
+var TextElement = ({
+  as = "div",
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  const Component = as;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var textHeadingVariants = {
+  variant: {
+    h1: "sg:text-3xl sg:md:text-4xl sg:lg:text-5xl sg:font-bold sg:tracking-tight",
+    h2: "sg:text-xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0 sg:lg:text-3xl",
+    h3: "sg:text-xl sg:font-semibold sg:tracking-tight sg:lg:text-2xl",
+    h4: "sg:text-lg sg:font-semibold sg:tracking-tight",
+    h5: "sg:text-md sg:font-semibold sg:tracking-tight",
+    h6: "sg:text-md sg:tracking-tight"
+  }
+};
+var textHeadingVariantsProps = classVarianceAuthority.cva("", {
+  variants: textHeadingVariants,
+  defaultVariants: {
+    variant: "h2"
+  }
+});
+var TextHeading = ({
+  children,
+  as,
+  variant,
+  foreground,
+  className,
+  ...props
+}) => {
+  if (!as && variant) {
+    as = variant;
+  } else if (!as) {
+    as = "h2";
+  }
+  const Component = as;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      className: cn(
+        textElementVariantsProps({ foreground }),
+        textHeadingVariantsProps({ variant }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var Card = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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";
+var CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("sg:flex sg:flex-col sg:space-y-1.5 sg:p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "sg:font-semibold sg:leading-none sg:tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("sg:text-sm sg:text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardImage = React__namespace.forwardRef(
+  ({ className, src, alt = "", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn("sg:relative sg:h-48 sg:overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "sg:absolute sg:inset-0 sg:bg-gradient-to-t sg:from-background/80 sg:to-transparent" })
+      ]
+    }
+  )
+);
+CardImage.displayName = "CardImage";
+var CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("sg:p-6 sg:pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("sg:flex sg:items-center sg:p-6 sg:pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var TextSpan = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TextElement,
+    {
+      as: "span",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var TextParagraph = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TextElement,
+    {
+      as: "p",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var 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"
+  }
+};
+var iconVariantsProps = classVarianceAuthority.cva("", {
+  variants: iconVariants,
+  defaultVariants: {
+    size: "md",
+    color: "default"
+  }
+});
+function Icon({ className, size, color, icon, spin, ...props }) {
+  const LucideIcon2 = lucideReact.icons[icon];
+  let iconSize = 20;
+  if (size == "sm") {
+    iconSize = 16;
+  } else if (size == "lg") {
+    iconSize = 32;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LucideIcon2,
+    {
+      size: iconSize,
+      className: cn(
+        iconVariantsProps({ color, className }),
+        spin && "sg:animate-spin"
+      ),
+      ...props
+    }
+  );
+}
+
+// src/lib/helpers/date.ts
+function formatDate(dateInput) {
+  if (!dateInput) {
+    return "";
+  }
+  const date = new Date(dateInput);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+var 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(" ");
+};
+var Cards = ({
+  children,
+  className,
+  cols = { default: 1, sm: 2, lg: 3 },
+  ...props
+}) => {
+  if (!cols.default) {
+    cols.default = 1;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("sg:grid sg:gap-6", getGridColsClass(cols), className),
+      ...props,
+      children
+    }
+  );
+};
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.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
+    }
+  );
+}
+var 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%)]"
+};
+var 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
+};
+var layoutVariantsProps = classVarianceAuthority.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__ */ jsxRuntime.jsx(
+    Component,
+    {
+      ...props,
+      className: cn(bgColors[bgColor ?? "transparent"], className),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(layoutVariantsProps({ type, cols })), children: React__namespace.Children.map(
+        children,
+        (child) => React__namespace.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
+      ) })
+    }
+  );
+}
+function Col({ children, hideDiv, className, as: Component = "div" }) {
+  return hideDiv ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : /* @__PURE__ */ jsxRuntime.jsx(Component, { className, children });
+}
+Layout.Col1 = Col;
+Layout.Col2 = Col;
+Layout.Col3 = Col;
+Layout.Col4 = Col;
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("sg:bg-accent sg:animate-pulse sg:rounded-md", className),
+      ...props
+    }
+  );
+}
+var sizeMap = {
+  xs: "sg:h-4 sg:w-4",
+  sm: "sg:h-5 sg:w-5",
+  md: "sg:h-8 sg:w-8",
+  lg: "sg:h-12 sg:w-12"
+};
+function Spinner({
+  variant = "ring",
+  size = "md",
+  className
+}) {
+  if (variant === "dots") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: cn("sg:inline-flex sg:items-center sg:gap-1", className),
+        "aria-label": "Loading",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-1))] sg:animate-pulse",
+                "[animation-delay:-200ms]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-[hsl(var(--sg-gradient-2))] sg:animate-pulse",
+                "[animation-delay:-100ms]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "sg:size-2 sg:rounded-full sg:bg-primary sg:animate-pulse"
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn(
+        "sg:relative sg:inline-block sg:align-[-0.125em]",
+        sizeMap[size],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "sg:absolute sg:inset-0 sg:animate-spin sg:rounded-full",
+              "sg:bg-[conic-gradient(hsl(var(--sg-gradient-1)),hsl(var(--sg-gradient-2)),hsl(var(--sg-primary)),hsl(var(--sg-gradient-1)))]",
+              "sg:[mask:radial-gradient(farthest-side,transparent_62%,black_63%)]"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sg:absolute sg:inset-[18%] sg:rounded-full sg:bg-background" })
+      ]
+    }
+  );
+}
+var stackVariants = classVarianceAuthority.cva("sg:flex sg:flex-col", {
+  variants: {
+    gap: {
+      0: "",
+      1: "sg:gap-1",
+      2: "sg:gap-2",
+      3: "sg:gap-3",
+      4: "sg:gap-4",
+      5: "sg:gap-5",
+      6: "sg:gap-6",
+      7: "sg:gap-7",
+      8: "sg:gap-8",
+      9: "sg:gap-9",
+      10: "sg:gap-10"
+    }
+  },
+  defaultVariants: {
+    gap: 0
+  }
+});
+var Stack = React__namespace.forwardRef(
+  ({ className, gap, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: cn(stackVariants({ gap }), className),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Stack.displayName = "Stack";
+var TextDiv = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TextElement,
+    {
+      as: "div",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var TextTime = ({
+  children,
+  size,
+  foreground,
+  fontweight,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TextElement,
+    {
+      as: "time",
+      className: cn(
+        textElementVariantsProps({
+          size,
+          foreground,
+          fontweight
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;
+exports.Badge = Badge;
+exports.Badges = Badges;
+exports.Button = Button;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardImage = CardImage;
+exports.CardTitle = CardTitle;
+exports.Cards = Cards;
+exports.Icon = Icon;
+exports.Input = Input;
+exports.Layout = Layout;
+exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
+exports.Stack = Stack;
+exports.TextDiv = TextDiv;
+exports.TextHeading = TextHeading;
+exports.TextParagraph = TextParagraph;
+exports.TextSpan = TextSpan;
+exports.TextTime = TextTime;
+exports.alertVariants = alertVariants;
+exports.badgeVariants = badgeVariants;
+exports.buttonVariants = buttonVariants;
+exports.buttonVariantsProps = buttonVariantsProps;
+exports.formatDate = formatDate;
+exports.getGridColsClass = getGridColsClass;
+exports.iconVariants = iconVariants;
+exports.iconVariantsProps = iconVariantsProps;
+exports.layoutVariants = layoutVariants;
+exports.layoutVariantsProps = layoutVariantsProps;
+exports.stackVariants = stackVariants;
+exports.textHeadingVariants = textHeadingVariants;
+exports.textHeadingVariantsProps = textHeadingVariantsProps;
+//# sourceMappingURL=ssr.cjs.map
+//# sourceMappingURL=ssr.cjs.map