singularity-components 0.1.105 → 0.1.107

package/dist/server/ssr.cjs

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