@szum-tech/design-system 3.16.0 → 3.18.1

package/dist/chunk-3DP3VMPN.js

@@ -1,173 +0,0 @@
-import { Separator } from './chunk-A72LE53B.js';
-import { Label } from './chunk-I3RSTJP6.js';
-import { cn } from './chunk-ZD2QRAOX.js';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as React from 'react';
-
-var fieldVariants = cva("group/field data-[invalid=true]:text-error flex w-full gap-3", {
-  variants: {
-    orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      horizontal: [
-        "flex-row items-center",
-        "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ],
-      responsive: [
-        "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
-        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ]
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical"
-  }
-});
-function Field({ className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation,
-      className: cn(fieldVariants({ orientation }), className),
-      ...props
-    }
-  );
-}
-function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-content",
-      className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
-      ...props
-    }
-  );
-}
-function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: cn(
-        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldError({ className, children, errors, ...props }) {
-  const content = React.useMemo(() => {
-    if (children) {
-      return children;
-    }
-    if (!errors?.length) {
-      return null;
-    }
-    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
-    if (uniqueErrors?.length == 1) {
-      return uniqueErrors[0]?.message;
-    }
-    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)) });
-  }, [children, errors]);
-  if (!content) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-error text-sm font-normal", className), ...props, children: content });
-}
-function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-group",
-      className: cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      "data-slot": "field-label",
-      className: cn(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:border-border has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLegend({ className, variant = "legend", ...props }) {
-  return /* @__PURE__ */ jsx(
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": variant,
-      className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className),
-      ...props
-    }
-  );
-}
-function FieldSeparator({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "field-separator",
-      "data-content": !!children,
-      className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
-            "data-slot": "field-separator-content",
-            children
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: cn(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-label",
-      className: cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/chunk-3GNVQFCK.cjs

@@ -1,50 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-var alertVariants = classVarianceAuthority.cva(
-  "border-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-error bg-card *:data-[slot=alert-description]:text-error/90 [&>svg]:text-current"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "alert", role: "alert", className: chunkH2BWO3SI_cjs.cn(alertVariants({ variant }), className), ...props });
-}
-function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: chunkH2BWO3SI_cjs.cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: chunkH2BWO3SI_cjs.cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
-      ...props
-    }
-  );
-}
-
-exports.Alert = Alert;
-exports.AlertDescription = AlertDescription;
-exports.AlertTitle = AlertTitle;

package/dist/chunk-3RK5PCIC.js

@@ -1,86 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import * as React from 'react';
-import { Slot } from 'radix-ui';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var colorSwatchVariants = cva(
-  "border-border box-border rounded border [background-clip:padding-box] shadow-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-  {
-    variants: {
-      size: {
-        default: "size-8",
-        sm: "size-6",
-        lg: "size-12"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-
-// src/components/color-swatch/color-swatch.utils.ts
-function getIsCssColor(v) {
-  try {
-    return typeof CSS !== "undefined" && typeof CSS.supports === "function" ? CSS.supports("color", v) : true;
-  } catch {
-    return false;
-  }
-}
-function getHasAlpha(v) {
-  const s = v.trim().toLowerCase();
-  if (s === "transparent") return true;
-  if (/^#(?:[0-9a-f]{4}|[0-9a-f]{8})$/i.test(s)) return true;
-  if (/\b(?:rgba|hsla)\s*\(/i.test(s)) return true;
-  return /\b(?:rgb|hsl|lab|lch|oklab|oklch|color)\s*\([^)]*\/\s*[\d.]+%?\s*\)/i.test(s);
-}
-function ColorSwatch({
-  color,
-  size = "default",
-  asChild = false,
-  disabled = false,
-  withoutTransparency = false,
-  className,
-  style,
-  ...props
-}) {
-  const colorValue = color?.trim();
-  const backgroundStyle = React.useMemo(() => {
-    if (!colorValue) {
-      return {
-        background: "linear-gradient(to bottom right, transparent calc(50% - 1px), hsl(var(--destructive)) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) no-repeat"
-      };
-    }
-    if (!getIsCssColor(colorValue)) {
-      return { backgroundColor: "transparent" };
-    }
-    if (!withoutTransparency && getHasAlpha(colorValue)) {
-      return {
-        background: `linear-gradient(${colorValue}, ${colorValue}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 0% 50% / 10px 10px`
-      };
-    }
-    return { backgroundColor: colorValue };
-  }, [colorValue, withoutTransparency]);
-  const ariaLabel = !colorValue ? "No color selected" : `Color swatch: ${colorValue}`;
-  const Primitive = asChild ? Slot.Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Primitive,
-    {
-      role: "img",
-      "aria-label": ariaLabel,
-      "aria-disabled": disabled || void 0,
-      "data-disabled": disabled ? "" : void 0,
-      "data-slot": "color-swatch",
-      ...props,
-      className: cn(colorSwatchVariants({ size }), className),
-      style: {
-        ...backgroundStyle,
-        forcedColorAdjust: "none",
-        ...style
-      }
-    }
-  );
-}
-
-export { ColorSwatch };

package/dist/chunk-3WSQRFUY.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var lucideReact = require('lucide-react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { role: "status", "aria-label": "Loading", className: chunkH2BWO3SI_cjs.cn("size-4 animate-spin", className), ...props });
-}
-
-exports.Spinner = Spinner;

package/dist/chunk-4LNGZHF2.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Avatar({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Avatar.Root,
-    {
-      "data-slot": "avatar",
-      className: chunkH2BWO3SI_cjs.cn("relative flex size-8 shrink-0 overflow-hidden rounded", className),
-      ...props
-    }
-  );
-}
-function AvatarImage({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Image, { "data-slot": "avatar-image", className: chunkH2BWO3SI_cjs.cn("aspect-square size-full", className), ...props });
-}
-function AvatarFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Avatar.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: chunkH2BWO3SI_cjs.cn("bg-muted flex size-full items-center justify-center rounded", className),
-      ...props
-    }
-  );
-}
-
-exports.Avatar = Avatar;
-exports.AvatarFallback = AvatarFallback;
-exports.AvatarImage = AvatarImage;

package/dist/chunk-4TRADSTP.js

@@ -1,34 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { RadioGroup as RadioGroup$1 } from 'radix-ui';
-import { jsx } from 'react/jsx-runtime';
-import { CircleIcon } from 'lucide-react';
-
-function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(RadioGroup$1.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props });
-}
-function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    RadioGroup$1.Item,
-    {
-      "data-slot": "radio-group-item",
-      className: cn(
-        "border-input text-primary dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        RadioGroup$1.Indicator,
-        {
-          "data-slot": "radio-group-indicator",
-          className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
-        }
-      )
-    }
-  );
-}
-
-export { RadioGroup, RadioGroupItem };

package/dist/chunk-5F2Y65JH.js

@@ -1,32 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { CheckIcon } from 'lucide-react';
-import { Checkbox as Checkbox$1 } from 'radix-ui';
-import { jsx } from 'react/jsx-runtime';
-
-function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Checkbox$1.Root,
-    {
-      "data-slot": "checkbox",
-      className: cn(
-        "peer border-input dark:bg-input/30 size-4 shrink-0 rounded border shadow-xs transition-shadow outline-none",
-        "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary",
-        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Checkbox$1.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
-
-export { Checkbox };

package/dist/chunk-5MJPZUTO.js

@@ -1,38 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { AlertDialog as AlertDialog$1 } from 'radix-ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-
-var AlertDialog = AlertDialog$1.Root;
-var AlertDialogTrigger = AlertDialog$1.Trigger;
-function AlertDialogContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxs(AlertDialog$1.Portal, { children: [
-    /* @__PURE__ */ jsx(AlertDialog$1.Overlay, { className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs" }),
-    /* @__PURE__ */ jsx(
-      AlertDialog$1.Content,
-      {
-        className: cn(
-          "bg-app-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-1/2 left-1/2 z-50 flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-800 p-4 shadow-lg duration-200",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-var AlertDialogAction = AlertDialog$1.Action;
-function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
-}
-function AlertDialogTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Title, { ref, className: cn("text-heading-6", className), ...props });
-}
-function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Description, { className: cn("text-body-2 text-gray-300", className), ...props });
-}
-var AlertDialogCancel = AlertDialog$1.Cancel;
-function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-}
-
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };

package/dist/chunk-5MV54MWS.js

@@ -1,46 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var alertVariants = cva(
-  "border-border relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-error bg-card *:data-[slot=alert-description]:text-error/90 [&>svg]:text-current"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props });
-}
-function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
-      ...props
-    }
-  );
-}
-
-export { Alert, AlertDescription, AlertTitle };

package/dist/chunk-6BSR3O2J.js

@@ -1,53 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { jsx } from 'react/jsx-runtime';
-
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "bg-card text-card-foreground border-border flex flex-col gap-6 rounded border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "card-title", className: cn("leading-none font-semibold", className), ...props });
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props });
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "card-content", className: cn("px-6", className), ...props });
-}
-function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className), ...props });
-}
-function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-action",
-      className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-      ...props
-    }
-  );
-}
-
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };