kz-design-system 0.2.0 → 0.3.0

package/dist/range-slider.mjs

@@ -0,0 +1,426 @@
+// src/components/range-slider/RangeSlider.tsx
+import * as React2 from "react";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/constants/enum.ts
+var TextInputVariant = /* @__PURE__ */ ((TextInputVariant2) => {
+  TextInputVariant2["Default"] = "default";
+  TextInputVariant2["Container"] = "container";
+  TextInputVariant2["Ghost"] = "ghost";
+  return TextInputVariant2;
+})(TextInputVariant || {});
+var TextInputSize = /* @__PURE__ */ ((TextInputSize2) => {
+  TextInputSize2["Sm"] = "sm";
+  TextInputSize2["Md"] = "md";
+  TextInputSize2["Lg"] = "lg";
+  return TextInputSize2;
+})(TextInputSize || {});
+var TextInputState = /* @__PURE__ */ ((TextInputState2) => {
+  TextInputState2["Default"] = "default";
+  TextInputState2["Error"] = "error";
+  TextInputState2["Success"] = "success";
+  TextInputState2["Warning"] = "warning";
+  return TextInputState2;
+})(TextInputState || {});
+
+// src/components/typography/Typography.tsx
+import * as React from "react";
+
+// src/components/typography/typography-variants.ts
+var typographyVariants = [
+  "h1" /* H1 */,
+  "h2" /* H2 */,
+  "h3" /* H3 */,
+  "h4" /* H4 */,
+  "h5" /* H5 */,
+  "body" /* Body */,
+  "small" /* Small */,
+  "caption" /* Caption */,
+  "label" /* Label */,
+  "link" /* Link */,
+  "error" /* Error */,
+  "success" /* Success */,
+  "warning" /* Warning */
+];
+var variantToClass = {
+  ["h1" /* H1 */]: "kz-typography-h1",
+  ["h2" /* H2 */]: "kz-typography-h2",
+  ["h3" /* H3 */]: "kz-typography-h3",
+  ["h4" /* H4 */]: "kz-typography-h4",
+  ["h5" /* H5 */]: "kz-typography-h5",
+  ["body" /* Body */]: "kz-typography-body",
+  ["small" /* Small */]: "kz-typography-small",
+  ["caption" /* Caption */]: "kz-typography-caption",
+  ["label" /* Label */]: "kz-typography-label",
+  ["link" /* Link */]: "kz-typography-link",
+  ["error" /* Error */]: "kz-typography-error",
+  ["success" /* Success */]: "kz-typography-success",
+  ["warning" /* Warning */]: "kz-typography-warning"
+};
+function getTypographyClass(variant) {
+  return variantToClass[variant];
+}
+var defaultElement = {
+  ["h1" /* H1 */]: "h1",
+  ["h2" /* H2 */]: "h2",
+  ["h3" /* H3 */]: "h3",
+  ["h4" /* H4 */]: "h4",
+  ["h5" /* H5 */]: "h5",
+  ["body" /* Body */]: "p",
+  ["small" /* Small */]: "span",
+  ["caption" /* Caption */]: "span",
+  ["label" /* Label */]: "span",
+  ["link" /* Link */]: "a",
+  ["error" /* Error */]: "span",
+  ["success" /* Success */]: "span",
+  ["warning" /* Warning */]: "span"
+};
+function getDefaultElement(variant) {
+  return defaultElement[variant];
+}
+
+// src/components/typography/Typography.tsx
+var alignClass = {
+  ["left" /* Left */]: "text-left",
+  ["center" /* Center */]: "text-center",
+  ["right" /* Right */]: "text-right"
+};
+var weightClass = {
+  ["regular" /* Regular */]: "font-normal",
+  ["medium" /* Medium */]: "font-medium",
+  ["semibold" /* Semibold */]: "font-semibold",
+  ["bold" /* Bold */]: "font-bold"
+};
+var Typography = React.forwardRef(
+  ({
+    children,
+    variant,
+    href,
+    tone,
+    as,
+    align,
+    truncate,
+    lines,
+    weight,
+    className,
+    style,
+    ...props
+  }, ref) => {
+    const Comp = href !== void 0 ? "a" : as ?? getDefaultElement(variant);
+    const typographyClass = getTypographyClass(variant);
+    const toneClass = tone !== void 0 ? `kz-typography-tone-${tone}` : void 0;
+    const lineClampStyle = lines !== void 0 && lines > 0 ? {
+      display: "-webkit-box",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: lines,
+      overflow: "hidden"
+    } : void 0;
+    const combinedStyle = lineClampStyle ? { ...style, ...lineClampStyle } : style;
+    return React.createElement(
+      Comp,
+      {
+        ref,
+        ...href !== void 0 && { href },
+        className: cn(
+          typographyClass,
+          toneClass,
+          align !== void 0 && alignClass[align],
+          truncate && "truncate",
+          weight !== void 0 && weightClass[weight],
+          className
+        ),
+        style: combinedStyle,
+        ...props
+      },
+      children
+    );
+  }
+);
+Typography.displayName = "Typography";
+
+// src/components/range-slider/RangeSlider.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var clamp = (val, min, max) => Math.min(Math.max(val, min), max);
+var snapToStep = (val, min, step) => {
+  const steps = Math.round((val - min) / step);
+  return min + steps * step;
+};
+var RangeSlider = React2.forwardRef(
+  ({
+    size = "md" /* Md */,
+    variant = "default" /* Default */,
+    label,
+    helperText,
+    description,
+    state = "default" /* Default */,
+    errorText,
+    successText,
+    warningText,
+    value,
+    rangeValue,
+    onValueChange,
+    onRangeChange,
+    min = 0,
+    max = 100,
+    step = 1,
+    showValue = false,
+    showMinMax = false,
+    formatValue,
+    showInputs = false,
+    inputVariant,
+    disabled = false,
+    containerClassName
+  }, ref) => {
+    const resolvedInputVariant = inputVariant ?? variant;
+    const isRange = rangeValue != null;
+    const trackRef = React2.useRef(null);
+    const [dragging, setDragging] = React2.useState(null);
+    const [startText, setStartText] = React2.useState(
+      String(isRange ? rangeValue[0] : value ?? min)
+    );
+    const [endText, setEndText] = React2.useState(
+      String(isRange ? rangeValue[1] : max)
+    );
+    React2.useEffect(() => {
+      if (isRange && rangeValue) {
+        setStartText(String(rangeValue[0]));
+        setEndText(String(rangeValue[1]));
+      } else if (value != null) {
+        setStartText(String(value));
+      }
+    }, [isRange, value, rangeValue]);
+    const commitInput = (which, raw) => {
+      const parsed = parseFloat(raw);
+      if (isNaN(parsed)) return;
+      const clamped = clamp(snapToStep(parsed, min, step), min, max);
+      if (isRange && rangeValue) {
+        if (which === "start") {
+          const safe = Math.min(clamped, rangeValue[1]);
+          onRangeChange?.([safe, rangeValue[1]]);
+        } else {
+          const safe = Math.max(clamped, rangeValue[0]);
+          onRangeChange?.([rangeValue[0], safe]);
+        }
+      } else {
+        onValueChange?.(clamped);
+      }
+    };
+    const format = formatValue ?? ((v) => String(v));
+    const getPercent = (val) => (val - min) / (max - min) * 100;
+    const getValueFromPosition = (clientX) => {
+      const track = trackRef.current;
+      if (!track) return min;
+      const rect = track.getBoundingClientRect();
+      const ratio = clamp((clientX - rect.left) / rect.width, 0, 1);
+      const raw = min + ratio * (max - min);
+      return clamp(snapToStep(raw, min, step), min, max);
+    };
+    const handlePointerDown = (thumb) => (e) => {
+      if (disabled) return;
+      e.preventDefault();
+      e.target.setPointerCapture(e.pointerId);
+      setDragging(thumb);
+      const val = getValueFromPosition(e.clientX);
+      applyValue(thumb, val);
+    };
+    const handlePointerMove = (e) => {
+      if (!dragging || disabled) return;
+      const val = getValueFromPosition(e.clientX);
+      applyValue(dragging, val);
+    };
+    const handlePointerUp = () => {
+      setDragging(null);
+    };
+    const applyValue = (thumb, val) => {
+      if (thumb === "single") {
+        onValueChange?.(val);
+      } else if (rangeValue) {
+        if (thumb === "start") {
+          const clamped = Math.min(val, rangeValue[1]);
+          onRangeChange?.([clamped, rangeValue[1]]);
+        } else {
+          const clamped = Math.max(val, rangeValue[0]);
+          onRangeChange?.([rangeValue[0], clamped]);
+        }
+      }
+    };
+    const handleTrackClick = (e) => {
+      if (disabled) return;
+      const val = getValueFromPosition(e.clientX);
+      if (isRange && rangeValue) {
+        const distStart = Math.abs(val - rangeValue[0]);
+        const distEnd = Math.abs(val - rangeValue[1]);
+        if (distStart <= distEnd) {
+          onRangeChange?.([Math.min(val, rangeValue[1]), rangeValue[1]]);
+        } else {
+          onRangeChange?.([rangeValue[0], Math.max(val, rangeValue[0])]);
+        }
+      } else {
+        onValueChange?.(val);
+      }
+    };
+    const handleKeyDown = (thumb) => (e) => {
+      if (disabled) return;
+      let delta = 0;
+      if (e.key === "ArrowRight" || e.key === "ArrowUp") delta = step;
+      else if (e.key === "ArrowLeft" || e.key === "ArrowDown") delta = -step;
+      else if (e.key === "Home") {
+        applyValue(thumb, min);
+        return;
+      } else if (e.key === "End") {
+        applyValue(thumb, max);
+        return;
+      } else return;
+      e.preventDefault();
+      if (thumb === "single" && value != null) {
+        applyValue(thumb, clamp(value + delta, min, max));
+      } else if (rangeValue) {
+        const current = thumb === "start" ? rangeValue[0] : rangeValue[1];
+        applyValue(thumb, clamp(current + delta, min, max));
+      }
+    };
+    const stateMessage = state === "error" /* Error */ ? errorText : state === "success" /* Success */ ? successText : state === "warning" /* Warning */ ? warningText : void 0;
+    const uniqueId = React2.useId();
+    const messageId = `kz-range-slider-message-${uniqueId}`;
+    const singlePercent = value != null ? getPercent(value) : 0;
+    const startPercent = rangeValue ? getPercent(rangeValue[0]) : 0;
+    const endPercent = rangeValue ? getPercent(rangeValue[1]) : 100;
+    const rootClass = cn("kz-range-slider-root", containerClassName);
+    const wrapperClass = cn(
+      "kz-range-slider-wrapper",
+      `kz-range-slider-wrapper--${variant}`,
+      `kz-range-slider-wrapper--${size}`,
+      state !== "default" /* Default */ && `kz-range-slider-wrapper--${state}`,
+      disabled && "kz-range-slider-wrapper--disabled"
+    );
+    const renderThumb = (thumb, percent, currentValue) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "kz-range-slider-thumb",
+          `kz-range-slider-thumb--${size}`,
+          dragging === thumb && "kz-range-slider-thumb--active"
+        ),
+        style: { left: `${percent}%` },
+        role: "slider",
+        tabIndex: disabled ? -1 : 0,
+        "aria-valuemin": min,
+        "aria-valuemax": max,
+        "aria-valuenow": currentValue,
+        "aria-disabled": disabled,
+        "aria-label": thumb === "start" ? "Range start" : thumb === "end" ? "Range end" : "Value",
+        onPointerDown: handlePointerDown(thumb),
+        onKeyDown: handleKeyDown(thumb),
+        children: showValue && /* @__PURE__ */ jsx("span", { className: "kz-range-slider-value-tooltip", children: format(currentValue) })
+      }
+    );
+    return /* @__PURE__ */ jsxs("div", { className: rootClass, ref, children: [
+      label != null && label !== "" && /* @__PURE__ */ jsx("label", { className: "kz-range-slider-label", children: /* @__PURE__ */ jsx(Typography, { variant: "label" /* Label */, children: label }) }),
+      description != null && description !== "" && /* @__PURE__ */ jsx(Typography, { variant: "caption" /* Caption */, children: description }),
+      showInputs && /* @__PURE__ */ jsxs("div", { className: "kz-range-slider-inputs", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "decimal",
+            className: cn(
+              "kz-range-slider-input",
+              `kz-range-slider-input--${size}`,
+              `kz-range-slider-input--${resolvedInputVariant}`
+            ),
+            value: startText,
+            onChange: (e) => setStartText(e.target.value),
+            onBlur: () => commitInput("start", startText),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") commitInput("start", startText);
+            },
+            disabled,
+            "aria-label": isRange ? "Range start value" : "Value"
+          }
+        ),
+        isRange && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption" /* Caption */, children: "to" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              inputMode: "decimal",
+              className: cn(
+                "kz-range-slider-input",
+                `kz-range-slider-input--${size}`
+              ),
+              value: endText,
+              onChange: (e) => setEndText(e.target.value),
+              onBlur: () => commitInput("end", endText),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") commitInput("end", endText);
+              },
+              disabled,
+              "aria-label": "Range end value"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: wrapperClass,
+          onPointerMove: handlePointerMove,
+          onPointerUp: handlePointerUp,
+          onPointerLeave: handlePointerUp,
+          children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "kz-range-slider-track",
+              ref: trackRef,
+              onClick: handleTrackClick,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "kz-range-slider-fill",
+                    style: isRange ? {
+                      left: `${startPercent}%`,
+                      width: `${endPercent - startPercent}%`
+                    } : { left: "0%", width: `${singlePercent}%` }
+                  }
+                ),
+                isRange && rangeValue ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  renderThumb("start", startPercent, rangeValue[0]),
+                  renderThumb("end", endPercent, rangeValue[1])
+                ] }) : value != null && renderThumb("single", singlePercent, value)
+              ]
+            }
+          )
+        }
+      ),
+      showMinMax && /* @__PURE__ */ jsxs("div", { className: "kz-range-slider-minmax", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "caption" /* Caption */, children: format(min) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption" /* Caption */, children: format(max) })
+      ] }),
+      stateMessage != null && stateMessage !== "" && /* @__PURE__ */ jsx(
+        Typography,
+        {
+          id: messageId,
+          variant: state === "error" /* Error */ ? "error" /* Error */ : state === "success" /* Success */ ? "success" /* Success */ : "warning" /* Warning */,
+          children: stateMessage
+        }
+      ),
+      helperText != null && helperText !== "" && state === "default" /* Default */ && /* @__PURE__ */ jsx(Typography, { variant: "caption" /* Caption */, children: helperText })
+    ] });
+  }
+);
+RangeSlider.displayName = "RangeSlider";
+export {
+  RangeSlider,
+  TextInputSize,
+  TextInputState,
+  TextInputVariant
+};
+//# sourceMappingURL=range-slider.mjs.map

package/dist/range-slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/range-slider/RangeSlider.tsx","../src/utils/cn.ts","../src/constants/enum.ts","../src/components/typography/Typography.tsx","../src/components/typography/typography-variants.ts"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  TextInputVariant,\n  TextInputSize,\n  TextInputState,\n} from \"../../constants/enum\";\nimport { Typography } from \"../typography\";\nimport { TypographyVariantEnum } from \"../typography/typography-variants\";\n\nexport interface RangeSliderProps {\n  size?: TextInputSize;\n  variant?: TextInputVariant;\n\n  label?: string;\n  helperText?: string;\n  description?: string;\n\n  state?: TextInputState;\n  errorText?: string;\n  successText?: string;\n  warningText?: string;\n\n  /** Single-thumb mode value */\n  value?: number;\n  /** Dual-thumb mode value: [min, max] */\n  rangeValue?: [number, number];\n  onValueChange?: (value: number) => void;\n  onRangeChange?: (value: [number, number]) => void;\n\n  min?: number;\n  max?: number;\n  step?: number;\n\n  /** Show current value tooltip above thumb */\n  showValue?: boolean;\n  /** Show min/max labels below the track */\n  showMinMax?: boolean;\n  /** Custom value formatter for display */\n  formatValue?: (value: number) => string;\n  /** Show manual input fields above the slider */\n  showInputs?: boolean;\n  /** Visual variant for the manual input fields (defaults to the slider's variant) */\n  inputVariant?: TextInputVariant;\n\n  disabled?: boolean;\n  containerClassName?: string;\n}\n\nconst clamp = (val: number, min: number, max: number) =>\n  Math.min(Math.max(val, min), max);\n\nconst snapToStep = (val: number, min: number, step: number) => {\n  const steps = Math.round((val - min) / step);\n  return min + steps * step;\n};\n\nconst RangeSlider = React.forwardRef<HTMLDivElement, RangeSliderProps>(\n  (\n    {\n      size = TextInputSize.Md,\n      variant = TextInputVariant.Default,\n      label,\n      helperText,\n      description,\n      state = TextInputState.Default,\n      errorText,\n      successText,\n      warningText,\n      value,\n      rangeValue,\n      onValueChange,\n      onRangeChange,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue = false,\n      showMinMax = false,\n      formatValue,\n      showInputs = false,\n      inputVariant,\n      disabled = false,\n      containerClassName,\n    },\n    ref\n  ) => {\n    const resolvedInputVariant = inputVariant ?? variant;\n    const isRange = rangeValue != null;\n    const trackRef = React.useRef<HTMLDivElement>(null);\n    const [dragging, setDragging] = React.useState<\n      null | \"single\" | \"start\" | \"end\"\n    >(null);\n\n    // Internal text state for manual inputs so user can type freely\n    const [startText, setStartText] = React.useState(\n      String(isRange ? rangeValue[0] : (value ?? min))\n    );\n    const [endText, setEndText] = React.useState(\n      String(isRange ? rangeValue[1] : max)\n    );\n\n    // Sync internal text when value/rangeValue changes externally (e.g. via slider drag)\n    React.useEffect(() => {\n      if (isRange && rangeValue) {\n        setStartText(String(rangeValue[0]));\n        setEndText(String(rangeValue[1]));\n      } else if (value != null) {\n        setStartText(String(value));\n      }\n    }, [isRange, value, rangeValue]);\n\n    const commitInput = (which: \"start\" | \"end\", raw: string) => {\n      const parsed = parseFloat(raw);\n      if (isNaN(parsed)) return;\n      const clamped = clamp(snapToStep(parsed, min, step), min, max);\n\n      if (isRange && rangeValue) {\n        if (which === \"start\") {\n          const safe = Math.min(clamped, rangeValue[1]);\n          onRangeChange?.([safe, rangeValue[1]]);\n        } else {\n          const safe = Math.max(clamped, rangeValue[0]);\n          onRangeChange?.([rangeValue[0], safe]);\n        }\n      } else {\n        onValueChange?.(clamped);\n      }\n    };\n\n    const format = formatValue ?? ((v: number) => String(v));\n\n    const getPercent = (val: number) => ((val - min) / (max - min)) * 100;\n\n    const getValueFromPosition = (clientX: number) => {\n      const track = trackRef.current;\n      if (!track) return min;\n      const rect = track.getBoundingClientRect();\n      const ratio = clamp((clientX - rect.left) / rect.width, 0, 1);\n      const raw = min + ratio * (max - min);\n      return clamp(snapToStep(raw, min, step), min, max);\n    };\n\n    const handlePointerDown =\n      (thumb: \"single\" | \"start\" | \"end\") => (e: React.PointerEvent) => {\n        if (disabled) return;\n        e.preventDefault();\n        (e.target as HTMLElement).setPointerCapture(e.pointerId);\n        setDragging(thumb);\n        const val = getValueFromPosition(e.clientX);\n        applyValue(thumb, val);\n      };\n\n    const handlePointerMove = (e: React.PointerEvent) => {\n      if (!dragging || disabled) return;\n      const val = getValueFromPosition(e.clientX);\n      applyValue(dragging, val);\n    };\n\n    const handlePointerUp = () => {\n      setDragging(null);\n    };\n\n    const applyValue = (thumb: \"single\" | \"start\" | \"end\", val: number) => {\n      if (thumb === \"single\") {\n        onValueChange?.(val);\n      } else if (rangeValue) {\n        if (thumb === \"start\") {\n          const clamped = Math.min(val, rangeValue[1]);\n          onRangeChange?.([clamped, rangeValue[1]]);\n        } else {\n          const clamped = Math.max(val, rangeValue[0]);\n          onRangeChange?.([rangeValue[0], clamped]);\n        }\n      }\n    };\n\n    const handleTrackClick = (e: React.MouseEvent) => {\n      if (disabled) return;\n      const val = getValueFromPosition(e.clientX);\n      if (isRange && rangeValue) {\n        const distStart = Math.abs(val - rangeValue[0]);\n        const distEnd = Math.abs(val - rangeValue[1]);\n        if (distStart <= distEnd) {\n          onRangeChange?.([Math.min(val, rangeValue[1]), rangeValue[1]]);\n        } else {\n          onRangeChange?.([rangeValue[0], Math.max(val, rangeValue[0])]);\n        }\n      } else {\n        onValueChange?.(val);\n      }\n    };\n\n    const handleKeyDown =\n      (thumb: \"single\" | \"start\" | \"end\") => (e: React.KeyboardEvent) => {\n        if (disabled) return;\n        let delta = 0;\n        if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") delta = step;\n        else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") delta = -step;\n        else if (e.key === \"Home\") {\n          applyValue(thumb, min);\n          return;\n        } else if (e.key === \"End\") {\n          applyValue(thumb, max);\n          return;\n        } else return;\n\n        e.preventDefault();\n        if (thumb === \"single\" && value != null) {\n          applyValue(thumb, clamp(value + delta, min, max));\n        } else if (rangeValue) {\n          const current = thumb === \"start\" ? rangeValue[0] : rangeValue[1];\n          applyValue(thumb, clamp(current + delta, min, max));\n        }\n      };\n\n    const stateMessage =\n      state === TextInputState.Error\n        ? errorText\n        : state === TextInputState.Success\n          ? successText\n          : state === TextInputState.Warning\n            ? warningText\n            : undefined;\n\n    const uniqueId = React.useId();\n    const messageId = `kz-range-slider-message-${uniqueId}`;\n\n    // Percentages\n    const singlePercent = value != null ? getPercent(value) : 0;\n    const startPercent = rangeValue ? getPercent(rangeValue[0]) : 0;\n    const endPercent = rangeValue ? getPercent(rangeValue[1]) : 100;\n\n    const rootClass = cn(\"kz-range-slider-root\", containerClassName);\n\n    const wrapperClass = cn(\n      \"kz-range-slider-wrapper\",\n      `kz-range-slider-wrapper--${variant}`,\n      `kz-range-slider-wrapper--${size}`,\n      state !== TextInputState.Default && `kz-range-slider-wrapper--${state}`,\n      disabled && \"kz-range-slider-wrapper--disabled\"\n    );\n\n    const renderThumb = (\n      thumb: \"single\" | \"start\" | \"end\",\n      percent: number,\n      currentValue: number\n    ) => (\n      <div\n        className={cn(\n          \"kz-range-slider-thumb\",\n          `kz-range-slider-thumb--${size}`,\n          dragging === thumb && \"kz-range-slider-thumb--active\"\n        )}\n        style={{ left: `${percent}%` }}\n        role=\"slider\"\n        tabIndex={disabled ? -1 : 0}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={currentValue}\n        aria-disabled={disabled}\n        aria-label={\n          thumb === \"start\"\n            ? \"Range start\"\n            : thumb === \"end\"\n              ? \"Range end\"\n              : \"Value\"\n        }\n        onPointerDown={handlePointerDown(thumb)}\n        onKeyDown={handleKeyDown(thumb)}\n      >\n        {showValue && (\n          <span className=\"kz-range-slider-value-tooltip\">\n            {format(currentValue)}\n          </span>\n        )}\n      </div>\n    );\n\n    return (\n      <div className={rootClass} ref={ref}>\n        {label != null && label !== \"\" && (\n          <label className=\"kz-range-slider-label\">\n            <Typography variant={TypographyVariantEnum.Label}>\n              {label}\n            </Typography>\n          </label>\n        )}\n\n        {description != null && description !== \"\" && (\n          <Typography variant={TypographyVariantEnum.Caption}>\n            {description}\n          </Typography>\n        )}\n\n        {showInputs && (\n          <div className=\"kz-range-slider-inputs\">\n            <input\n              type=\"text\"\n              inputMode=\"decimal\"\n              className={cn(\n                \"kz-range-slider-input\",\n                `kz-range-slider-input--${size}`,\n                `kz-range-slider-input--${resolvedInputVariant}`\n              )}\n              value={startText}\n              onChange={(e) => setStartText(e.target.value)}\n              onBlur={() => commitInput(\"start\", startText)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") commitInput(\"start\", startText);\n              }}\n              disabled={disabled}\n              aria-label={isRange ? \"Range start value\" : \"Value\"}\n            />\n            {isRange && (\n              <>\n                <Typography variant={TypographyVariantEnum.Caption}>\n                  to\n                </Typography>\n                <input\n                  type=\"text\"\n                  inputMode=\"decimal\"\n                  className={cn(\n                    \"kz-range-slider-input\",\n                    `kz-range-slider-input--${size}`\n                  )}\n                  value={endText}\n                  onChange={(e) => setEndText(e.target.value)}\n                  onBlur={() => commitInput(\"end\", endText)}\n                  onKeyDown={(e) => {\n                    if (e.key === \"Enter\") commitInput(\"end\", endText);\n                  }}\n                  disabled={disabled}\n                  aria-label=\"Range end value\"\n                />\n              </>\n            )}\n          </div>\n        )}\n\n        <div\n          className={wrapperClass}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          onPointerLeave={handlePointerUp}\n        >\n          <div\n            className=\"kz-range-slider-track\"\n            ref={trackRef}\n            onClick={handleTrackClick}\n          >\n            <div\n              className=\"kz-range-slider-fill\"\n              style={\n                isRange\n                  ? {\n                      left: `${startPercent}%`,\n                      width: `${endPercent - startPercent}%`,\n                    }\n                  : { left: \"0%\", width: `${singlePercent}%` }\n              }\n            />\n            {isRange && rangeValue ? (\n              <>\n                {renderThumb(\"start\", startPercent, rangeValue[0])}\n                {renderThumb(\"end\", endPercent, rangeValue[1])}\n              </>\n            ) : (\n              value != null && renderThumb(\"single\", singlePercent, value)\n            )}\n          </div>\n        </div>\n\n        {showMinMax && (\n          <div className=\"kz-range-slider-minmax\">\n            <Typography variant={TypographyVariantEnum.Caption}>\n              {format(min)}\n            </Typography>\n            <Typography variant={TypographyVariantEnum.Caption}>\n              {format(max)}\n            </Typography>\n          </div>\n        )}\n\n        {stateMessage != null && stateMessage !== \"\" && (\n          <Typography\n            id={messageId}\n            variant={\n              state === TextInputState.Error\n                ? TypographyVariantEnum.Error\n                : state === TextInputState.Success\n                  ? TypographyVariantEnum.Success\n                  : TypographyVariantEnum.Warning\n            }\n          >\n            {stateMessage}\n          </Typography>\n        )}\n\n        {helperText != null &&\n          helperText !== \"\" &&\n          state === TextInputState.Default && (\n            <Typography variant={TypographyVariantEnum.Caption}>\n              {helperText}\n            </Typography>\n          )}\n      </div>\n    );\n  }\n);\n\nRangeSlider.displayName = \"RangeSlider\";\n\nexport { RangeSlider };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","export enum Theme {\n  Light = \"light\",\n  Dark = \"dark\",\n}\n\nexport enum ThemeStyle {\n  Enterprise = \"enterprise\",\n  Neumorphic = \"neumorphic\",\n  Standard = \"standard\",\n  Glassmorphic = \"glassmorphic\",\n}\n\nexport enum KezelVariant {\n  Standard = \"standard\",\n  Neumorphic = \"neumorphic\",\n}\n\nexport enum KezelMode {\n  Light,\n  Dark,\n}\n\nexport enum ButtonVariant {\n  Primary = \"primary\",\n  Ghost = \"ghost\",\n  Container = \"container\",\n}\n\nexport enum ButtonStatus {\n  Default = \"default\",\n  Brand = \"brand\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n  Info = \"info\",\n}\n\nexport enum ButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ButtonType {\n  Button = \"button\",\n  Submit = \"submit\",\n  Reset = \"reset\",\n}\n\nexport enum ButtonAspectRatio {\n  Auto = \"auto\",\n  Square = \"square\",\n}\n\nexport enum DropdownTriggerVariant {\n  Default = \"default\",\n  Ghost = \"ghost\",\n}\n\nexport enum TypographyVariant {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  H4 = \"h4\",\n  H5 = \"h5\",\n  Body = \"body\",\n  Small = \"small\",\n  Caption = \"caption\",\n  Label = \"label\",\n  Link = \"link\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TypographyTone {\n  Primary = \"primary\",\n  Secondary = \"secondary\",\n  Muted = \"muted\",\n  Disabled = \"disabled\",\n  Inverse = \"inverse\",\n  Link = \"link\",\n}\n\nexport enum TypographyAlign {\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n}\n\nexport enum TypographyWeight {\n  Regular = \"regular\",\n  Medium = \"medium\",\n  Semibold = \"semibold\",\n  Bold = \"bold\",\n}\n\nexport enum TokenCategory {\n  Color = \"color\",\n  Shadow = \"shadow\",\n  Length = \"length\",\n  Number = \"number\",\n  LineHeight = \"lineHeight\",\n  FontFamily = \"fontFamily\",\n  FontWeight = \"fontWeight\",\n  Duration = \"duration\",\n  Easing = \"easing\",\n}\n\nexport enum OverrideMode {\n  Safe = \"safe\",\n  Strict = \"strict\",\n}\n\nexport enum TextInputVariant {\n  Default = \"default\",\n  Container = \"container\",\n  Ghost = \"ghost\",\n}\n\nexport enum TextInputSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TextInputState {\n  Default = \"default\",\n  Error = \"error\",\n  Success = \"success\",\n  Warning = \"warning\",\n}\n\nexport enum TextInputType {\n  Text = \"text\",\n  Email = \"email\",\n  Password = \"password\",\n  Number = \"number\",\n  Search = \"search\",\n  Tel = \"tel\",\n  Url = \"url\",\n}\n\nexport enum TooltipSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum TooltipPosition {\n  Top = \"top\",\n  Right = \"right\",\n  Bottom = \"bottom\",\n  Left = \"left\",\n}\n\nexport enum TooltipAlign {\n  Start = \"start\",\n  Center = \"center\",\n  End = \"end\",\n}\n\nexport enum TooltipColor {\n  Default = \"default\",\n  Inverse = \"inverse\",\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n\nexport enum ToggleButtonVariant {\n  Default = \"default\",\n  Primary = \"primary\",\n  Container = \"container\",\n}\n\nexport enum ToggleButtonSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum CheckboxVariant {\n  Default = \"default\",\n  Container = \"container\",\n}\n\nexport enum RadioSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum AvatarSize {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n  Xl = \"xl\",\n}\n\nexport enum AvatarStatus {\n  Online = \"online\",\n  Busy = \"busy\",\n  Away = \"away\",\n  Offline = \"offline\",\n}\n\nexport enum ToastVariant {\n  Success = \"success\",\n  Error = \"error\",\n  Warning = \"warning\",\n  Info = \"info\",\n}\n\nexport enum CardShadow {\n  Sm = \"sm\",\n  Md = \"md\",\n  Lg = \"lg\",\n}\n\nexport enum ToastPosition {\n  TopRight = \"top-right\",\n  TopLeft = \"top-left\",\n  BottomRight = \"bottom-right\",\n  BottomLeft = \"bottom-left\",\n}\n\nexport enum QrPattern {\n  Square = \"square\",\n  Circle = \"circle\",\n  Diamond = \"diamond\",\n}\n","import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  getTypographyClass,\n  getDefaultElement,\n  type TypographyVariant,\n} from \"./typography-variants\";\nimport {\n  TypographyTone as TypographyToneEnum,\n  TypographyAlign as TypographyAlignEnum,\n  TypographyWeight as TypographyWeightEnum,\n} from \"../../constants/enum\";\n\nexport {\n  TypographyTone as TypographyToneEnum,\n  TypographyAlign as TypographyAlignEnum,\n  TypographyWeight as TypographyWeightEnum,\n} from \"../../constants/enum\";\n\nexport type TypographyTone = TypographyToneEnum;\nexport type TypographyAlign = TypographyAlignEnum;\nexport type TypographyWeight = TypographyWeightEnum;\n\nexport type TypographyAsElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"div\"\n  | \"a\"\n  | \"label\"\n  | \"figcaption\";\n\nexport interface TypographyProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  children: React.ReactNode;\n  variant: TypographyVariant;\n  href?: string;\n  tone?: TypographyTone;\n  as?: TypographyAsElement;\n  align?: TypographyAlign;\n  truncate?: boolean;\n  lines?: number;\n  weight?: TypographyWeight;\n  className?: string;\n}\n\nconst alignClass: Record<TypographyAlignEnum, string> = {\n  [TypographyAlignEnum.Left]: \"text-left\",\n  [TypographyAlignEnum.Center]: \"text-center\",\n  [TypographyAlignEnum.Right]: \"text-right\",\n};\n\nconst weightClass: Record<TypographyWeightEnum, string> = {\n  [TypographyWeightEnum.Regular]: \"font-normal\",\n  [TypographyWeightEnum.Medium]: \"font-medium\",\n  [TypographyWeightEnum.Semibold]: \"font-semibold\",\n  [TypographyWeightEnum.Bold]: \"font-bold\",\n};\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  (\n    {\n      children,\n      variant,\n      href,\n      tone,\n      as,\n      align,\n      truncate,\n      lines,\n      weight,\n      className,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = href !== undefined ? \"a\" : (as ?? getDefaultElement(variant));\n    const typographyClass = getTypographyClass(variant);\n\n    const toneClass =\n      tone !== undefined ? `kz-typography-tone-${tone}` : undefined;\n\n    const lineClampStyle: React.CSSProperties | undefined =\n      lines !== undefined && lines > 0\n        ? {\n            display: \"-webkit-box\",\n            WebkitBoxOrient: \"vertical\",\n            WebkitLineClamp: lines,\n            overflow: \"hidden\",\n          }\n        : undefined;\n\n    const combinedStyle = lineClampStyle\n      ? { ...style, ...lineClampStyle }\n      : style;\n\n    return React.createElement(\n      Comp as \"p\",\n      {\n        ref,\n        ...(href !== undefined && { href }),\n        className: cn(\n          typographyClass,\n          toneClass,\n          align !== undefined && alignClass[align],\n          truncate && \"truncate\",\n          weight !== undefined && weightClass[weight],\n          className\n        ),\n        style: combinedStyle,\n        ...props,\n      },\n      children\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n\nexport { Typography };\nexport type { TypographyVariant };\n","import { TypographyVariant as TypographyVariantEnum } from \"../../constants/enum\";\n\nexport { TypographyVariant as TypographyVariantEnum } from \"../../constants/enum\";\n\nexport type TypographyVariant = TypographyVariantEnum;\n\nexport const typographyVariants: TypographyVariant[] = [\n  TypographyVariantEnum.H1,\n  TypographyVariantEnum.H2,\n  TypographyVariantEnum.H3,\n  TypographyVariantEnum.H4,\n  TypographyVariantEnum.H5,\n  TypographyVariantEnum.Body,\n  TypographyVariantEnum.Small,\n  TypographyVariantEnum.Caption,\n  TypographyVariantEnum.Label,\n  TypographyVariantEnum.Link,\n  TypographyVariantEnum.Error,\n  TypographyVariantEnum.Success,\n  TypographyVariantEnum.Warning,\n];\n\nconst variantToClass: Record<TypographyVariant, string> = {\n  [TypographyVariantEnum.H1]: \"kz-typography-h1\",\n  [TypographyVariantEnum.H2]: \"kz-typography-h2\",\n  [TypographyVariantEnum.H3]: \"kz-typography-h3\",\n  [TypographyVariantEnum.H4]: \"kz-typography-h4\",\n  [TypographyVariantEnum.H5]: \"kz-typography-h5\",\n  [TypographyVariantEnum.Body]: \"kz-typography-body\",\n  [TypographyVariantEnum.Small]: \"kz-typography-small\",\n  [TypographyVariantEnum.Caption]: \"kz-typography-caption\",\n  [TypographyVariantEnum.Label]: \"kz-typography-label\",\n  [TypographyVariantEnum.Link]: \"kz-typography-link\",\n  [TypographyVariantEnum.Error]: \"kz-typography-error\",\n  [TypographyVariantEnum.Success]: \"kz-typography-success\",\n  [TypographyVariantEnum.Warning]: \"kz-typography-warning\",\n};\n\nexport function getTypographyClass(variant: TypographyVariant): string {\n  return variantToClass[variant];\n}\n\nconst defaultElement: Record<TypographyVariant, keyof JSX.IntrinsicElements> = {\n  [TypographyVariantEnum.H1]: \"h1\",\n  [TypographyVariantEnum.H2]: \"h2\",\n  [TypographyVariantEnum.H3]: \"h3\",\n  [TypographyVariantEnum.H4]: \"h4\",\n  [TypographyVariantEnum.H5]: \"h5\",\n  [TypographyVariantEnum.Body]: \"p\",\n  [TypographyVariantEnum.Small]: \"span\",\n  [TypographyVariantEnum.Caption]: \"span\",\n  [TypographyVariantEnum.Label]: \"span\",\n  [TypographyVariantEnum.Link]: \"a\",\n  [TypographyVariantEnum.Error]: \"span\",\n  [TypographyVariantEnum.Success]: \"span\",\n  [TypographyVariantEnum.Warning]: \"span\",\n};\n\nexport function getDefaultElement(\n  variant: TypographyVariant\n): keyof JSX.IntrinsicElements {\n  return defaultElement[variant];\n}\n"],"mappings":"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","names":["React","TextInputVariant","TextInputSize","TextInputState"]}

package/dist/select.js

@@ -268,7 +268,11 @@ var iconRegistry = {
   ["pencil" /* Pencil */]: import_lucide_react.Pencil,
   ["trash-2" /* Trash2 */]: import_lucide_react.Trash2,
   ["eye" /* Eye */]: import_lucide_react.Eye,
-  ["eye-off" /* EyeOff */]: import_lucide_react.EyeOff
+  ["eye-off" /* EyeOff */]: import_lucide_react.EyeOff,
+  ["pin" /* Pin */]: import_lucide_react.Pin,
+  ["pin-off" /* PinOff */]: import_lucide_react.PinOff,
+  ["save" /* Save */]: import_lucide_react.Save,
+  ["rotate-ccw" /* RotateCcw */]: import_lucide_react.RotateCcw
 };
 
 // src/icon/icon-sizes.ts