@szum-tech/design-system 3.5.1 → 3.6.0

package/dist/chunk-54PWKHYF.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 border-transparent focus-visible:ring-success/20",
+        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 border-transparent focus-visible:ring-warning/20",
+        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/chunk-FUS2IGBX.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 border-transparent focus-visible:ring-success/20",
+        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 border-transparent focus-visible:ring-warning/20",
+        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-N2Q3D32M.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(
+  "box-border rounded border border-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-Z33XUQTB.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(
+  "box-border rounded border border-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/components/badge/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRDYKJP7U_cjs = require('../../chunk-RDYKJP7U.cjs');
+var chunk54PWKHYF_cjs = require('../../chunk-54PWKHYF.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 chunk54PWKHYF_cjs.Badge; }
+});
+Object.defineProperty(exports, "BadgeButton", {
+  enumerable: true,
+  get: function () { return chunk54PWKHYF_cjs.BadgeButton; }
+});
+Object.defineProperty(exports, "BadgeDot", {
+  enumerable: true,
+  get: function () { return chunk54PWKHYF_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-FUS2IGBX.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/button/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var chunkUPL5LJOP_cjs = require('../../chunk-UPL5LJOP.cjs');
+var chunkJXZ27PK6_cjs = require('../../chunk-JXZ27PK6.cjs');
 require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.cjs');
+require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-3ZRMIVJM.cjs');
@@ -10,18 +11,18 @@ require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-Z33XUQTB.cjs');
 require('../../chunk-6WGZMVJT.cjs');
-require('../../chunk-YWG7TML6.cjs');
 require('../../chunk-YTVV2IUF.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
-require('../../chunk-5AA4IE2T.cjs');
-require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-RDYKJP7U.cjs');
+require('../../chunk-54PWKHYF.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -29,5 +30,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkUPL5LJOP_cjs.Button; }
+  get: function () { return chunkJXZ27PK6_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,6 +1,7 @@
-export { Button } from '../../chunk-FN24XAO4.js';
+export { Button } from '../../chunk-GWRG4LH5.js';
 import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.js';
+import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
 import '../../chunk-O7QFYWMK.js';
@@ -8,17 +9,17 @@ import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
+import '../../chunk-N2Q3D32M.js';
 import '../../chunk-5Q3H4MOX.js';
-import '../../chunk-UW6GOD7J.js';
 import '../../chunk-KYFNEU4K.js';
 import '../../chunk-I3RSTJP6.js';
-import '../../chunk-UGSNASZM.js';
-import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-XJIUGEPN.js';
+import '../../chunk-UW6GOD7J.js';
+import '../../chunk-UGSNASZM.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
-import '../../chunk-6VC76QIP.js';
+import '../../chunk-FUS2IGBX.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkZ33XUQTB_cjs = require('../../chunk-Z33XUQTB.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
+
+
+
+Object.defineProperty(exports, "ColorSwatch", {
+  enumerable: true,
+  get: function () { return chunkZ33XUQTB_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 };

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

@@ -0,0 +1,3 @@
+export { ColorSwatch } from '../../chunk-N2Q3D32M.js';
+import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';