@mdigital_ui/ui 0.1.0

package/dist/chunk-NNSS366W.js

@@ -0,0 +1,331 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React, { useState, useRef, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sliderTrackVariants = cva("relative rounded-full", {
+  variants: {
+    size: {
+      xs: "h-1",
+      sm: "h-2",
+      md: "h-3",
+      lg: "h-4"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var thumbVariants = cva(
+  "absolute top-1/2 rounded-full border-2 bg-background cursor-pointer hover:scale-110 active:scale-100 transition-transform duration-150",
+  {
+    variants: {
+      size: {
+        xs: "w-3 h-3",
+        sm: "w-4 h-4",
+        md: "w-4 h-4",
+        lg: "w-6 h-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var trackColorStyles = {
+  default: {
+    default: "bg-surface",
+    solid: "bg-border",
+    soft: "bg-surface/50"
+  },
+  primary: {
+    default: "bg-primary/10",
+    solid: "bg-primary/20",
+    soft: "bg-primary/5"
+  },
+  secondary: {
+    default: "bg-secondary/10",
+    solid: "bg-secondary/20",
+    soft: "bg-secondary/5"
+  },
+  accent: {
+    default: "bg-accent/10",
+    solid: "bg-accent/20",
+    soft: "bg-accent/5"
+  },
+  success: {
+    default: "bg-success/10",
+    solid: "bg-success/20",
+    soft: "bg-success/5"
+  },
+  error: {
+    default: "bg-error/10",
+    solid: "bg-error/20",
+    soft: "bg-error/5"
+  },
+  warning: {
+    default: "bg-warning/10",
+    solid: "bg-warning/20",
+    soft: "bg-warning/5"
+  },
+  info: {
+    default: "bg-info/10",
+    solid: "bg-info/20",
+    soft: "bg-info/5"
+  }
+};
+var fillColorStyles = {
+  default: {
+    default: "bg-surface border-border",
+    solid: "bg-border",
+    soft: "bg-surface/80"
+  },
+  primary: {
+    default: "bg-primary/20 border-primary",
+    solid: "bg-primary",
+    soft: "bg-primary/60"
+  },
+  secondary: {
+    default: "bg-secondary/20 border-secondary",
+    solid: "bg-secondary",
+    soft: "bg-secondary/60"
+  },
+  accent: {
+    default: "bg-accent/20 border-accent",
+    solid: "bg-accent",
+    soft: "bg-accent/60"
+  },
+  success: {
+    default: "bg-success/20 border-success",
+    solid: "bg-success",
+    soft: "bg-success/60"
+  },
+  error: {
+    default: "bg-error/20 border-error",
+    solid: "bg-error",
+    soft: "bg-error/60"
+  },
+  warning: {
+    default: "bg-warning/20 border-warning",
+    solid: "bg-warning",
+    soft: "bg-warning/60"
+  },
+  info: {
+    default: "bg-info/20 border-info",
+    solid: "bg-info",
+    soft: "bg-info/60"
+  }
+};
+var thumbColorStyles = {
+  default: {
+    default: "border-border",
+    solid: "border-border",
+    soft: "border-surface"
+  },
+  primary: {
+    default: "border-primary",
+    solid: "border-primary",
+    soft: "border-primary/60"
+  },
+  secondary: {
+    default: "border-secondary",
+    solid: "border-secondary",
+    soft: "border-secondary/60"
+  },
+  accent: {
+    default: "border-accent",
+    solid: "border-accent",
+    soft: "border-accent/60"
+  },
+  success: {
+    default: "border-success",
+    solid: "border-success",
+    soft: "border-success/60"
+  },
+  error: {
+    default: "border-error",
+    solid: "border-error",
+    soft: "border-error/60"
+  },
+  warning: {
+    default: "border-warning",
+    solid: "border-warning",
+    soft: "border-warning/60"
+  },
+  info: {
+    default: "border-info",
+    solid: "border-info",
+    soft: "border-info/60"
+  }
+};
+var Slider = React.memo(
+  ({
+    value: controlledValue,
+    defaultValue = 50,
+    min = 0,
+    max = 100,
+    step = 1,
+    color = "primary",
+    size = "md",
+    variant = "default",
+    onChange,
+    disabled = false,
+    className,
+    footer = false,
+    range = false
+  }) => {
+    const [internalValue, setInternalValue] = useState(
+      defaultValue
+    );
+    const [hoveredThumb, setHoveredThumb] = useState(null);
+    const trackRef = useRef(null);
+    const isDragging = useRef(false);
+    const activeThumb = useRef(0);
+    const value = controlledValue ?? internalValue;
+    const values = Array.isArray(value) ? value : [value];
+    const getPercentage = (val) => (val - min) / (max - min) * 100;
+    const getValue = (clientX) => {
+      if (!trackRef.current) return min;
+      const rect = trackRef.current.getBoundingClientRect();
+      const percentage = (clientX - rect.left) / rect.width;
+      const rawValue = min + percentage * (max - min);
+      const steppedValue = Math.round(rawValue / step) * step;
+      return Math.max(min, Math.min(max, steppedValue));
+    };
+    const handleMouseDown = (thumbIndex) => (e) => {
+      if (disabled) return;
+      isDragging.current = true;
+      activeThumb.current = thumbIndex;
+      setHoveredThumb(thumbIndex);
+      e.preventDefault();
+    };
+    const handleMouseMove = useCallback(
+      (e) => {
+        if (!isDragging.current || disabled) return;
+        const newValue = getValue(e.clientX);
+        if (range && Array.isArray(value)) {
+          const newValues = [...value];
+          newValues[activeThumb.current] = newValue;
+          newValues.sort((a, b) => a - b);
+          if (!controlledValue) setInternalValue(newValues);
+          onChange?.(newValues);
+        } else {
+          if (!controlledValue) setInternalValue(newValue);
+          onChange?.(newValue);
+        }
+      },
+      [disabled, value, range, controlledValue, min, max, step]
+    );
+    const handleMouseUp = useCallback(() => {
+      isDragging.current = false;
+      setHoveredThumb(null);
+    }, []);
+    React.useEffect(() => {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      return () => {
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+      };
+    }, [handleMouseMove, handleMouseUp]);
+    const handleTrackClick = (e) => {
+      if (disabled || isDragging.current) return;
+      const newValue = getValue(e.clientX);
+      if (range && Array.isArray(value)) {
+        let closestThumbIndex = 0;
+        let minDistance = Math.abs(newValue - (value[0] || 0));
+        for (let i = 1; i < value.length; i++) {
+          const distance = Math.abs(newValue - (value[i] || 0));
+          if (distance < minDistance) {
+            minDistance = distance;
+            closestThumbIndex = i;
+          }
+        }
+        const newValues = [...value];
+        newValues[closestThumbIndex] = newValue;
+        newValues.sort((a, b) => a - b);
+        if (!controlledValue) setInternalValue(newValues);
+        onChange?.(newValues);
+      } else {
+        if (!controlledValue) setInternalValue(newValue);
+        onChange?.(newValue);
+      }
+    };
+    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: trackRef,
+          onClick: handleTrackClick,
+          className: cn(
+            sliderTrackVariants({ size }),
+            trackColorStyles[color][variant],
+            "relative cursor-pointer",
+            // ✅ фикс выхода
+            disabled && "opacity-50 cursor-not-allowed"
+          ),
+          children: [
+            range && values.length > 1 ? values.slice(0, -1).map((val, index) => {
+              const left = getPercentage(val);
+              const right = getPercentage(values[index + 1]);
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "absolute h-full rounded-full",
+                    fillColorStyles[color][variant]
+                  ),
+                  style: { left: `${left}%`, width: `${right - left}%` }
+                },
+                index
+              );
+            }) : /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute h-full rounded-full",
+                  fillColorStyles[color][variant]
+                ),
+                style: { left: "0%", width: `${getPercentage(values[0] || 0)}%` }
+              }
+            ),
+            values.map((val, index) => {
+              const left = getPercentage(val);
+              const isAtStart = left <= 0;
+              const isAtEnd = left >= 100;
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    thumbVariants({ size }),
+                    thumbColorStyles[color][variant],
+                    disabled && "cursor-not-allowed"
+                  ),
+                  style: {
+                    left: `${left}%`,
+                    transform: `translate(-50%, -50%) ${isAtStart ? "translateX(50%)" : isAtEnd ? "translateX(-50%)" : ""}`
+                  },
+                  onMouseDown: handleMouseDown(index),
+                  children: hoveredThumb === index && /* @__PURE__ */ jsx("div", { className: "absolute -top-8 left-1/2 -translate-x-1/2 bg-text-primary text-background text-xs px-2 py-1 rounded whitespace-nowrap", children: val })
+                },
+                index
+              );
+            })
+          ]
+        }
+      ),
+      typeof footer === "boolean" && /* @__PURE__ */ jsxs("div", { className: "flex justify-between mt-1 text-sm text-text-secondary", children: [
+        /* @__PURE__ */ jsx("span", { children: min }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-text-primary", children: range && Array.isArray(value) ? value.join(" - ") : value }),
+        /* @__PURE__ */ jsx("span", { children: max })
+      ] }),
+      footer && typeof footer !== "boolean" && footer
+    ] });
+  }
+);
+Slider.displayName = "Slider";
+var slider_default = Slider;
+
+export { slider_default };
+//# sourceMappingURL=chunk-NNSS366W.js.map
+//# sourceMappingURL=chunk-NNSS366W.js.map

package/dist/chunk-NNSS366W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slider/index.tsx"],"names":[],"mappings":"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","file":"chunk-NNSS366W.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\nimport type { SliderProps } from './types'\n\nconst sliderTrackVariants = cva('relative rounded-full', {\n  variants: {\n    size: {\n      xs: 'h-1',\n      sm: 'h-2',\n      md: 'h-3',\n      lg: 'h-4',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst thumbVariants = cva(\n  'absolute top-1/2 rounded-full border-2 bg-background cursor-pointer hover:scale-110 active:scale-100 transition-transform duration-150',\n  {\n    variants: {\n      size: {\n        xs: 'w-3 h-3',\n        sm: 'w-4 h-4',\n        md: 'w-4 h-4',\n        lg: 'w-6 h-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst trackColorStyles = {\n  default: {\n    default: 'bg-surface',\n    solid: 'bg-border',\n    soft: 'bg-surface/50',\n  },\n  primary: {\n    default: 'bg-primary/10',\n    solid: 'bg-primary/20',\n    soft: 'bg-primary/5',\n  },\n  secondary: {\n    default: 'bg-secondary/10',\n    solid: 'bg-secondary/20',\n    soft: 'bg-secondary/5',\n  },\n  accent: {\n    default: 'bg-accent/10',\n    solid: 'bg-accent/20',\n    soft: 'bg-accent/5',\n  },\n  success: {\n    default: 'bg-success/10',\n    solid: 'bg-success/20',\n    soft: 'bg-success/5',\n  },\n  error: {\n    default: 'bg-error/10',\n    solid: 'bg-error/20',\n    soft: 'bg-error/5',\n  },\n  warning: {\n    default: 'bg-warning/10',\n    solid: 'bg-warning/20',\n    soft: 'bg-warning/5',\n  },\n  info: {\n    default: 'bg-info/10',\n    solid: 'bg-info/20',\n    soft: 'bg-info/5',\n  },\n}\n\nconst fillColorStyles = {\n  default: {\n    default: 'bg-surface border-border',\n    solid: 'bg-border',\n    soft: 'bg-surface/80',\n  },\n  primary: {\n    default: 'bg-primary/20 border-primary',\n    solid: 'bg-primary',\n    soft: 'bg-primary/60',\n  },\n  secondary: {\n    default: 'bg-secondary/20 border-secondary',\n    solid: 'bg-secondary',\n    soft: 'bg-secondary/60',\n  },\n  accent: {\n    default: 'bg-accent/20 border-accent',\n    solid: 'bg-accent',\n    soft: 'bg-accent/60',\n  },\n  success: {\n    default: 'bg-success/20 border-success',\n    solid: 'bg-success',\n    soft: 'bg-success/60',\n  },\n  error: {\n    default: 'bg-error/20 border-error',\n    solid: 'bg-error',\n    soft: 'bg-error/60',\n  },\n  warning: {\n    default: 'bg-warning/20 border-warning',\n    solid: 'bg-warning',\n    soft: 'bg-warning/60',\n  },\n  info: {\n    default: 'bg-info/20 border-info',\n    solid: 'bg-info',\n    soft: 'bg-info/60',\n  },\n}\n\nconst thumbColorStyles = {\n  default: {\n    default: 'border-border',\n    solid: 'border-border',\n    soft: 'border-surface',\n  },\n  primary: {\n    default: 'border-primary',\n    solid: 'border-primary',\n    soft: 'border-primary/60',\n  },\n  secondary: {\n    default: 'border-secondary',\n    solid: 'border-secondary',\n    soft: 'border-secondary/60',\n  },\n  accent: {\n    default: 'border-accent',\n    solid: 'border-accent',\n    soft: 'border-accent/60',\n  },\n  success: {\n    default: 'border-success',\n    solid: 'border-success',\n    soft: 'border-success/60',\n  },\n  error: {\n    default: 'border-error',\n    solid: 'border-error',\n    soft: 'border-error/60',\n  },\n  warning: {\n    default: 'border-warning',\n    solid: 'border-warning',\n    soft: 'border-warning/60',\n  },\n  info: {\n    default: 'border-info',\n    solid: 'border-info',\n    soft: 'border-info/60',\n  },\n}\n\nconst Slider = React.memo<SliderProps>(\n  ({\n    value: controlledValue,\n    defaultValue = 50,\n    min = 0,\n    max = 100,\n    step = 1,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    disabled = false,\n    className,\n    footer = false,\n    range = false,\n  }) => {\n    const [internalValue, setInternalValue] = useState<number | number[]>(\n      defaultValue,\n    )\n    const [hoveredThumb, setHoveredThumb] = useState<number | null>(null)\n    const trackRef = useRef<HTMLDivElement>(null)\n    const isDragging = useRef(false)\n    const activeThumb = useRef<number>(0)\n\n    const value = controlledValue ?? internalValue\n    const values = Array.isArray(value) ? value : [value]\n\n    const getPercentage = (val: number) => ((val - min) / (max - min)) * 100\n\n    const getValue = (clientX: number) => {\n      if (!trackRef.current) return min\n      const rect = trackRef.current.getBoundingClientRect()\n      const percentage = (clientX - rect.left) / rect.width\n      const rawValue = min + percentage * (max - min)\n      const steppedValue = Math.round(rawValue / step) * step\n      return Math.max(min, Math.min(max, steppedValue))\n    }\n\n    const handleMouseDown = (thumbIndex: number) => (e: React.MouseEvent) => {\n      if (disabled) return\n      isDragging.current = true\n      activeThumb.current = thumbIndex\n      setHoveredThumb(thumbIndex)\n      e.preventDefault()\n    }\n\n    const handleMouseMove = useCallback(\n      (e: MouseEvent) => {\n        if (!isDragging.current || disabled) return\n        const newValue = getValue(e.clientX)\n\n        if (range && Array.isArray(value)) {\n          const newValues = [...value]\n          newValues[activeThumb.current] = newValue\n          newValues.sort((a, b) => a - b)\n          if (!controlledValue) setInternalValue(newValues)\n          onChange?.(newValues)\n        } else {\n          if (!controlledValue) setInternalValue(newValue)\n          onChange?.(newValue)\n        }\n      },\n      [disabled, value, range, controlledValue, min, max, step],\n    )\n\n    const handleMouseUp = useCallback(() => {\n      isDragging.current = false\n      setHoveredThumb(null)\n    }, [])\n\n    React.useEffect(() => {\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }, [handleMouseMove, handleMouseUp])\n\n    const handleTrackClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled || isDragging.current) return\n      const newValue = getValue(e.clientX)\n\n      if (range && Array.isArray(value)) {\n        let closestThumbIndex = 0\n        let minDistance = Math.abs(newValue - (value[0] || 0))\n        for (let i = 1; i < value.length; i++) {\n          const distance = Math.abs(newValue - (value[i] || 0))\n          if (distance < minDistance) {\n            minDistance = distance\n            closestThumbIndex = i\n          }\n        }\n\n        const newValues = [...value]\n        newValues[closestThumbIndex] = newValue\n        newValues.sort((a, b) => a - b)\n        if (!controlledValue) setInternalValue(newValues)\n        onChange?.(newValues)\n      } else {\n        if (!controlledValue) setInternalValue(newValue)\n        onChange?.(newValue)\n      }\n    }\n\n    return (\n      <div className={cn('w-full', className)}>\n        <div\n          ref={trackRef}\n          onClick={handleTrackClick}\n          className={cn(\n            sliderTrackVariants({ size }),\n            trackColorStyles[color][variant],\n            'relative cursor-pointer', // ✅ фикс выхода\n            disabled && 'opacity-50 cursor-not-allowed',\n          )}\n        >\n          {/* Fill segment */}\n          {range && values.length > 1 ? (\n            values.slice(0, -1).map((val, index) => {\n              const left = getPercentage(val)\n              const right = getPercentage(values[index + 1]!)\n              return (\n                <div\n                  key={index}\n                  className={cn(\n                    'absolute h-full rounded-full',\n                    fillColorStyles[color][variant],\n                  )}\n                  style={{ left: `${left}%`, width: `${right - left}%` }}\n                />\n              )\n            })\n          ) : (\n            <div\n              className={cn(\n                'absolute h-full rounded-full',\n                fillColorStyles[color][variant],\n              )}\n              style={{ left: '0%', width: `${getPercentage(values[0] || 0)}%` }}\n            />\n          )}\n\n          {/* Thumbs */}\n          {values.map((val, index) => {\n            const left = getPercentage(val)\n            const isAtStart = left <= 0\n            const isAtEnd = left >= 100\n            return (\n              <div\n                key={index}\n                className={cn(\n                  thumbVariants({ size }),\n                  thumbColorStyles[color][variant],\n                  disabled && 'cursor-not-allowed',\n                )}\n                style={{\n                  left: `${left}%`,\n                  transform: `translate(-50%, -50%) ${\n                    isAtStart\n                      ? 'translateX(50%)'\n                      : isAtEnd\n                        ? 'translateX(-50%)'\n                        : ''\n                  }`,\n                }}\n                onMouseDown={handleMouseDown(index)}\n              >\n                {hoveredThumb === index && (\n                  <div className=\"absolute -top-8 left-1/2 -translate-x-1/2 bg-text-primary text-background text-xs px-2 py-1 rounded whitespace-nowrap\">\n                    {val}\n                  </div>\n                )}\n              </div>\n            )\n          })}\n        </div>\n\n        {typeof footer === 'boolean' && (\n          <div className=\"flex justify-between mt-1 text-sm text-text-secondary\">\n            <span>{min}</span>\n            <span className=\"font-medium text-text-primary\">\n              {range && Array.isArray(value) ? value.join(' - ') : value}\n            </span>\n            <span>{max}</span>\n          </div>\n        )}\n        {footer && typeof footer !== 'boolean' && footer}\n      </div>\n    )\n  },\n)\n\nSlider.displayName = 'Slider'\n\nexport type * from './types'\nexport default Slider\n"]}

package/dist/chunk-OQANRZPV.js

@@ -0,0 +1,197 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var kbdVariants = cva(
+  "pointer-events-none min-w-4 min-h-3.5 border inline-flex w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none",
+  {
+    variants: {
+      variant: {
+        solid: "",
+        outline: "",
+        soft: ""
+      },
+      color: {
+        default: "",
+        primary: "",
+        secondary: "",
+        accent: "",
+        success: "",
+        error: "",
+        warning: "",
+        info: ""
+      },
+      size: {
+        xs: "h-3.5 p-0.5 text-[9px]",
+        sm: "h-4 p-0.5 text-xs",
+        md: "h-4.5 px-1.5 text-sm",
+        lg: "h-5 px-2 text-sm"
+      }
+    },
+    compoundVariants: [
+      // Default color variants
+      {
+        variant: "solid",
+        color: "default",
+        class: "bg-gray-700 border-gray-700 text-white"
+      },
+      {
+        variant: "outline",
+        color: "default",
+        class: "bg-white border-gray-300 text-gray-700"
+      },
+      {
+        variant: "soft",
+        color: "default",
+        class: "bg-gray-50 border-gray-100 text-gray-600"
+      },
+      // Primary color variants
+      {
+        variant: "solid",
+        color: "primary",
+        class: "bg-primary border-primary text-primary-text"
+      },
+      {
+        variant: "outline",
+        color: "primary",
+        class: "bg-white border-primary text-primary"
+      },
+      {
+        variant: "soft",
+        color: "primary",
+        class: "bg-primary/10 border-primary/20 text-primary"
+      },
+      // Secondary color variants
+      {
+        variant: "solid",
+        color: "secondary",
+        class: "bg-secondary border-secondary text-secondary-text"
+      },
+      {
+        variant: "outline",
+        color: "secondary",
+        class: "bg-white border-secondary text-secondary"
+      },
+      {
+        variant: "soft",
+        color: "secondary",
+        class: "bg-secondary/10 border-secondary/20 text-secondary"
+      },
+      // Success color variants
+      {
+        variant: "solid",
+        color: "success",
+        class: "bg-success border-success text-success-text"
+      },
+      {
+        variant: "outline",
+        color: "success",
+        class: "bg-white border-success text-success"
+      },
+      {
+        variant: "soft",
+        color: "success",
+        class: "bg-success/10 border-success/20 text-success"
+      },
+      // Error color variants
+      {
+        variant: "solid",
+        color: "error",
+        class: "bg-error border-error text-error-text"
+      },
+      {
+        variant: "outline",
+        color: "error",
+        class: "bg-white border-error text-error"
+      },
+      {
+        variant: "soft",
+        color: "error",
+        class: "bg-error/10 border-error/20 text-error"
+      },
+      // Warning color variants
+      {
+        variant: "solid",
+        color: "warning",
+        class: "bg-warning border-warning text-warning-text"
+      },
+      {
+        variant: "outline",
+        color: "warning",
+        class: "bg-white border-warning text-warning"
+      },
+      {
+        variant: "soft",
+        color: "warning",
+        class: "bg-warning/10 border-warning/20 text-warning"
+      },
+      // Accent color variants
+      {
+        variant: "solid",
+        color: "accent",
+        class: "bg-accent border-accent text-accent-text"
+      },
+      {
+        variant: "outline",
+        color: "accent",
+        class: "bg-white border-accent text-accent"
+      },
+      {
+        variant: "soft",
+        color: "accent",
+        class: "bg-accent/10 border-accent/20 text-accent"
+      },
+      // Info color variants
+      {
+        variant: "solid",
+        color: "info",
+        class: "bg-info border-info text-info-text"
+      },
+      {
+        variant: "outline",
+        color: "info",
+        class: "bg-white border-info text-info"
+      },
+      {
+        variant: "soft",
+        color: "info",
+        class: "bg-info/10 border-info/20 text-info"
+      }
+    ],
+    defaultVariants: {
+      variant: "outline",
+      color: "default",
+      size: "sm"
+    }
+  }
+);
+var Kbd = React.memo(
+  ({
+    variant = "outline",
+    color = "default",
+    size = "sm",
+    className,
+    children,
+    ...props
+  }) => {
+    return /* @__PURE__ */ jsx(
+      "kbd",
+      {
+        className: cn(
+          kbdVariants({ variant, color, size }),
+          "[&_svg:not([class*='size-'])]:size-3",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Kbd.displayName = "Kbd";
+var kbd_default = Kbd;
+
+export { kbd_default };
+//# sourceMappingURL=chunk-OQANRZPV.js.map
+//# sourceMappingURL=chunk-OQANRZPV.js.map

package/dist/chunk-OQANRZPV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/kbd/index.tsx"],"names":[],"mappings":"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","file":"chunk-OQANRZPV.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { KbdProps } from './types'\n\nconst kbdVariants = cva(\n  'pointer-events-none min-w-4 min-h-3.5 border inline-flex w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none',\n  {\n    variants: {\n      variant: {\n        solid: '',\n        outline: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n      size: {\n        xs: 'h-3.5 p-0.5 text-[9px]',\n        sm: 'h-4 p-0.5 text-xs',\n        md: 'h-4.5 px-1.5 text-sm',\n        lg: 'h-5 px-2 text-sm',\n      },\n    },\n    compoundVariants: [\n      // Default color variants\n      {\n        variant: 'solid',\n        color: 'default',\n        class: 'bg-gray-700 border-gray-700 text-white',\n      },\n      {\n        variant: 'outline',\n        color: 'default',\n        class: 'bg-white border-gray-300 text-gray-700',\n      },\n      {\n        variant: 'soft',\n        color: 'default',\n        class: 'bg-gray-50 border-gray-100 text-gray-600',\n      },\n\n      // Primary color variants\n      {\n        variant: 'solid',\n        color: 'primary',\n        class: 'bg-primary border-primary text-primary-text',\n      },\n      {\n        variant: 'outline',\n        color: 'primary',\n        class: 'bg-white border-primary text-primary',\n      },\n      {\n        variant: 'soft',\n        color: 'primary',\n        class: 'bg-primary/10 border-primary/20 text-primary',\n      },\n\n      // Secondary color variants\n      {\n        variant: 'solid',\n        color: 'secondary',\n        class: 'bg-secondary border-secondary text-secondary-text',\n      },\n      {\n        variant: 'outline',\n        color: 'secondary',\n        class: 'bg-white border-secondary text-secondary',\n      },\n      {\n        variant: 'soft',\n        color: 'secondary',\n        class: 'bg-secondary/10 border-secondary/20 text-secondary',\n      },\n\n      // Success color variants\n      {\n        variant: 'solid',\n        color: 'success',\n        class: 'bg-success border-success text-success-text',\n      },\n      {\n        variant: 'outline',\n        color: 'success',\n        class: 'bg-white border-success text-success',\n      },\n      {\n        variant: 'soft',\n        color: 'success',\n        class: 'bg-success/10 border-success/20 text-success',\n      },\n\n      // Error color variants\n      {\n        variant: 'solid',\n        color: 'error',\n        class: 'bg-error border-error text-error-text',\n      },\n      {\n        variant: 'outline',\n        color: 'error',\n        class: 'bg-white border-error text-error',\n      },\n      {\n        variant: 'soft',\n        color: 'error',\n        class: 'bg-error/10 border-error/20 text-error',\n      },\n\n      // Warning color variants\n      {\n        variant: 'solid',\n        color: 'warning',\n        class: 'bg-warning border-warning text-warning-text',\n      },\n      {\n        variant: 'outline',\n        color: 'warning',\n        class: 'bg-white border-warning text-warning',\n      },\n      {\n        variant: 'soft',\n        color: 'warning',\n        class: 'bg-warning/10 border-warning/20 text-warning',\n      },\n\n      // Accent color variants\n      {\n        variant: 'solid',\n        color: 'accent',\n        class: 'bg-accent border-accent text-accent-text',\n      },\n      {\n        variant: 'outline',\n        color: 'accent',\n        class: 'bg-white border-accent text-accent',\n      },\n      {\n        variant: 'soft',\n        color: 'accent',\n        class: 'bg-accent/10 border-accent/20 text-accent',\n      },\n\n      // Info color variants\n      {\n        variant: 'solid',\n        color: 'info',\n        class: 'bg-info border-info text-info-text',\n      },\n      {\n        variant: 'outline',\n        color: 'info',\n        class: 'bg-white border-info text-info',\n      },\n      {\n        variant: 'soft',\n        color: 'info',\n        class: 'bg-info/10 border-info/20 text-info',\n      },\n    ],\n    defaultVariants: {\n      variant: 'outline',\n      color: 'default',\n      size: 'sm',\n    },\n  },\n)\n\nconst Kbd = React.memo<KbdProps>(\n  ({\n    variant = 'outline',\n    color = 'default',\n    size = 'sm',\n    className,\n    children,\n    ...props\n  }) => {\n    return (\n      <kbd\n        className={cn(\n          kbdVariants({ variant, color, size }),\n          \"[&_svg:not([class*='size-'])]:size-3\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </kbd>\n    )\n  },\n)\n\nKbd.displayName = 'Kbd'\n\nexport type * from './types'\nexport default Kbd\n"]}