fictoan-react 2.0.0-beta.16 → 2.0.0-beta.18

package/dist/components/Form/Range/Range.js

@@ -0,0 +1,376 @@
+"use client";
+import { jsx as f, jsxs as P } from "react/jsx-runtime";
+import Y, { useRef as S, useState as z, useCallback as p, useEffect as j } from "react";
+import { Div as E } from "../../Element/Tags.js";
+import { separateWrapperProps as Z } from "../../../utils/propSeparation.js";
+/* empty css          */
+import { deriveAriaIds as _, FormItem as C } from "../FormItem/FormItem.js";
+import { InputLabel as ee } from "../InputLabel/InputLabel.js";
+import { Text as te } from "../../Typography/Text.js";
+function ne(h) {
+  return Array.isArray(h.value);
+}
+const oe = Y.forwardRef(
+  (h, y) => ne(h) ? /* @__PURE__ */ f(re, { ...h, forwardedRef: y }) : /* @__PURE__ */ f(ae, { ...h, forwardedRef: y })
+);
+oe.displayName = "Range";
+const ae = ({
+  label: h,
+  helpText: y,
+  errorText: $,
+  value: H = 0,
+  suffix: w,
+  onChange: c,
+  min: e = 0,
+  max: t = 100,
+  step: r = 1,
+  id: x,
+  disabled: b,
+  size: W,
+  ...D
+}) => {
+  const { wrapperProps: q } = Z(D), G = S(null), I = S(null), [L, N] = z(!1), [i, l] = z(!1), M = Math.max(e, Math.min(t, H)), J = p((a) => t <= e ? 0 : (Math.max(e, Math.min(t, a)) - e) / (t - e) * 100, [e, t]), V = p((a) => {
+    if (!I.current) return e;
+    const u = I.current.getBoundingClientRect(), g = Math.max(0, Math.min(1, (a - u.left) / u.width)), K = e + g * (t - e), O = Math.round(K / r) * r;
+    return Math.max(e, Math.min(t, O));
+  }, [e, t, r]), s = p((a) => {
+    const u = V(a);
+    c == null || c(u);
+  }, [V, c]), A = p((a) => {
+    b || (a.preventDefault(), N(!0), l(!0), s(a.clientX));
+  }, [b, s]);
+  j(() => {
+    if (!L) return;
+    const a = (g) => {
+      s(g.clientX);
+    }, u = () => {
+      N(!1);
+    };
+    return document.addEventListener("mousemove", a), document.addEventListener("mouseup", u), () => {
+      document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", u);
+    };
+  }, [L, s]);
+  const X = p((a) => {
+    b || (N(!0), l(!0), s(a.touches[0].clientX));
+  }, [b, s]);
+  j(() => {
+    if (!L) return;
+    const a = (g) => {
+      g.preventDefault(), s(g.touches[0].clientX);
+    }, u = () => {
+      N(!1);
+    };
+    return document.addEventListener("touchmove", a, { passive: !1 }), document.addEventListener("touchend", u), () => {
+      document.removeEventListener("touchmove", a), document.removeEventListener("touchend", u);
+    };
+  }, [L, s]);
+  const k = p((a) => {
+    if (b) return;
+    let u = M;
+    switch (a.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        a.preventDefault(), u = Math.min(M + r, t);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        a.preventDefault(), u = Math.max(M - r, e);
+        break;
+      case "Home":
+        a.preventDefault(), u = e;
+        break;
+      case "End":
+        a.preventDefault(), u = t;
+        break;
+      case "PageUp":
+        a.preventDefault(), u = Math.min(M + r * 10, t);
+        break;
+      case "PageDown":
+        a.preventDefault(), u = Math.max(M - r * 10, e);
+        break;
+      default:
+        return;
+    }
+    c == null || c(u);
+  }, [b, M, e, t, r, c]), T = J(M), U = Y.useId(), d = x || `range-${U.replace(/:/g, "")}`, { describedBy: B } = _(d, y, $);
+  return /* @__PURE__ */ f(
+    C,
+    {
+      customLabel: h && /* @__PURE__ */ P(E, { "data-range-meta": !0, children: [
+        /* @__PURE__ */ f(
+          ee,
+          {
+            className: "range-label",
+            id: `${d}-label`,
+            label: h,
+            htmlFor: d
+          }
+        ),
+        /* @__PURE__ */ P(te, { className: "range-value", children: [
+          M,
+          w && w
+        ] })
+      ] }),
+      htmlFor: d,
+      helpText: y,
+      errorText: $,
+      size: W,
+      ...q,
+      children: /* @__PURE__ */ P(
+        E,
+        {
+          ref: I,
+          "data-range-single": !0,
+          className: b ? "disabled" : "",
+          role: "group",
+          "aria-labelledby": h ? `${d}-label` : void 0,
+          "aria-describedby": B,
+          children: [
+            /* @__PURE__ */ f(E, { className: "range-track", "aria-hidden": "true" }),
+            /* @__PURE__ */ f(
+              E,
+              {
+                className: "range-track-fill",
+                style: {
+                  left: "0%",
+                  right: `${100 - T}%`
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ f(
+              "button",
+              {
+                ref: G,
+                id: d,
+                type: "button",
+                className: "range-thumb",
+                style: { left: `${T}%` },
+                disabled: b,
+                onMouseDown: A,
+                onTouchStart: X,
+                onKeyDown: k,
+                onFocus: () => l(!0),
+                onBlur: () => l(!1),
+                "data-active": i || L,
+                role: "slider",
+                "aria-valuemin": e,
+                "aria-valuemax": t,
+                "aria-valuenow": M,
+                "aria-valuetext": `${M}${w ? ` ${w}` : ""}`,
+                "aria-orientation": "horizontal",
+                "aria-invalid": !!$ || void 0,
+                "aria-describedby": B
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+ae.displayName = "SingleThumbRange";
+const re = ({
+  label: h,
+  helpText: y,
+  errorText: $,
+  value: H = [0, 100],
+  suffix: w,
+  onChange: c,
+  min: e = 0,
+  max: t = 100,
+  step: r = 1,
+  minLabel: x = "Minimum value",
+  maxLabel: b = "Maximum value",
+  id: W,
+  disabled: D,
+  size: q,
+  ...G
+}) => {
+  const { wrapperProps: I } = Z(G), [L, N] = H, i = Math.max(e, Math.min(t, L)), l = Math.max(e, Math.min(t, N)), M = S(null), J = S(null), V = S(null), [s, A] = z(null), [X, k] = z(null), T = p((n) => t <= e ? 0 : (Math.max(e, Math.min(t, n)) - e) / (t - e) * 100, [e, t]), U = p((n) => {
+    if (!V.current) return e;
+    const o = V.current.getBoundingClientRect(), m = Math.max(0, Math.min(1, (n - o.left) / o.width)), v = e + m * (t - e), F = Math.round(v / r) * r;
+    return Math.max(e, Math.min(t, F));
+  }, [e, t, r]), d = p((n, o) => {
+    const m = U(n);
+    if (o === "min") {
+      const v = Math.min(m, l - r);
+      c == null || c([v, l]);
+    } else {
+      const v = Math.max(m, i + r);
+      c == null || c([i, v]);
+    }
+  }, [U, i, l, r, c]), B = p((n) => (o) => {
+    D || (o.preventDefault(), A(n), k(n), d(o.clientX, n));
+  }, [D, d]);
+  j(() => {
+    if (!s) return;
+    const n = (m) => {
+      d(m.clientX, s);
+    }, o = () => {
+      A(null);
+    };
+    return document.addEventListener("mousemove", n), document.addEventListener("mouseup", o), () => {
+      document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o);
+    };
+  }, [s, d]);
+  const a = p((n) => (o) => {
+    D || (A(n), k(n), d(o.touches[0].clientX, n));
+  }, [D, d]);
+  j(() => {
+    if (!s) return;
+    const n = (m) => {
+      m.preventDefault(), d(m.touches[0].clientX, s);
+    }, o = () => {
+      A(null);
+    };
+    return document.addEventListener("touchmove", n, { passive: !1 }), document.addEventListener("touchend", o), () => {
+      document.removeEventListener("touchmove", n), document.removeEventListener("touchend", o);
+    };
+  }, [s, d]);
+  const u = p((n) => (o) => {
+    if (D) return;
+    const m = n === "min" ? i : l;
+    let v = m;
+    switch (o.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        o.preventDefault(), v = Math.min(m + r, t);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        o.preventDefault(), v = Math.max(m - r, e);
+        break;
+      case "Home":
+        o.preventDefault(), v = n === "min" ? e : i + r;
+        break;
+      case "End":
+        o.preventDefault(), v = n === "max" ? t : l - r;
+        break;
+      case "PageUp":
+        o.preventDefault(), v = Math.min(m + r * 10, t);
+        break;
+      case "PageDown":
+        o.preventDefault(), v = Math.max(m - r * 10, e);
+        break;
+      default:
+        return;
+    }
+    if (n === "min") {
+      const F = Math.min(v, l - r);
+      c == null || c([F, l]);
+    } else {
+      const F = Math.max(v, i + r);
+      c == null || c([i, F]);
+    }
+  }, [D, i, l, e, t, r, c]), g = T(i), K = T(l), O = Y.useId(), R = W || `range-${O.replace(/:/g, "")}`, { describedBy: Q } = _(R, y, $);
+  return /* @__PURE__ */ f(
+    C,
+    {
+      customLabel: h && /* @__PURE__ */ P(E, { "data-range-meta": !0, children: [
+        /* @__PURE__ */ f(
+          ee,
+          {
+            className: "range-label",
+            id: `${R}-label`,
+            label: h,
+            htmlFor: R
+          }
+        ),
+        /* @__PURE__ */ P(te, { className: "range-value", children: [
+          i,
+          "–",
+          l,
+          w && w
+        ] })
+      ] }),
+      htmlFor: R,
+      helpText: y,
+      errorText: $,
+      size: q,
+      ...I,
+      children: /* @__PURE__ */ P(
+        E,
+        {
+          ref: V,
+          "data-range-dual": !0,
+          className: D ? "disabled" : "",
+          role: "group",
+          "aria-labelledby": h ? `${R}-label` : void 0,
+          "aria-describedby": Q,
+          children: [
+            /* @__PURE__ */ f(E, { className: "range-track", "aria-hidden": "true" }),
+            /* @__PURE__ */ f(
+              E,
+              {
+                className: "range-track-fill",
+                style: {
+                  left: `${g}%`,
+                  right: `${100 - K}%`
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ f(
+              "button",
+              {
+                ref: M,
+                id: `${R}-min`,
+                type: "button",
+                className: "range-thumb range-thumb-min",
+                style: { left: `${g}%` },
+                disabled: D,
+                onMouseDown: B("min"),
+                onTouchStart: a("min"),
+                onKeyDown: u("min"),
+                onFocus: () => k("min"),
+                onBlur: () => k(null),
+                "data-active": X === "min" || s === "min",
+                role: "slider",
+                "aria-label": x,
+                "aria-valuemin": e,
+                "aria-valuemax": l - r,
+                "aria-valuenow": i,
+                "aria-valuetext": `${i}${w ? ` ${w}` : ""}`,
+                "aria-orientation": "horizontal",
+                "aria-invalid": !!$ || void 0,
+                "aria-describedby": Q
+              }
+            ),
+            /* @__PURE__ */ f(
+              "button",
+              {
+                ref: J,
+                id: `${R}-max`,
+                type: "button",
+                className: "range-thumb range-thumb-max",
+                style: { left: `${K}%` },
+                disabled: D,
+                onMouseDown: B("max"),
+                onTouchStart: a("max"),
+                onKeyDown: u("max"),
+                onFocus: () => k("max"),
+                onBlur: () => k(null),
+                "data-active": X === "max" || s === "max",
+                role: "slider",
+                "aria-label": b,
+                "aria-valuemin": i + r,
+                "aria-valuemax": t,
+                "aria-valuenow": l,
+                "aria-valuetext": `${l}${w ? ` ${w}` : ""}`,
+                "aria-orientation": "horizontal",
+                "aria-invalid": !!$ || void 0,
+                "aria-describedby": Q
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+re.displayName = "DualThumbRange";
+export {
+  oe as Range
+};
+//# sourceMappingURL=Range.js.map

package/dist/components/Form/Range/Range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Range.js","sources":["../../../../src/components/Form/Range/Range.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useCallback, useRef, useState, useEffect } from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { CommonAndHTMLProps, CommonProps, SpacingTypes } from \"../../Element/constants\";\nimport { Div } from \"../../Element/Tags\";\n\n// UTILS ===============================================================================================================\nimport { separateWrapperProps } from \"../../../utils/propSeparation\";\n\n// STYLES ==============================================================================================================\nimport \"./range.css\";\n\n// OTHER ===============================================================================================================\nimport { FormItem, deriveAriaIds } from \"../FormItem/FormItem\";\nimport { InputLabel } from \"../InputLabel/InputLabel\";\nimport { Text } from \"../../Typography/Text\";\n\n// Single-thumb range\nexport interface SingleRangeCustomProps {\n    min      ? : number;\n    max      ? : number;\n    step     ? : number;\n    suffix   ? : string;\n    value    ? : number;\n    onChange ? : (value : number) => void;\n}\n\n// Dual-thumb range\nexport interface DualRangeCustomProps {\n    min      ? : number;\n    max      ? : number;\n    step     ? : number;\n    suffix   ? : string;\n    value    ? : [ number, number ];\n    onChange ? : (value : [ number, number ]) => void;\n    minLabel ? : string;\n    maxLabel ? : string;\n}\n\nexport type RangeElementType = HTMLInputElement;\n\n// Separate prop types for each mode\nexport type SingleRangeProps = Omit<CommonAndHTMLProps<RangeElementType>, \"onChange\" | \"value\" | \"size\"> &\n                               SingleRangeCustomProps &\n                               CommonProps & {\n    label     ? : string;\n    helpText  ? : string;\n    errorText ? : string;\n    size      ? : Exclude<SpacingTypes, \"nano\" | \"huge\">;\n};\n\nexport type DualRangeProps = Omit<CommonAndHTMLProps<RangeElementType>, \"onChange\" | \"value\" | \"size\"> &\n                             DualRangeCustomProps &\n                             CommonProps & {\n    label     ? : string;\n    helpText  ? : string;\n    errorText ? : string;\n    size      ? : Exclude<SpacingTypes, \"nano\" | \"huge\">;\n};\n\nexport type RangeProps = SingleRangeProps | DualRangeProps;\n\n// Type guard to check if props are for dual-thumb mode\nfunction isDualRangeProps(props : RangeProps) : props is DualRangeProps {\n    return Array.isArray(props.value);\n}\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Range = React.forwardRef<RangeElementType, RangeProps>(\n    (props, ref) => {\n        if (isDualRangeProps(props)) {\n            return <DualThumbRange {...props} forwardedRef={ref} />;\n        }\n        return <SingleThumbRange {...props} forwardedRef={ref} />;\n    },\n);\nRange.displayName = \"Range\";\n\n// SINGLE THUMB COMPONENT //////////////////////////////////////////////////////////////////////////////////////////////\ninterface SingleThumbRangeInternalProps extends SingleRangeProps {\n    forwardedRef ? : React.Ref<RangeElementType>;\n}\n\nconst SingleThumbRange : React.FC<SingleThumbRangeInternalProps> = ({\n    label,\n    helpText,\n    errorText,\n    value = 0,\n    suffix,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    id,\n    disabled,\n    size,\n    ...props\n}) => {\n    // Separate wrapper-level props (margin, padding, etc.) from component-specific props\n    const {wrapperProps} = separateWrapperProps(props);\n\n    const thumbRef = useRef<HTMLButtonElement>(null);\n    const trackRef = useRef<HTMLDivElement>(null);\n    const [ isDragging, setIsDragging ] = useState(false);\n    const [ isActive, setIsActive ] = useState(false);\n\n    // Clamp value to valid range\n    const clampedValue = Math.max(min, Math.min(max, value));\n\n    // Convert value to percentage position\n    const getPercent = useCallback((val : number) => {\n        if (max <= min) return 0;\n        const clamped = Math.max(min, Math.min(max, val));\n        return ((clamped - min) / (max - min)) * 100;\n    }, [ min, max ]);\n\n    // Convert mouse/touch position to value\n    const getValueFromPosition = useCallback((clientX : number) => {\n        if (!trackRef.current) return min;\n\n        const rect = trackRef.current.getBoundingClientRect();\n        const percent = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n        const rawValue = min + percent * (max - min);\n\n        // Snap to step\n        const steppedValue = Math.round(rawValue / step) * step;\n        return Math.max(min, Math.min(max, steppedValue));\n    }, [ min, max, step ]);\n\n    // Handle drag\n    const handleDrag = useCallback((clientX : number) => {\n        const newValue = getValueFromPosition(clientX);\n        onChange?.(newValue);\n    }, [ getValueFromPosition, onChange ]);\n\n    // Mouse events\n    const handleMouseDown = useCallback((e : React.MouseEvent) => {\n        if (disabled) return;\n        e.preventDefault();\n        setIsDragging(true);\n        setIsActive(true);\n        handleDrag(e.clientX);\n    }, [ disabled, handleDrag ]);\n\n    useEffect(() => {\n        if (!isDragging) return;\n\n        const handleMouseMove = (e : MouseEvent) => {\n            handleDrag(e.clientX);\n        };\n\n        const handleMouseUp = () => {\n            setIsDragging(false);\n        };\n\n        document.addEventListener(\"mousemove\", handleMouseMove);\n        document.addEventListener(\"mouseup\", handleMouseUp);\n\n        return () => {\n            document.removeEventListener(\"mousemove\", handleMouseMove);\n            document.removeEventListener(\"mouseup\", handleMouseUp);\n        };\n    }, [ isDragging, handleDrag ]);\n\n    // Touch events\n    const handleTouchStart = useCallback((e : React.TouchEvent) => {\n        if (disabled) return;\n        setIsDragging(true);\n        setIsActive(true);\n        handleDrag(e.touches[0].clientX);\n    }, [ disabled, handleDrag ]);\n\n    useEffect(() => {\n        if (!isDragging) return;\n\n        const handleTouchMove = (e : TouchEvent) => {\n            e.preventDefault();\n            handleDrag(e.touches[0].clientX);\n        };\n\n        const handleTouchEnd = () => {\n            setIsDragging(false);\n        };\n\n        document.addEventListener(\"touchmove\", handleTouchMove, {passive : false});\n        document.addEventListener(\"touchend\", handleTouchEnd);\n\n        return () => {\n            document.removeEventListener(\"touchmove\", handleTouchMove);\n            document.removeEventListener(\"touchend\", handleTouchEnd);\n        };\n    }, [ isDragging, handleDrag ]);\n\n    // Keyboard navigation\n    const handleKeyDown = useCallback((e : React.KeyboardEvent) => {\n        if (disabled) return;\n\n        let newValue = clampedValue;\n\n        switch (e.key) {\n            case \"ArrowRight\":\n            case \"ArrowUp\":\n                e.preventDefault();\n                newValue = Math.min(clampedValue + step, max);\n                break;\n            case \"ArrowLeft\":\n            case \"ArrowDown\":\n                e.preventDefault();\n                newValue = Math.max(clampedValue - step, min);\n                break;\n            case \"Home\":\n                e.preventDefault();\n                newValue = min;\n                break;\n            case \"End\":\n                e.preventDefault();\n                newValue = max;\n                break;\n            case \"PageUp\":\n                e.preventDefault();\n                newValue = Math.min(clampedValue + step * 10, max);\n                break;\n            case \"PageDown\":\n                e.preventDefault();\n                newValue = Math.max(clampedValue - step * 10, min);\n                break;\n            default:\n                return;\n        }\n\n        onChange?.(newValue);\n    }, [ disabled, clampedValue, min, max, step, onChange ]);\n\n    const percent = getPercent(clampedValue);\n    const reactId = React.useId();\n    const finalId = id || `range-${reactId.replace(/:/g, \"\")}`;\n    const { describedBy } = deriveAriaIds(finalId, helpText, errorText);\n\n    return (\n        <FormItem\n            customLabel={label && (\n                <Div data-range-meta>\n                    <InputLabel\n                        className=\"range-label\"\n                        id={`${finalId}-label`}\n                        label={label}\n                        htmlFor={finalId}\n                    />\n                    <Text className=\"range-value\">\n                        {clampedValue}{suffix && suffix}\n                    </Text>\n                </Div>\n            )}\n            htmlFor={finalId}\n            helpText={helpText}\n            errorText={errorText}\n            size={size}\n            {...wrapperProps}\n        >\n            <Div\n                ref={trackRef}\n                data-range-single\n                className={disabled ? \"disabled\" : \"\"}\n                role=\"group\"\n                aria-labelledby={label ? `${finalId}-label` : undefined}\n                aria-describedby={describedBy}\n            >\n                {/* Track background */}\n                <Div className=\"range-track\" aria-hidden=\"true\" />\n\n                {/* Filled track from start to thumb */}\n                <Div\n                    className=\"range-track-fill\"\n                    style={{\n                        left  : \"0%\",\n                        right : `${100 - percent}%`,\n                    }}\n                    aria-hidden=\"true\"\n                />\n\n                {/* Thumb */}\n                <button\n                    ref={thumbRef}\n                    id={finalId}\n                    type=\"button\"\n                    className=\"range-thumb\"\n                    style={{left : `${percent}%`}}\n                    disabled={disabled}\n                    onMouseDown={handleMouseDown}\n                    onTouchStart={handleTouchStart}\n                    onKeyDown={handleKeyDown}\n                    onFocus={() => setIsActive(true)}\n                    onBlur={() => setIsActive(false)}\n                    data-active={isActive || isDragging}\n                    role=\"slider\"\n                    aria-valuemin={min}\n                    aria-valuemax={max}\n                    aria-valuenow={clampedValue}\n                    aria-valuetext={`${clampedValue}${suffix ? ` ${suffix}` : \"\"}`}\n                    aria-orientation=\"horizontal\"\n                    aria-invalid={Boolean(errorText) || undefined}\n                    aria-describedby={describedBy}\n                />\n            </Div>\n        </FormItem>\n    );\n};\n\nSingleThumbRange.displayName = \"SingleThumbRange\";\n\n// DUAL THUMB COMPONENT ////////////////////////////////////////////////////////////////////////////////////////////////\ninterface DualThumbRangeInternalProps extends DualRangeProps {\n    forwardedRef ? : React.Ref<RangeElementType>;\n}\n\nconst DualThumbRange : React.FC<DualThumbRangeInternalProps> = ({\n    label,\n    helpText,\n    errorText,\n    value = [ 0, 100 ],\n    suffix,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    minLabel = \"Minimum value\",\n    maxLabel = \"Maximum value\",\n    id,\n    disabled,\n    size,\n    ...props\n}) => {\n    // Separate wrapper-level props (margin, padding, etc.) from component-specific props\n    const {wrapperProps} = separateWrapperProps(props);\n\n    const [ rawMinValue, rawMaxValue ] = value;\n    // Clamp values to valid range\n    const minValue = Math.max(min, Math.min(max, rawMinValue));\n    const maxValue = Math.max(min, Math.min(max, rawMaxValue));\n\n    const minThumbRef = useRef<HTMLButtonElement>(null);\n    const maxThumbRef = useRef<HTMLButtonElement>(null);\n    const trackRef = useRef<HTMLDivElement>(null);\n    const [ isDragging, setIsDragging ] = useState<\"min\" | \"max\" | null>(null);\n    const [ activeThumb, setActiveThumb ] = useState<\"min\" | \"max\" | null>(null);\n\n    // Convert value to percentage position\n    const getPercent = useCallback((val : number) => {\n        if (max <= min) return 0;\n        const clamped = Math.max(min, Math.min(max, val));\n        return ((clamped - min) / (max - min)) * 100;\n    }, [ min, max ]);\n\n    // Convert mouse/touch position to value\n    const getValueFromPosition = useCallback((clientX : number) => {\n        if (!trackRef.current) return min;\n\n        const rect = trackRef.current.getBoundingClientRect();\n        const percent = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n        const rawValue = min + percent * (max - min);\n\n        // Snap to step\n        const steppedValue = Math.round(rawValue / step) * step;\n        return Math.max(min, Math.min(max, steppedValue));\n    }, [ min, max, step ]);\n\n    // Handle drag for either thumb\n    const handleDrag = useCallback((clientX : number, thumb : \"min\" | \"max\") => {\n        const newValue = getValueFromPosition(clientX);\n\n        if (thumb === \"min\") {\n            const clampedMin = Math.min(newValue, maxValue - step);\n            onChange?.([ clampedMin, maxValue ]);\n        } else {\n            const clampedMax = Math.max(newValue, minValue + step);\n            onChange?.([ minValue, clampedMax ]);\n        }\n    }, [ getValueFromPosition, minValue, maxValue, step, onChange ]);\n\n    // Mouse events\n    const handleMouseDown = useCallback((thumb : \"min\" | \"max\") => (e : React.MouseEvent) => {\n        if (disabled) return;\n        e.preventDefault();\n        setIsDragging(thumb);\n        setActiveThumb(thumb);\n        handleDrag(e.clientX, thumb);\n    }, [ disabled, handleDrag ]);\n\n    useEffect(() => {\n        if (!isDragging) return;\n\n        const handleMouseMove = (e : MouseEvent) => {\n            handleDrag(e.clientX, isDragging);\n        };\n\n        const handleMouseUp = () => {\n            setIsDragging(null);\n        };\n\n        document.addEventListener(\"mousemove\", handleMouseMove);\n        document.addEventListener(\"mouseup\", handleMouseUp);\n\n        return () => {\n            document.removeEventListener(\"mousemove\", handleMouseMove);\n            document.removeEventListener(\"mouseup\", handleMouseUp);\n        };\n    }, [ isDragging, handleDrag ]);\n\n    // Touch events\n    const handleTouchStart = useCallback((thumb : \"min\" | \"max\") => (e : React.TouchEvent) => {\n        if (disabled) return;\n        setIsDragging(thumb);\n        setActiveThumb(thumb);\n        handleDrag(e.touches[0].clientX, thumb);\n    }, [ disabled, handleDrag ]);\n\n    useEffect(() => {\n        if (!isDragging) return;\n\n        const handleTouchMove = (e : TouchEvent) => {\n            e.preventDefault();\n            handleDrag(e.touches[0].clientX, isDragging);\n        };\n\n        const handleTouchEnd = () => {\n            setIsDragging(null);\n        };\n\n        document.addEventListener(\"touchmove\", handleTouchMove, {passive : false});\n        document.addEventListener(\"touchend\", handleTouchEnd);\n\n        return () => {\n            document.removeEventListener(\"touchmove\", handleTouchMove);\n            document.removeEventListener(\"touchend\", handleTouchEnd);\n        };\n    }, [ isDragging, handleDrag ]);\n\n    // Keyboard navigation\n    const handleKeyDown = useCallback((thumb : \"min\" | \"max\") => (e : React.KeyboardEvent) => {\n        if (disabled) return;\n\n        const currentValue = thumb === \"min\" ? minValue : maxValue;\n        let newValue = currentValue;\n\n        switch (e.key) {\n            case \"ArrowRight\":\n            case \"ArrowUp\":\n                e.preventDefault();\n                newValue = Math.min(currentValue + step, max);\n                break;\n            case \"ArrowLeft\":\n            case \"ArrowDown\":\n                e.preventDefault();\n                newValue = Math.max(currentValue - step, min);\n                break;\n            case \"Home\":\n                e.preventDefault();\n                newValue = thumb === \"min\" ? min : minValue + step;\n                break;\n            case \"End\":\n                e.preventDefault();\n                newValue = thumb === \"max\" ? max : maxValue - step;\n                break;\n            case \"PageUp\":\n                e.preventDefault();\n                newValue = Math.min(currentValue + step * 10, max);\n                break;\n            case \"PageDown\":\n                e.preventDefault();\n                newValue = Math.max(currentValue - step * 10, min);\n                break;\n            default:\n                return;\n        }\n\n        if (thumb === \"min\") {\n            const clampedMin = Math.min(newValue, maxValue - step);\n            onChange?.([ clampedMin, maxValue ]);\n        } else {\n            const clampedMax = Math.max(newValue, minValue + step);\n            onChange?.([ minValue, clampedMax ]);\n        }\n    }, [ disabled, minValue, maxValue, min, max, step, onChange ]);\n\n    const minPercent = getPercent(minValue);\n    const maxPercent = getPercent(maxValue);\n    const reactId = React.useId();\n    const finalId = id || `range-${reactId.replace(/:/g, \"\")}`;\n    const { describedBy } = deriveAriaIds(finalId, helpText, errorText);\n\n    return (\n        <FormItem\n            customLabel={label && (\n                <Div data-range-meta>\n                    <InputLabel\n                        className=\"range-label\"\n                        id={`${finalId}-label`}\n                        label={label}\n                        htmlFor={finalId}\n                    />\n                    <Text className=\"range-value\">\n                        {minValue}&ndash;{maxValue}{suffix && suffix}\n                    </Text>\n                </Div>\n            )}\n            htmlFor={finalId}\n            helpText={helpText}\n            errorText={errorText}\n            size={size}\n            {...wrapperProps}\n        >\n            <Div\n                ref={trackRef}\n                data-range-dual\n                className={disabled ? \"disabled\" : \"\"}\n                role=\"group\"\n                aria-labelledby={label ? `${finalId}-label` : undefined}\n                aria-describedby={describedBy}\n            >\n                {/* Track background */}\n                <Div className=\"range-track\" aria-hidden=\"true\" />\n\n                {/* Filled track between thumbs */}\n                <Div\n                    className=\"range-track-fill\"\n                    style={{\n                        left  : `${minPercent}%`,\n                        right : `${100 - maxPercent}%`,\n                    }}\n                    aria-hidden=\"true\"\n                />\n\n                {/* Min thumb */}\n                <button\n                    ref={minThumbRef}\n                    id={`${finalId}-min`}\n                    type=\"button\"\n                    className=\"range-thumb range-thumb-min\"\n                    style={{left : `${minPercent}%`}}\n                    disabled={disabled}\n                    onMouseDown={handleMouseDown(\"min\")}\n                    onTouchStart={handleTouchStart(\"min\")}\n                    onKeyDown={handleKeyDown(\"min\")}\n                    onFocus={() => setActiveThumb(\"min\")}\n                    onBlur={() => setActiveThumb(null)}\n                    data-active={activeThumb === \"min\" || isDragging === \"min\"}\n                    role=\"slider\"\n                    aria-label={minLabel}\n                    aria-valuemin={min}\n                    aria-valuemax={maxValue - step}\n                    aria-valuenow={minValue}\n                    aria-valuetext={`${minValue}${suffix ? ` ${suffix}` : \"\"}`}\n                    aria-orientation=\"horizontal\"\n                    aria-invalid={Boolean(errorText) || undefined}\n                    aria-describedby={describedBy}\n                />\n\n                {/* Max thumb */}\n                <button\n                    ref={maxThumbRef}\n                    id={`${finalId}-max`}\n                    type=\"button\"\n                    className=\"range-thumb range-thumb-max\"\n                    style={{left : `${maxPercent}%`}}\n                    disabled={disabled}\n                    onMouseDown={handleMouseDown(\"max\")}\n                    onTouchStart={handleTouchStart(\"max\")}\n                    onKeyDown={handleKeyDown(\"max\")}\n                    onFocus={() => setActiveThumb(\"max\")}\n                    onBlur={() => setActiveThumb(null)}\n                    data-active={activeThumb === \"max\" || isDragging === \"max\"}\n                    role=\"slider\"\n                    aria-label={maxLabel}\n                    aria-valuemin={minValue + step}\n                    aria-valuemax={max}\n                    aria-valuenow={maxValue}\n                    aria-valuetext={`${maxValue}${suffix ? ` ${suffix}` : \"\"}`}\n                    aria-orientation=\"horizontal\"\n                    aria-invalid={Boolean(errorText) || undefined}\n                    aria-describedby={describedBy}\n                />\n            </Div>\n        </FormItem>\n    );\n};\n\nDualThumbRange.displayName = \"DualThumbRange\";\n"],"names":["isDualRangeProps","props","Range","React","ref","jsx","DualThumbRange","SingleThumbRange","label","helpText","errorText","value","suffix","onChange","min","max","step","id","disabled","size","wrapperProps","separateWrapperProps","thumbRef","useRef","trackRef","isDragging","setIsDragging","useState","isActive","setIsActive","clampedValue","getPercent","useCallback","val","getValueFromPosition","clientX","rect","percent","rawValue","steppedValue","handleDrag","newValue","handleMouseDown","e","useEffect","handleMouseMove","handleMouseUp","handleTouchStart","handleTouchMove","handleTouchEnd","handleKeyDown","reactId","finalId","describedBy","deriveAriaIds","FormItem","jsxs","Div","InputLabel","Text","minLabel","maxLabel","rawMinValue","rawMaxValue","minValue","maxValue","minThumbRef","maxThumbRef","activeThumb","setActiveThumb","thumb","clampedMin","clampedMax","currentValue","minPercent","maxPercent"],"mappings":";;;;;;;;AAgEA,SAASA,GAAiBC,GAA8C;AACpE,SAAO,MAAM,QAAQA,EAAM,KAAK;AACpC;AAGO,MAAMC,KAAQC,EAAM;AAAA,EACvB,CAACF,GAAOG,MACAJ,GAAiBC,CAAK,IACf,gBAAAI,EAACC,IAAA,EAAgB,GAAGL,GAAO,cAAcG,GAAK,IAElD,gBAAAC,EAACE,IAAA,EAAkB,GAAGN,GAAO,cAAcG,GAAK;AAE/D;AACAF,GAAM,cAAc;AAOpB,MAAMK,KAA6D,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGlB;AACP,MAAM;AAEF,QAAM,EAAC,cAAAmB,EAAA,IAAgBC,EAAqBpB,CAAK,GAE3CqB,IAAWC,EAA0B,IAAI,GACzCC,IAAWD,EAAuB,IAAI,GACtC,CAAEE,GAAYC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAAEC,GAAUC,CAAY,IAAIF,EAAS,EAAK,GAG1CG,IAAe,KAAK,IAAIhB,GAAK,KAAK,IAAIC,GAAKJ,CAAK,CAAC,GAGjDoB,IAAaC,EAAY,CAACC,MACxBlB,KAAOD,IAAY,KACP,KAAK,IAAIA,GAAK,KAAK,IAAIC,GAAKkB,CAAG,CAAC,IAC7BnB,MAAQC,IAAMD,KAAQ,KAC1C,CAAEA,GAAKC,CAAI,CAAC,GAGTmB,IAAuBF,EAAY,CAACG,MAAqB;AAC3D,QAAI,CAACX,EAAS,QAAS,QAAOV;AAE9B,UAAMsB,IAAOZ,EAAS,QAAQ,sBAAA,GACxBa,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIF,IAAUC,EAAK,QAAQA,EAAK,KAAK,CAAC,GACrEE,IAAWxB,IAAMuB,KAAWtB,IAAMD,IAGlCyB,IAAe,KAAK,MAAMD,IAAWtB,CAAI,IAAIA;AACnD,WAAO,KAAK,IAAIF,GAAK,KAAK,IAAIC,GAAKwB,CAAY,CAAC;AAAA,EACpD,GAAG,CAAEzB,GAAKC,GAAKC,CAAK,CAAC,GAGfwB,IAAaR,EAAY,CAACG,MAAqB;AACjD,UAAMM,IAAWP,EAAqBC,CAAO;AAC7C,IAAAtB,KAAA,QAAAA,EAAW4B;AAAA,EACf,GAAG,CAAEP,GAAsBrB,CAAS,CAAC,GAG/B6B,IAAkBV,EAAY,CAACW,MAAyB;AAC1D,IAAIzB,MACJyB,EAAE,eAAA,GACFjB,EAAc,EAAI,GAClBG,EAAY,EAAI,GAChBW,EAAWG,EAAE,OAAO;AAAA,EACxB,GAAG,CAAEzB,GAAUsB,CAAW,CAAC;AAE3B,EAAAI,EAAU,MAAM;AACZ,QAAI,CAACnB,EAAY;AAEjB,UAAMoB,IAAkB,CAACF,MAAmB;AACxC,MAAAH,EAAWG,EAAE,OAAO;AAAA,IACxB,GAEMG,IAAgB,MAAM;AACxB,MAAApB,EAAc,EAAK;AAAA,IACvB;AAEA,oBAAS,iBAAiB,aAAamB,CAAe,GACtD,SAAS,iBAAiB,WAAWC,CAAa,GAE3C,MAAM;AACT,eAAS,oBAAoB,aAAaD,CAAe,GACzD,SAAS,oBAAoB,WAAWC,CAAa;AAAA,IACzD;AAAA,EACJ,GAAG,CAAErB,GAAYe,CAAW,CAAC;AAG7B,QAAMO,IAAmBf,EAAY,CAACW,MAAyB;AAC3D,IAAIzB,MACJQ,EAAc,EAAI,GAClBG,EAAY,EAAI,GAChBW,EAAWG,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EACnC,GAAG,CAAEzB,GAAUsB,CAAW,CAAC;AAE3B,EAAAI,EAAU,MAAM;AACZ,QAAI,CAACnB,EAAY;AAEjB,UAAMuB,IAAkB,CAACL,MAAmB;AACxC,MAAAA,EAAE,eAAA,GACFH,EAAWG,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,IACnC,GAEMM,IAAiB,MAAM;AACzB,MAAAvB,EAAc,EAAK;AAAA,IACvB;AAEA,oBAAS,iBAAiB,aAAasB,GAAiB,EAAC,SAAU,IAAM,GACzE,SAAS,iBAAiB,YAAYC,CAAc,GAE7C,MAAM;AACT,eAAS,oBAAoB,aAAaD,CAAe,GACzD,SAAS,oBAAoB,YAAYC,CAAc;AAAA,IAC3D;AAAA,EACJ,GAAG,CAAExB,GAAYe,CAAW,CAAC;AAG7B,QAAMU,IAAgBlB,EAAY,CAACW,MAA4B;AAC3D,QAAIzB,EAAU;AAEd,QAAIuB,IAAWX;AAEf,YAAQa,EAAE,KAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACD,QAAAA,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIX,IAAed,GAAMD,CAAG;AAC5C;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AACD,QAAA4B,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIX,IAAed,GAAMF,CAAG;AAC5C;AAAA,MACJ,KAAK;AACD,QAAA6B,EAAE,eAAA,GACFF,IAAW3B;AACX;AAAA,MACJ,KAAK;AACD,QAAA6B,EAAE,eAAA,GACFF,IAAW1B;AACX;AAAA,MACJ,KAAK;AACD,QAAA4B,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIX,IAAed,IAAO,IAAID,CAAG;AACjD;AAAA,MACJ,KAAK;AACD,QAAA4B,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIX,IAAed,IAAO,IAAIF,CAAG;AACjD;AAAA,MACJ;AACI;AAAA,IAAA;AAGR,IAAAD,KAAA,QAAAA,EAAW4B;AAAA,EACf,GAAG,CAAEvB,GAAUY,GAAchB,GAAKC,GAAKC,GAAMH,CAAS,CAAC,GAEjDwB,IAAUN,EAAWD,CAAY,GACjCqB,IAAUhD,EAAM,MAAA,GAChBiD,IAAUnC,KAAM,SAASkC,EAAQ,QAAQ,MAAM,EAAE,CAAC,IAClD,EAAE,aAAAE,EAAA,IAAgBC,EAAcF,GAAS3C,GAAUC,CAAS;AAElE,SACI,gBAAAL;AAAA,IAACkD;AAAA,IAAA;AAAA,MACG,aAAa/C,KACT,gBAAAgD,EAACC,GAAA,EAAI,mBAAe,IAChB,UAAA;AAAA,QAAA,gBAAApD;AAAA,UAACqD;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,IAAI,GAAGN,CAAO;AAAA,YACd,OAAA5C;AAAA,YACA,SAAS4C;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,gBAAAI,EAACG,IAAA,EAAK,WAAU,eACX,UAAA;AAAA,UAAA7B;AAAA,UAAclB,KAAUA;AAAA,QAAA,EAAA,CAC7B;AAAA,MAAA,GACJ;AAAA,MAEJ,SAASwC;AAAA,MACT,UAAA3C;AAAA,MACA,WAAAC;AAAA,MACA,MAAAS;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAoC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,KAAKjC;AAAA,UACL,qBAAiB;AAAA,UACjB,WAAWN,IAAW,aAAa;AAAA,UACnC,MAAK;AAAA,UACL,mBAAiBV,IAAQ,GAAG4C,CAAO,WAAW;AAAA,UAC9C,oBAAkBC;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAhD,EAACoD,GAAA,EAAI,WAAU,eAAc,eAAY,QAAO;AAAA,YAGhD,gBAAApD;AAAA,cAACoD;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,OAAO;AAAA,kBACH,MAAQ;AAAA,kBACR,OAAQ,GAAG,MAAMpB,CAAO;AAAA,gBAAA;AAAA,gBAE5B,eAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAIhB,gBAAAhC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAKiB;AAAA,gBACL,IAAI8B;AAAA,gBACJ,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,OAAO,EAAC,MAAO,GAAGf,CAAO,IAAA;AAAA,gBACzB,UAAAnB;AAAA,gBACA,aAAawB;AAAA,gBACb,cAAcK;AAAA,gBACd,WAAWG;AAAA,gBACX,SAAS,MAAMrB,EAAY,EAAI;AAAA,gBAC/B,QAAQ,MAAMA,EAAY,EAAK;AAAA,gBAC/B,eAAaD,KAAYH;AAAA,gBACzB,MAAK;AAAA,gBACL,iBAAeX;AAAA,gBACf,iBAAeC;AAAA,gBACf,iBAAee;AAAA,gBACf,kBAAgB,GAAGA,CAAY,GAAGlB,IAAS,IAAIA,CAAM,KAAK,EAAE;AAAA,gBAC5D,oBAAiB;AAAA,gBACjB,gBAAc,EAAQF,KAAc;AAAA,gBACpC,oBAAkB2C;AAAA,cAAA;AAAA,YAAA;AAAA,UACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEA9C,GAAiB,cAAc;AAO/B,MAAMD,KAAyD,CAAC;AAAA,EAC5D,OAAAE;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAE,GAAG,GAAI;AAAA,EACjB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,UAAA4C,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,IAAA5C;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGlB;AACP,MAAM;AAEF,QAAM,EAAC,cAAAmB,EAAA,IAAgBC,EAAqBpB,CAAK,GAE3C,CAAE6D,GAAaC,CAAY,IAAIpD,GAE/BqD,IAAW,KAAK,IAAIlD,GAAK,KAAK,IAAIC,GAAK+C,CAAW,CAAC,GACnDG,IAAW,KAAK,IAAInD,GAAK,KAAK,IAAIC,GAAKgD,CAAW,CAAC,GAEnDG,IAAc3C,EAA0B,IAAI,GAC5C4C,IAAc5C,EAA0B,IAAI,GAC5CC,IAAWD,EAAuB,IAAI,GACtC,CAAEE,GAAYC,CAAc,IAAIC,EAA+B,IAAI,GACnE,CAAEyC,GAAaC,CAAe,IAAI1C,EAA+B,IAAI,GAGrEI,IAAaC,EAAY,CAACC,MACxBlB,KAAOD,IAAY,KACP,KAAK,IAAIA,GAAK,KAAK,IAAIC,GAAKkB,CAAG,CAAC,IAC7BnB,MAAQC,IAAMD,KAAQ,KAC1C,CAAEA,GAAKC,CAAI,CAAC,GAGTmB,IAAuBF,EAAY,CAACG,MAAqB;AAC3D,QAAI,CAACX,EAAS,QAAS,QAAOV;AAE9B,UAAMsB,IAAOZ,EAAS,QAAQ,sBAAA,GACxBa,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIF,IAAUC,EAAK,QAAQA,EAAK,KAAK,CAAC,GACrEE,IAAWxB,IAAMuB,KAAWtB,IAAMD,IAGlCyB,IAAe,KAAK,MAAMD,IAAWtB,CAAI,IAAIA;AACnD,WAAO,KAAK,IAAIF,GAAK,KAAK,IAAIC,GAAKwB,CAAY,CAAC;AAAA,EACpD,GAAG,CAAEzB,GAAKC,GAAKC,CAAK,CAAC,GAGfwB,IAAaR,EAAY,CAACG,GAAkBmC,MAA0B;AACxE,UAAM7B,IAAWP,EAAqBC,CAAO;AAE7C,QAAImC,MAAU,OAAO;AACjB,YAAMC,IAAa,KAAK,IAAI9B,GAAUwB,IAAWjD,CAAI;AACrD,MAAAH,KAAA,QAAAA,EAAW,CAAE0D,GAAYN,CAAS;AAAA,IACtC,OAAO;AACH,YAAMO,IAAa,KAAK,IAAI/B,GAAUuB,IAAWhD,CAAI;AACrD,MAAAH,KAAA,QAAAA,EAAW,CAAEmD,GAAUQ,CAAW;AAAA,IACtC;AAAA,EACJ,GAAG,CAAEtC,GAAsB8B,GAAUC,GAAUjD,GAAMH,CAAS,CAAC,GAGzD6B,IAAkBV,EAAY,CAACsC,MAA0B,CAAC3B,MAAyB;AACrF,IAAIzB,MACJyB,EAAE,eAAA,GACFjB,EAAc4C,CAAK,GACnBD,EAAeC,CAAK,GACpB9B,EAAWG,EAAE,SAAS2B,CAAK;AAAA,EAC/B,GAAG,CAAEpD,GAAUsB,CAAW,CAAC;AAE3B,EAAAI,EAAU,MAAM;AACZ,QAAI,CAACnB,EAAY;AAEjB,UAAMoB,IAAkB,CAACF,MAAmB;AACxC,MAAAH,EAAWG,EAAE,SAASlB,CAAU;AAAA,IACpC,GAEMqB,IAAgB,MAAM;AACxB,MAAApB,EAAc,IAAI;AAAA,IACtB;AAEA,oBAAS,iBAAiB,aAAamB,CAAe,GACtD,SAAS,iBAAiB,WAAWC,CAAa,GAE3C,MAAM;AACT,eAAS,oBAAoB,aAAaD,CAAe,GACzD,SAAS,oBAAoB,WAAWC,CAAa;AAAA,IACzD;AAAA,EACJ,GAAG,CAAErB,GAAYe,CAAW,CAAC;AAG7B,QAAMO,IAAmBf,EAAY,CAACsC,MAA0B,CAAC3B,MAAyB;AACtF,IAAIzB,MACJQ,EAAc4C,CAAK,GACnBD,EAAeC,CAAK,GACpB9B,EAAWG,EAAE,QAAQ,CAAC,EAAE,SAAS2B,CAAK;AAAA,EAC1C,GAAG,CAAEpD,GAAUsB,CAAW,CAAC;AAE3B,EAAAI,EAAU,MAAM;AACZ,QAAI,CAACnB,EAAY;AAEjB,UAAMuB,IAAkB,CAACL,MAAmB;AACxC,MAAAA,EAAE,eAAA,GACFH,EAAWG,EAAE,QAAQ,CAAC,EAAE,SAASlB,CAAU;AAAA,IAC/C,GAEMwB,IAAiB,MAAM;AACzB,MAAAvB,EAAc,IAAI;AAAA,IACtB;AAEA,oBAAS,iBAAiB,aAAasB,GAAiB,EAAC,SAAU,IAAM,GACzE,SAAS,iBAAiB,YAAYC,CAAc,GAE7C,MAAM;AACT,eAAS,oBAAoB,aAAaD,CAAe,GACzD,SAAS,oBAAoB,YAAYC,CAAc;AAAA,IAC3D;AAAA,EACJ,GAAG,CAAExB,GAAYe,CAAW,CAAC;AAG7B,QAAMU,IAAgBlB,EAAY,CAACsC,MAA0B,CAAC3B,MAA4B;AACtF,QAAIzB,EAAU;AAEd,UAAMuD,IAAeH,MAAU,QAAQN,IAAWC;AAClD,QAAIxB,IAAWgC;AAEf,YAAQ9B,EAAE,KAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACD,QAAAA,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIgC,IAAezD,GAAMD,CAAG;AAC5C;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AACD,QAAA4B,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIgC,IAAezD,GAAMF,CAAG;AAC5C;AAAA,MACJ,KAAK;AACD,QAAA6B,EAAE,eAAA,GACFF,IAAW6B,MAAU,QAAQxD,IAAMkD,IAAWhD;AAC9C;AAAA,MACJ,KAAK;AACD,QAAA2B,EAAE,eAAA,GACFF,IAAW6B,MAAU,QAAQvD,IAAMkD,IAAWjD;AAC9C;AAAA,MACJ,KAAK;AACD,QAAA2B,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIgC,IAAezD,IAAO,IAAID,CAAG;AACjD;AAAA,MACJ,KAAK;AACD,QAAA4B,EAAE,eAAA,GACFF,IAAW,KAAK,IAAIgC,IAAezD,IAAO,IAAIF,CAAG;AACjD;AAAA,MACJ;AACI;AAAA,IAAA;AAGR,QAAIwD,MAAU,OAAO;AACjB,YAAMC,IAAa,KAAK,IAAI9B,GAAUwB,IAAWjD,CAAI;AACrD,MAAAH,KAAA,QAAAA,EAAW,CAAE0D,GAAYN,CAAS;AAAA,IACtC,OAAO;AACH,YAAMO,IAAa,KAAK,IAAI/B,GAAUuB,IAAWhD,CAAI;AACrD,MAAAH,KAAA,QAAAA,EAAW,CAAEmD,GAAUQ,CAAW;AAAA,IACtC;AAAA,EACJ,GAAG,CAAEtD,GAAU8C,GAAUC,GAAUnD,GAAKC,GAAKC,GAAMH,CAAS,CAAC,GAEvD6D,IAAa3C,EAAWiC,CAAQ,GAChCW,IAAa5C,EAAWkC,CAAQ,GAChCd,IAAUhD,EAAM,MAAA,GAChBiD,IAAUnC,KAAM,SAASkC,EAAQ,QAAQ,MAAM,EAAE,CAAC,IAClD,EAAE,aAAAE,EAAA,IAAgBC,EAAcF,GAAS3C,GAAUC,CAAS;AAElE,SACI,gBAAAL;AAAA,IAACkD;AAAA,IAAA;AAAA,MACG,aAAa/C,KACT,gBAAAgD,EAACC,GAAA,EAAI,mBAAe,IAChB,UAAA;AAAA,QAAA,gBAAApD;AAAA,UAACqD;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,IAAI,GAAGN,CAAO;AAAA,YACd,OAAA5C;AAAA,YACA,SAAS4C;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,gBAAAI,EAACG,IAAA,EAAK,WAAU,eACX,UAAA;AAAA,UAAAK;AAAA,UAAS;AAAA,UAAQC;AAAA,UAAUrD,KAAUA;AAAA,QAAA,EAAA,CAC1C;AAAA,MAAA,GACJ;AAAA,MAEJ,SAASwC;AAAA,MACT,UAAA3C;AAAA,MACA,WAAAC;AAAA,MACA,MAAAS;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAoC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,KAAKjC;AAAA,UACL,mBAAe;AAAA,UACf,WAAWN,IAAW,aAAa;AAAA,UACnC,MAAK;AAAA,UACL,mBAAiBV,IAAQ,GAAG4C,CAAO,WAAW;AAAA,UAC9C,oBAAkBC;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAhD,EAACoD,GAAA,EAAI,WAAU,eAAc,eAAY,QAAO;AAAA,YAGhD,gBAAApD;AAAA,cAACoD;AAAA,cAAA;AAAA,gBACG,WAAU;AAAA,gBACV,OAAO;AAAA,kBACH,MAAQ,GAAGiB,CAAU;AAAA,kBACrB,OAAQ,GAAG,MAAMC,CAAU;AAAA,gBAAA;AAAA,gBAE/B,eAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAIhB,gBAAAtE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAK6D;AAAA,gBACL,IAAI,GAAGd,CAAO;AAAA,gBACd,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,OAAO,EAAC,MAAO,GAAGsB,CAAU,IAAA;AAAA,gBAC5B,UAAAxD;AAAA,gBACA,aAAawB,EAAgB,KAAK;AAAA,gBAClC,cAAcK,EAAiB,KAAK;AAAA,gBACpC,WAAWG,EAAc,KAAK;AAAA,gBAC9B,SAAS,MAAMmB,EAAe,KAAK;AAAA,gBACnC,QAAQ,MAAMA,EAAe,IAAI;AAAA,gBACjC,eAAaD,MAAgB,SAAS3C,MAAe;AAAA,gBACrD,MAAK;AAAA,gBACL,cAAYmC;AAAA,gBACZ,iBAAe9C;AAAA,gBACf,iBAAemD,IAAWjD;AAAA,gBAC1B,iBAAegD;AAAA,gBACf,kBAAgB,GAAGA,CAAQ,GAAGpD,IAAS,IAAIA,CAAM,KAAK,EAAE;AAAA,gBACxD,oBAAiB;AAAA,gBACjB,gBAAc,EAAQF,KAAc;AAAA,gBACpC,oBAAkB2C;AAAA,cAAA;AAAA,YAAA;AAAA,YAItB,gBAAAhD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,KAAK8D;AAAA,gBACL,IAAI,GAAGf,CAAO;AAAA,gBACd,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,OAAO,EAAC,MAAO,GAAGuB,CAAU,IAAA;AAAA,gBAC5B,UAAAzD;AAAA,gBACA,aAAawB,EAAgB,KAAK;AAAA,gBAClC,cAAcK,EAAiB,KAAK;AAAA,gBACpC,WAAWG,EAAc,KAAK;AAAA,gBAC9B,SAAS,MAAMmB,EAAe,KAAK;AAAA,gBACnC,QAAQ,MAAMA,EAAe,IAAI;AAAA,gBACjC,eAAaD,MAAgB,SAAS3C,MAAe;AAAA,gBACrD,MAAK;AAAA,gBACL,cAAYoC;AAAA,gBACZ,iBAAeG,IAAWhD;AAAA,gBAC1B,iBAAeD;AAAA,gBACf,iBAAekD;AAAA,gBACf,kBAAgB,GAAGA,CAAQ,GAAGrD,IAAS,IAAIA,CAAM,KAAK,EAAE;AAAA,gBACxD,oBAAiB;AAAA,gBACjB,gBAAc,EAAQF,KAAc;AAAA,gBACpC,oBAAkB2C;AAAA,cAAA;AAAA,YAAA;AAAA,UACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEA/C,GAAe,cAAc;"}

package/dist/components/Form/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AASvC,OAAO,cAAc,CAAC;AAMtB,eAAO,MAAM,MAAM,kPA+ElB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AASvC,OAAO,cAAc,CAAC;AAMtB,eAAO,MAAM,MAAM,kPAsFlB,CAAC"}

package/dist/components/Form/Select/Select.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import n, { useMemo as R } from "react";
+import { Div as S } from "../../Element/Tags.js";
+import { deriveAriaIds as j, FormItem as A } from "../FormItem/FormItem.js";
+import { separateWrapperProps as D } from "../../../utils/propSeparation.js";
+/* empty css           */
+import { Element as o } from "../../Element/Element.js";
+const E = n.forwardRef(
+  ({
+    // FormItem props
+    label: f,
+    helpText: c,
+    errorText: a,
+    required: t,
+    size: v,
+    // Select props
+    id: l,
+    name: d,
+    options: b,
+    onChange: s,
+    disabled: m,
+    className: u,
+    ...I
+  }, h) => {
+    const y = R(() => d || l, [d, l]), p = (e) => /* @__PURE__ */ r(
+      o,
+      {
+        as: "option",
+        value: e.value,
+        disabled: e.disabled,
+        children: e.label
+      },
+      e.value
+    ), P = (e) => /* @__PURE__ */ r(
+      o,
+      {
+        as: "optgroup",
+        label: e.label,
+        children: e.options.map(p)
+      },
+      e.label
+    ), w = (e) => {
+      s == null || s(e.target.value);
+    }, { wrapperProps: B, inputProps: F } = D(I), N = n.useId(), i = l || `select-${N.replace(/:/g, "")}`, { describedBy: O } = j(i, c, a);
+    return /* @__PURE__ */ r(
+      A,
+      {
+        label: f,
+        htmlFor: i,
+        helpText: c,
+        errorText: a,
+        required: t,
+        size: v,
+        ...B,
+        children: /* @__PURE__ */ r(S, { "data-select": !0, className: u, disabled: m, children: /* @__PURE__ */ r(
+          o,
+          {
+            as: "select",
+            ref: h,
+            id: i,
+            name: y,
+            disabled: m,
+            required: t,
+            "aria-invalid": !!a || void 0,
+            "aria-required": t,
+            "aria-describedby": O,
+            onChange: w,
+            ...F,
+            children: b.map(
+              (e) => "options" in e ? P(e) : p(e)
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+E.displayName = "Select";
+export {
+  E as Select
+};
+//# sourceMappingURL=Select.js.map

package/dist/components/Form/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Form/Select/Select.tsx"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport React, { useMemo } from \"react\";\n\n// LOCAL COMPONENTS ====================================================================================================\nimport { Div } from \"$tags\";\nimport { Element } from \"$element\";\nimport { FormItem, deriveAriaIds } from \"../FormItem/FormItem\";\nimport { separateWrapperProps } from \"../../../utils/propSeparation\";\n\n// STYLES ==============================================================================================================\nimport \"./select.css\";\n\n// OTHER ===============================================================================================================\nimport { OptionProps, OptGroupProps, SelectProps, OptionElementType, SelectElementType } from \"./constants\";\n\n// COMPONENT ///////////////////////////////////////////////////////////////////////////////////////////////////////////\nexport const Select = React.forwardRef(\n    (\n        {\n            // FormItem props\n            label,\n            helpText,\n            errorText,\n            required,\n            size,\n            // Select props\n            id,\n            name,\n            options,\n            onChange,\n            disabled,\n            className,\n            ...props\n        }: SelectProps,\n        ref: React.Ref<SelectElementType>\n    ) => {\n        const derivedName = useMemo(() => name || id, [name, id]);\n\n        const renderOption = (option: OptionProps) => (\n            <Element<OptionElementType>\n                as=\"option\"\n                key={option.value}\n                value={option.value}\n                disabled={option.disabled}\n            >\n                {option.label}\n            </Element>\n        );\n\n        const renderOptGroup = (group: OptGroupProps) => (\n            <Element<HTMLOptGroupElement>\n                as=\"optgroup\"\n                key={group.label}\n                label={group.label}\n            >\n                {group.options.map(renderOption)}\n            </Element>\n        );\n\n        const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n            onChange?.(e.target.value);\n        };\n\n        // Separate wrapper-level props (margin, padding, etc.) from input-specific props\n        const { wrapperProps, inputProps } = separateWrapperProps(props);\n\n        const reactId = React.useId();\n        const finalId = id || `select-${reactId.replace(/:/g, \"\")}`;\n        const { describedBy } = deriveAriaIds(finalId, helpText, errorText);\n\n        return (\n            <FormItem\n                label={label}\n                htmlFor={finalId}\n                helpText={helpText}\n                errorText={errorText}\n                required={required}\n                size={size}\n                {...wrapperProps}\n            >\n                <Div data-select className={className} disabled={disabled}>\n                    <Element<SelectElementType>\n                        as=\"select\"\n                        ref={ref}\n                        id={finalId}\n                        name={derivedName}\n                        disabled={disabled}\n                        required={required}\n                        aria-invalid={Boolean(errorText) || undefined}\n                        aria-required={required}\n                        aria-describedby={describedBy}\n                        onChange={handleChange}\n                        {...inputProps}\n                    >\n                        {options.map((option) =>\n                            \"options\" in option ? renderOptGroup(option) : renderOption(option)\n                        )}\n                    </Element>\n                </Div>\n            </FormItem>\n        );\n    }\n);\nSelect.displayName = \"Select\";\n"],"names":["Select","React","label","helpText","errorText","required","size","id","name","options","onChange","disabled","className","props","ref","derivedName","useMemo","renderOption","option","jsx","Element","renderOptGroup","group","handleChange","wrapperProps","inputProps","separateWrapperProps","reactId","finalId","describedBy","deriveAriaIds","FormItem","Div"],"mappings":";;;;;;;AAgBO,MAAMA,IAASC,EAAM;AAAA,EACxB,CACI;AAAA;AAAA,IAEI,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA;AAAA,IAEA,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAcC,EAAQ,MAAMR,KAAQD,GAAI,CAACC,GAAMD,CAAE,CAAC,GAElDU,IAAe,CAACC,MAClB,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QAEH,OAAOF,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QAEhB,UAAAA,EAAO;AAAA,MAAA;AAAA,MAJHA,EAAO;AAAA,IAAA,GAQdG,IAAiB,CAACC,MACpB,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QAEH,OAAOE,EAAM;AAAA,QAEZ,UAAAA,EAAM,QAAQ,IAAIL,CAAY;AAAA,MAAA;AAAA,MAH1BK,EAAM;AAAA,IAAA,GAObC,IAAe,CAAC,MAA4C;AAC9D,MAAAb,KAAA,QAAAA,EAAW,EAAE,OAAO;AAAA,IACxB,GAGM,EAAE,cAAAc,GAAc,YAAAC,MAAeC,EAAqBb,CAAK,GAEzDc,IAAU1B,EAAM,MAAA,GAChB2B,IAAUrB,KAAM,UAAUoB,EAAQ,QAAQ,MAAM,EAAE,CAAC,IACnD,EAAE,aAAAE,EAAA,IAAgBC,EAAcF,GAASzB,GAAUC,CAAS;AAElE,WACI,gBAAAe;AAAA,MAACY;AAAA,MAAA;AAAA,QACG,OAAA7B;AAAA,QACA,SAAS0B;AAAA,QACT,UAAAzB;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,MAAAC;AAAA,QACC,GAAGkB;AAAA,QAEJ,UAAA,gBAAAL,EAACa,GAAA,EAAI,eAAW,IAAC,WAAApB,GAAsB,UAAAD,GACnC,UAAA,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,KAAAN;AAAA,YACA,IAAIc;AAAA,YACJ,MAAMb;AAAA,YACN,UAAAJ;AAAA,YACA,UAAAN;AAAA,YACA,gBAAc,EAAQD,KAAc;AAAA,YACpC,iBAAeC;AAAA,YACf,oBAAkBwB;AAAA,YAClB,UAAUN;AAAA,YACT,GAAGE;AAAA,YAEH,UAAAhB,EAAQ;AAAA,cAAI,CAACS,MACV,aAAaA,IAASG,EAAeH,CAAM,IAAID,EAAaC,CAAM;AAAA,YAAA;AAAA,UACtE;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAlB,EAAO,cAAc;"}

package/dist/components/Form/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAO3E,OAAO,gBAAgB,CAAC;AAIxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKjE,MAAM,WAAW,gBAAgB;IAC7B,KAAa,CAAC,EAAG,MAAM,CAAC;IACxB,QAAa,CAAC,EAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,SAAa,CAAC,EAAG,MAAM,CAAC;IACxB,YAAa,CAAC,EAAG,OAAO,CAAC;IACzB,KAAa,CAAC,EAAG,OAAO,CAAC;IACzB,OAAa,CAAC,EAAG,OAAO,CAAC;IACzB,QAAa,CAAC,EAAG,OAAO,CAAC;IACzB,QAAa,CAAC,EAAG,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,aAAa,GACrB,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAClE,qBAAqB,GACrB,IAAI,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GAAG;IAC5C,EAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,QAAe,CAAC,EAAG,CAAC,KAAK,EAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,WAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,YAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,cAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC7D,CAAC;AAcF,eAAO,MAAM,QAAQ;SA9BE,MAAM;WACN,MAAM;eACN,CAAC,KAAK,EAAG,MAAM,KAAK,IAAI;YACxB,MAAM;WACN,MAAM;WACN,MAAM;gBACN,MAAM;gBACN,MAAM;kBACN,MAAM;eACN,OAAO;eACP,OAAO;eACP,OAAO;mBACP,MAAM;qBACN,MAAM;gBACN,MAAM;WACN,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;6CAoJ5D,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAO3E,OAAO,gBAAgB,CAAC;AAIxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKjE,MAAM,WAAW,gBAAgB;IAC7B,KAAa,CAAC,EAAG,MAAM,CAAC;IACxB,QAAa,CAAC,EAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1C,SAAa,CAAC,EAAG,MAAM,CAAC;IACxB,YAAa,CAAC,EAAG,OAAO,CAAC;IACzB,KAAa,CAAC,EAAG,OAAO,CAAC;IACzB,OAAa,CAAC,EAAG,OAAO,CAAC;IACzB,QAAa,CAAC,EAAG,OAAO,CAAC;IACzB,QAAa,CAAC,EAAG,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,aAAa,GACrB,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAClE,qBAAqB,GACrB,IAAI,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GAAG;IAC5C,EAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,QAAe,CAAC,EAAG,CAAC,KAAK,EAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,WAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,QAAe,CAAC,EAAG,OAAO,CAAC;IAC3B,YAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,cAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,SAAe,CAAC,EAAG,MAAM,CAAC;IAC1B,IAAe,CAAC,EAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC7D,CAAC;AAcF,eAAO,MAAM,QAAQ;SA9BE,MAAM;WACN,MAAM;eACN,CAAC,KAAK,EAAG,MAAM,KAAK,IAAI;YACxB,MAAM;WACN,MAAM;WACN,MAAM;gBACN,MAAM;gBACN,MAAM;kBACN,MAAM;eACN,OAAO;eACP,OAAO;eACP,OAAO;mBACP,MAAM;qBACN,MAAM;gBACN,MAAM;WACN,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;6CA8J5D,CAAC"}