@szum-tech/design-system 3.5.1 → 3.7.0

package/dist/chunk-3BLXG7ET.js

@@ -0,0 +1,86 @@
+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 shadow-sm [background-clip:padding-box] 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-4YXM4NWG.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.ScrollArea.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: chunkH2BWO3SI_cjs.cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" ? "h-full w-2.5 border-l border-l-transparent" : "",
+        orientation === "horizontal" ? "h-2.5 flex-col border-t border-t-transparent" : "",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.ScrollArea.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.ScrollArea.Root, { "data-slot": "scroll-area", className: chunkH2BWO3SI_cjs.cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.ScrollArea.Viewport,
+      {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring focus-visible:outline-1",
+        children
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(radixUi.ScrollArea.Corner, {})
+  ] });
+}
+
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;

package/dist/{chunk-5Q3H4MOX.js → chunk-ACJ3ES2B.js}

@@ -13,7 +13,7 @@ function DialogClose(props) {
 }
 var dialogContentVariants = cva(
   [
-    "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
+    "bg-background border-border fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
     "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 "
   ],
   {

package/dist/{chunk-6WGZMVJT.cjs → chunk-BAWVLSRF.cjs}

@@ -15,7 +15,7 @@ function DialogClose(props) {
 }
 var dialogContentVariants = classVarianceAuthority.cva(
   [
-    "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
+    "bg-background border-border fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
     "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 "
   ],
   {

package/dist/chunk-FKCWRNWB.js

@@ -0,0 +1,54 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Slot } from 'radix-ui';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 focus-visible:ring-success/20 border-transparent",
+        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 focus-visible:ring-warning/20 border-transparent",
+        error: "bg-error [a&]:hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-error-foreground border-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+function Badge({ className, variant = "primary", asChild = false, ...props }) {
+  const Comp = asChild ? Slot.Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+function BadgeButton({ className, asChild = false, ...props }) {
+  const Comp = asChild ? Slot.Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge-button",
+      className: cn(
+        "-me-0.5 inline-flex size-3.5 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-3.5! [&>svg]:opacity-100!",
+        className
+      ),
+      role: "button",
+      ...props
+    }
+  );
+}
+function BadgeDot({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "badge-dot",
+      className: cn("size-1.5 rounded-full bg-[currentColor] opacity-75", className),
+      ...props
+    }
+  );
+}
+
+export { Badge, BadgeButton, BadgeDot };

package/dist/chunk-KXMI4545.js

@@ -0,0 +1,43 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { ScrollArea as ScrollArea$1 } from 'radix-ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" ? "h-full w-2.5 border-l border-l-transparent" : "",
+        orientation === "horizontal" ? "h-2.5 flex-col border-t border-t-transparent" : "",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollArea$1.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(ScrollArea$1.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      ScrollArea$1.Viewport,
+      {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring focus-visible:outline-1",
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(ScrollBar, {}),
+    /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+  ] });
+}
+
+export { ScrollArea, ScrollBar };

package/dist/chunk-X55H6LRX.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var React = require('react');
+var radixUi = require('radix-ui');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var colorSwatchVariants = classVarianceAuthority.cva(
+  "border-border box-border rounded border shadow-sm [background-clip:padding-box] 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__namespace.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 ? radixUi.Slot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Primitive,
+    {
+      role: "img",
+      "aria-label": ariaLabel,
+      "aria-disabled": disabled || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-slot": "color-swatch",
+      ...props,
+      className: chunkH2BWO3SI_cjs.cn(colorSwatchVariants({ size }), className),
+      style: {
+        ...backgroundStyle,
+        forcedColorAdjust: "none",
+        ...style
+      }
+    }
+  );
+}
+
+exports.ColorSwatch = ColorSwatch;

package/dist/chunk-Z6CZAPVG.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var badgeVariants = classVarianceAuthority.cva(
+  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs font-medium transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 focus-visible:ring-success/20 border-transparent",
+        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 focus-visible:ring-warning/20 border-transparent",
+        error: "bg-error [a&]:hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-error-foreground border-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+function Badge({ className, variant = "primary", asChild = false, ...props }) {
+  const Comp = asChild ? radixUi.Slot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "badge", className: chunkH2BWO3SI_cjs.cn(badgeVariants({ variant }), className), ...props });
+}
+function BadgeButton({ className, asChild = false, ...props }) {
+  const Comp = asChild ? radixUi.Slot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge-button",
+      className: chunkH2BWO3SI_cjs.cn(
+        "-me-0.5 inline-flex size-3.5 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-3.5! [&>svg]:opacity-100!",
+        className
+      ),
+      role: "button",
+      ...props
+    }
+  );
+}
+function BadgeDot({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "badge-dot",
+      className: chunkH2BWO3SI_cjs.cn("size-1.5 rounded-full bg-[currentColor] opacity-75", className),
+      ...props
+    }
+  );
+}
+
+exports.Badge = Badge;
+exports.BadgeButton = BadgeButton;
+exports.BadgeDot = BadgeDot;

package/dist/components/badge/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRDYKJP7U_cjs = require('../../chunk-RDYKJP7U.cjs');
+var chunkZ6CZAPVG_cjs = require('../../chunk-Z6CZAPVG.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -8,5 +8,13 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkRDYKJP7U_cjs.Badge; }
+  get: function () { return chunkZ6CZAPVG_cjs.Badge; }
+});
+Object.defineProperty(exports, "BadgeButton", {
+  enumerable: true,
+  get: function () { return chunkZ6CZAPVG_cjs.BadgeButton; }
+});
+Object.defineProperty(exports, "BadgeDot", {
+  enumerable: true,
+  get: function () { return chunkZ6CZAPVG_cjs.BadgeDot; }
 });

package/dist/components/badge/index.d.cts

@@ -1,10 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
+    variant?: "primary" | "secondary" | "outline" | "success" | "warning" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
@@ -16,4 +17,12 @@ type BadgeProps = React.ComponentProps<"span"> & {
 };
 declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeProps, type BadgeVariant };
+type BadgeButtonProps = React__default.ComponentProps<"button"> & {
+    asChild?: boolean;
+};
+declare function BadgeButton({ className, asChild, ...props }: BadgeButtonProps): react_jsx_runtime.JSX.Element;
+
+type BadgeDotProps = React.ComponentProps<"span">;
+declare function BadgeDot({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeVariant };

package/dist/components/badge/index.d.ts

@@ -1,10 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
+    variant?: "primary" | "secondary" | "outline" | "success" | "warning" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
@@ -16,4 +17,12 @@ type BadgeProps = React.ComponentProps<"span"> & {
 };
 declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeProps, type BadgeVariant };
+type BadgeButtonProps = React__default.ComponentProps<"button"> & {
+    asChild?: boolean;
+};
+declare function BadgeButton({ className, asChild, ...props }: BadgeButtonProps): react_jsx_runtime.JSX.Element;
+
+type BadgeDotProps = React.ComponentProps<"span">;
+declare function BadgeDot({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeVariant };

package/dist/components/badge/index.js

@@ -1,3 +1,3 @@
-export { Badge } from '../../chunk-6VC76QIP.js';
+export { Badge, BadgeButton, BadgeDot } from '../../chunk-FKCWRNWB.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/button/index.cjs

@@ -1,27 +1,29 @@
 'use strict';
 
-var chunkUPL5LJOP_cjs = require('../../chunk-UPL5LJOP.cjs');
+var chunkZTD7ED52_cjs = require('../../chunk-ZTD7ED52.cjs');
 require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.cjs');
+require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-4YXM4NWG.cjs');
 require('../../chunk-3ZRMIVJM.cjs');
 require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-6WGZMVJT.cjs');
-require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-X55H6LRX.cjs');
+require('../../chunk-BAWVLSRF.cjs');
 require('../../chunk-YTVV2IUF.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
-require('../../chunk-5AA4IE2T.cjs');
+require('../../chunk-YWG7TML6.cjs');
 require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-RDYKJP7U.cjs');
+require('../../chunk-Z6CZAPVG.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -29,5 +31,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkUPL5LJOP_cjs.Button; }
+  get: function () { return chunkZTD7ED52_cjs.Button; }
 });

package/dist/components/button/index.d.cts

@@ -45,7 +45,7 @@ type ButtonProps = React.ComponentProps<"button"> & {
 declare function Button({ asChild, variant, disabled, fullWidth, loadingPosition: loadingPositionProp, children, type, loading, size, endIcon, startIcon, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "error" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "secondary" | "outline" | "error" | "default" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/button/index.d.ts

@@ -45,7 +45,7 @@ type ButtonProps = React.ComponentProps<"button"> & {
 declare function Button({ asChild, variant, disabled, fullWidth, loadingPosition: loadingPositionProp, children, type, loading, size, endIcon, startIcon, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "error" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "secondary" | "outline" | "error" | "default" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/button/index.js

@@ -1,24 +1,26 @@
-export { Button } from '../../chunk-FN24XAO4.js';
+export { Button } from '../../chunk-E2Y5T6U6.js';
 import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.js';
+import '../../chunk-UGSNASZM.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
+import '../../chunk-KXMI4545.js';
 import '../../chunk-O7QFYWMK.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-5Q3H4MOX.js';
-import '../../chunk-UW6GOD7J.js';
+import '../../chunk-3BLXG7ET.js';
+import '../../chunk-ACJ3ES2B.js';
 import '../../chunk-KYFNEU4K.js';
 import '../../chunk-I3RSTJP6.js';
-import '../../chunk-UGSNASZM.js';
+import '../../chunk-UW6GOD7J.js';
 import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
-import '../../chunk-6VC76QIP.js';
+import '../../chunk-FKCWRNWB.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/color-swatch/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkX55H6LRX_cjs = require('../../chunk-X55H6LRX.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
+
+
+
+Object.defineProperty(exports, "ColorSwatch", {
+  enumerable: true,
+  get: function () { return chunkX55H6LRX_cjs.ColorSwatch; }
+});

package/dist/components/color-swatch/index.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const colorSwatchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ColorSwatchVariantsProps = VariantProps<typeof colorSwatchVariants>;
+type ColorSwatchSize = NonNullable<ColorSwatchVariantsProps["size"]>;
+
+type ColorSwatchProps = React.ComponentProps<"div"> & {
+    size?: ColorSwatchSize;
+    color?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    withoutTransparency?: boolean;
+};
+declare function ColorSwatch({ color, size, asChild, disabled, withoutTransparency, className, style, ...props }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
+
+export { ColorSwatch, type ColorSwatchProps, type ColorSwatchSize };

package/dist/components/color-swatch/index.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const colorSwatchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ColorSwatchVariantsProps = VariantProps<typeof colorSwatchVariants>;
+type ColorSwatchSize = NonNullable<ColorSwatchVariantsProps["size"]>;
+
+type ColorSwatchProps = React.ComponentProps<"div"> & {
+    size?: ColorSwatchSize;
+    color?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    withoutTransparency?: boolean;
+};
+declare function ColorSwatch({ color, size, asChild, disabled, withoutTransparency, className, style, ...props }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
+
+export { ColorSwatch, type ColorSwatchProps, type ColorSwatchSize };