@choice-ui/react 1.3.13 → 1.4.0

package/dist/cjs/components/bezier-curve-editor/src/components/bezier-curve-editor-curve.cjs

@@ -1,216 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const React = require("react");
-const tv$1 = require("../tv.cjs");
-const utils = require("../utils.cjs");
-const tv = tv$1.BezierCurveEditorTv();
-const PREVIEW_KEYFRAMES = "@keyframes preview-loop {from {offset-distance: 0%}to {offset-distance: 100%}}";
-function guessBezierCurveType(value) {
-  const [, y1, , y2, , y3, , y4] = value;
-  const countAboveHalf = [y1, y2, y3, y4].filter((y) => y > 0.5).length;
-  const countBelowHalf = [y1, y2, y3, y4].filter((y) => y <= 0.5).length;
-  if (countAboveHalf === 4) {
-    return "out";
-  } else if (countBelowHalf === 4) {
-    return "in";
-  } else if (countAboveHalf >= 3) {
-    return "out";
-  } else if (countBelowHalf >= 3) {
-    return "in";
-  } else {
-    return "inOut";
-  }
-}
-const BezierCurveEditorCurve = React.memo((props) => {
-  const {
-    disabledPoints,
-    duration,
-    delay,
-    outerAreaSize,
-    previewState,
-    size,
-    strokeWidth,
-    value,
-    isEditable,
-    movingStartHandleLine,
-    movingEndHandleLine,
-    handleStartHandleLineStartMoving,
-    handleStartHandleLinePointerMove,
-    handleStartHandleLinePointerLeaveOrUp,
-    handleEndHandleLineStartMoving,
-    handleEndHandleLinePointerMove,
-    handleEndHandleLinePointerLeaveOrUp
-  } = props;
-  const coordinateParams = React.useMemo(
-    () => utils.bezierCurveParamsFromSizeAndValue(size, value),
-    [size, value]
-  );
-  const svgDimensions = React.useMemo(
-    () => ({
-      width: size + strokeWidth * 2,
-      height: size + strokeWidth * 2 + outerAreaSize * 2
-    }),
-    [size, strokeWidth, outerAreaSize]
-  );
-  React.useMemo(() => guessBezierCurveType(value), [value]);
-  const pathString = React.useMemo(() => {
-    const { startCoordinate: startCoordinate2, endCoordinate: endCoordinate2, startBezierHandle: startBezierHandle2, endBezierHandle: endBezierHandle2 } = coordinateParams;
-    return `M${startCoordinate2} C${startBezierHandle2} ${endBezierHandle2} ${endCoordinate2}`;
-  }, [coordinateParams]);
-  const previewStyle = React.useMemo(
-    () => ({
-      offsetPath: `path('${pathString}')`,
-      animationTimingFunction: `cubic-bezier(${value})`,
-      animationPlayState: previewState,
-      animationName: "preview-loop",
-      animationDuration: `${duration}s`,
-      animationDelay: `${delay}s`,
-      animationIterationCount: "infinite",
-      offsetDistance: 0
-    }),
-    [pathString, value, previewState, duration, delay]
-  );
-  const transformString = React.useMemo(
-    () => `translate(${strokeWidth}, ${outerAreaSize + strokeWidth})`,
-    [strokeWidth, outerAreaSize]
-  );
-  const viewBoxString = React.useMemo(
-    () => `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
-    [svgDimensions.width, svgDimensions.height]
-  );
-  const { startCoordinate, endCoordinate, startBezierHandle, endBezierHandle } = coordinateParams;
-  return /* @__PURE__ */ require$$0.jsxs(require$$0.Fragment, { children: [
-    /* @__PURE__ */ require$$0.jsx("style", { children: PREVIEW_KEYFRAMES }),
-    /* @__PURE__ */ require$$0.jsx(
-      "svg",
-      {
-        fill: "none",
-        className: tv.curveWrapper(),
-        width: svgDimensions.width,
-        height: svgDimensions.height,
-        viewBox: viewBoxString,
-        children: /* @__PURE__ */ require$$0.jsxs("g", { transform: transformString, children: [
-          /* @__PURE__ */ require$$0.jsx(
-            "rect",
-            {
-              "data-slot": "rect",
-              className: tv.rect(),
-              x: 0,
-              y: endCoordinate[1],
-              width: size,
-              height: startCoordinate[1] - endCoordinate[1],
-              pointerEvents: "none"
-            }
-          ),
-          disabledPoints[0] ? null : /* @__PURE__ */ require$$0.jsxs(require$$0.Fragment, { children: [
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                "data-slot": "line",
-                "data-active": movingStartHandleLine,
-                className: tv.line(),
-                strokeWidth: "8",
-                strokeLinecap: "round",
-                x1: startCoordinate[0],
-                y1: startCoordinate[1],
-                x2: startBezierHandle[0],
-                y2: startBezierHandle[1],
-                style: {
-                  stroke: "transparent",
-                  pointerEvents: "auto"
-                },
-                onPointerDown: handleStartHandleLineStartMoving,
-                onPointerMove: handleStartHandleLinePointerMove,
-                onPointerUp: handleStartHandleLinePointerLeaveOrUp,
-                onPointerCancel: handleStartHandleLinePointerLeaveOrUp
-              }
-            ),
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                "data-slot": "line",
-                "data-active": movingStartHandleLine,
-                className: tv.line(),
-                strokeWidth: "1",
-                strokeLinecap: "round",
-                x1: startCoordinate[0],
-                y1: startCoordinate[1],
-                x2: startBezierHandle[0],
-                y2: startBezierHandle[1],
-                style: {
-                  pointerEvents: "none"
-                }
-              }
-            )
-          ] }),
-          disabledPoints[1] ? null : /* @__PURE__ */ require$$0.jsxs(require$$0.Fragment, { children: [
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                "data-slot": "line",
-                "data-active": movingEndHandleLine,
-                className: tv.line(),
-                strokeWidth: "8",
-                strokeLinecap: "round",
-                x1: endCoordinate[0],
-                y1: endCoordinate[1],
-                x2: endBezierHandle[0],
-                y2: endBezierHandle[1],
-                style: {
-                  stroke: "transparent",
-                  pointerEvents: "auto"
-                },
-                onPointerDown: handleEndHandleLineStartMoving,
-                onPointerMove: handleEndHandleLinePointerMove,
-                onPointerUp: handleEndHandleLinePointerLeaveOrUp,
-                onPointerCancel: handleEndHandleLinePointerLeaveOrUp
-              }
-            ),
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                "data-slot": "line",
-                "data-active": movingEndHandleLine,
-                className: tv.line(),
-                strokeWidth: "1",
-                strokeLinecap: "round",
-                x1: endCoordinate[0],
-                y1: endCoordinate[1],
-                x2: endBezierHandle[0],
-                y2: endBezierHandle[1],
-                style: {
-                  pointerEvents: "none"
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ require$$0.jsx(
-            "path",
-            {
-              "data-slot": "curve",
-              className: tv.curve(),
-              strokeWidth,
-              strokeLinecap: "round",
-              d: pathString
-            }
-          ),
-          previewState !== "hidden" && /* @__PURE__ */ require$$0.jsx(
-            "circle",
-            {
-              "data-slot": "preview",
-              className: tv.preview(),
-              r: 4,
-              cx: 0,
-              cy: 0,
-              strokeWidth,
-              style: previewStyle
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-});
-BezierCurveEditorCurve.displayName = "BezierCurveEditorCurve";
-exports.BezierCurveEditorCurve = BezierCurveEditorCurve;

package/dist/cjs/components/bezier-curve-editor/src/components/bezier-curve-editor-end-points.cjs

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const React = require("react");
-const tv$1 = require("../tv.cjs");
-const utils = require("../utils.cjs");
-const tv = tv$1.BezierCurveEditorTv();
-const BezierCurveEditorEndPoints = React.memo((props) => {
-  const { size, value, outerAreaSize, strokeWidth, handleSize, isEditable } = props;
-  const {
-    disabledPoints = [false, false],
-    movingEndPoint,
-    movingStartPoint,
-    handleEndPointPointerLeaveOrUp,
-    handleEndPointPointerMove,
-    handleEndPointStartMoving,
-    handleStartPointPointerLeaveOrUp,
-    handleStartPointPointerMove,
-    handleStartPointStartMoving
-  } = props;
-  const coordinateParams = React.useMemo(
-    () => utils.bezierCurveParamsFromSizeAndValue(size, value),
-    [size, value]
-  );
-  const { startCoordinate, endCoordinate } = coordinateParams;
-  const startPointStyle = React.useMemo(
-    () => ({
-      top: startCoordinate[1] + outerAreaSize + strokeWidth,
-      left: startCoordinate[0] + strokeWidth,
-      width: handleSize / 2,
-      height: handleSize / 2
-    }),
-    [startCoordinate, outerAreaSize, strokeWidth, handleSize]
-  );
-  const endPointStyle = React.useMemo(
-    () => ({
-      top: endCoordinate[1] + outerAreaSize + strokeWidth,
-      left: endCoordinate[0] + strokeWidth,
-      width: handleSize / 2,
-      height: handleSize / 2
-    }),
-    [endCoordinate, outerAreaSize, strokeWidth, handleSize]
-  );
-  if (isEditable !== true) {
-    return /* @__PURE__ */ require$$0.jsxs(require$$0.Fragment, { children: [
-      disabledPoints[0] ? null : /* @__PURE__ */ require$$0.jsx(
-        "span",
-        {
-          className: tv.handle({ fixed: true }),
-          style: startPointStyle
-        }
-      ),
-      disabledPoints[1] ? null : /* @__PURE__ */ require$$0.jsx(
-        "span",
-        {
-          className: tv.handle({ fixed: true }),
-          style: endPointStyle
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ require$$0.jsxs(require$$0.Fragment, { children: [
-    /* @__PURE__ */ require$$0.jsx(
-      "button",
-      {
-        "data-slot": "handle",
-        "data-active": movingStartPoint,
-        type: "button",
-        className: tv.handle({ fixed: true }),
-        style: startPointStyle,
-        onPointerDown: handleStartPointStartMoving,
-        onPointerMove: handleStartPointPointerMove,
-        onPointerUp: handleStartPointPointerLeaveOrUp,
-        onPointerCancel: handleStartPointPointerLeaveOrUp
-      }
-    ),
-    /* @__PURE__ */ require$$0.jsx(
-      "button",
-      {
-        "data-slot": "handle",
-        "data-active": movingEndPoint,
-        type: "button",
-        className: tv.handle({ fixed: true }),
-        style: endPointStyle,
-        onPointerDown: handleEndPointStartMoving,
-        onPointerMove: handleEndPointPointerMove,
-        onPointerUp: handleEndPointPointerLeaveOrUp,
-        onPointerCancel: handleEndPointPointerLeaveOrUp
-      }
-    )
-  ] });
-});
-BezierCurveEditorEndPoints.displayName = "BezierCurveEditorEndPoints";
-exports.BezierCurveEditorEndPoints = BezierCurveEditorEndPoints;

package/dist/cjs/components/bezier-curve-editor/src/components/bezier-curve-editor-plane.cjs

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const React = require("react");
-const tv$1 = require("../tv.cjs");
-const tv = tv$1.BezierCurveEditorTv();
-const BezierCurveEditorPlane = React.memo((props) => {
-  const { size, outerAreaSize, strokeWidth, innerAreaColor } = props;
-  const planeStyle = React.useMemo(
-    () => ({
-      top: outerAreaSize + strokeWidth,
-      left: strokeWidth,
-      width: size,
-      height: size
-    }),
-    [outerAreaSize, strokeWidth, size]
-  );
-  return /* @__PURE__ */ require$$0.jsx(
-    "div",
-    {
-      "data-slot": "plane",
-      className: tv.plane(),
-      style: planeStyle,
-      children: /* @__PURE__ */ require$$0.jsxs(
-        "svg",
-        {
-          width: "100%",
-          height: "100%",
-          viewBox: "0 0 100 100",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: [
-            /* @__PURE__ */ require$$0.jsx(
-              "rect",
-              {
-                width: "100",
-                height: "100",
-                className: tv.planeInner(),
-                fill: innerAreaColor
-              }
-            ),
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                x1: "0",
-                y1: "0",
-                x2: "0",
-                y2: "100",
-                stroke: "currentColor",
-                strokeWidth: "1",
-                opacity: "0.2"
-              }
-            ),
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                x1: "0",
-                y1: "100",
-                x2: "100",
-                y2: "100",
-                stroke: "currentColor",
-                strokeWidth: "1",
-                opacity: "0.2"
-              }
-            ),
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                x1: "0",
-                y1: "0",
-                x2: "100",
-                y2: "0",
-                stroke: "currentColor",
-                strokeWidth: "1",
-                strokeDasharray: "6,6",
-                opacity: "0.2"
-              }
-            ),
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                x1: "100",
-                y1: "0",
-                x2: "100",
-                y2: "100",
-                stroke: "currentColor",
-                strokeWidth: "1",
-                strokeDasharray: "6,6",
-                opacity: "0.2"
-              }
-            ),
-            /* @__PURE__ */ require$$0.jsx(
-              "line",
-              {
-                x1: "0",
-                y1: "100",
-                x2: "100",
-                y2: "0",
-                stroke: "currentColor",
-                strokeWidth: "1",
-                opacity: "0.2"
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-});
-BezierCurveEditorPlane.displayName = "BezierCurveEditorPlane";
-exports.BezierCurveEditorPlane = BezierCurveEditorPlane;

package/dist/cjs/components/bezier-curve-editor/src/components/linear-gradient.cjs

@@ -1,146 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const LinearGradient = (props) => {
-  const {
-    startColor = "var(--color-accent-foreground)",
-    endColor = "var(--color-danger-foreground)",
-    mainColor = "var(--color-default-boundary)"
-  } = props;
-  return /* @__PURE__ */ require$$0.jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "0",
-      height: "0",
-      style: {
-        "--main-color": mainColor,
-        "--start-color": startColor,
-        "--end-color": endColor
-      },
-      children: /* @__PURE__ */ require$$0.jsxs("defs", { children: [
-        /* @__PURE__ */ require$$0.jsxs(
-          "linearGradient",
-          {
-            id: "in",
-            x1: "0%",
-            y1: "100%",
-            x2: "100%",
-            y2: "0%",
-            children: [
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "0%",
-                  stopColor: "var(--main-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "50%",
-                  stopColor: "var(--main-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "70%",
-                  stopColor: "var(--end-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "100%",
-                  stopColor: "var(--end-color)"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ require$$0.jsxs(
-          "linearGradient",
-          {
-            id: "out",
-            x1: "0%",
-            y1: "100%",
-            x2: "100%",
-            y2: "0%",
-            children: [
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "0%",
-                  stopColor: "var(--start-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "30%",
-                  stopColor: "var(--start-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "50%",
-                  stopColor: "var(--main-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "100%",
-                  stopColor: "var(--main-color)"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ require$$0.jsxs(
-          "linearGradient",
-          {
-            id: "inOut",
-            x1: "0%",
-            y1: "100%",
-            x2: "100%",
-            y2: "0%",
-            children: [
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "0%",
-                  stopColor: "var(--start-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "20%",
-                  stopColor: "var(--start-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "80%",
-                  stopColor: "var(--end-color)"
-                }
-              ),
-              /* @__PURE__ */ require$$0.jsx(
-                "stop",
-                {
-                  offset: "100%",
-                  stopColor: "var(--end-color)"
-                }
-              )
-            ]
-          }
-        )
-      ] })
-    }
-  );
-};
-exports.LinearGradient = LinearGradient;

package/dist/cjs/components/bezier-curve-editor/src/constants.cjs

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const BEZIER_CURVE_EDITOR_DEFAULTS = {
-  size: 192,
-  handleSize: 8,
-  outerAreaSize: 48,
-  strokeWidth: 2,
-  duration: 2,
-  delay: 0,
-  disabledPoints: [false, false],
-  defaultValue: [0.4, 0, 1, 0.6]
-};
-const PRESET_EASINGS = [
-  { name: "easeInSine", value: [0.12, 0, 0.39, 0] },
-  { name: "easeOutSine", value: [0.61, 1, 0.88, 1] },
-  { name: "easeInOutSine", value: [0.37, 0, 0.63, 1] },
-  { name: "easeInQuad", value: [0.11, 0, 0.5, 0] },
-  { name: "easeOutQuad", value: [0.5, 1, 0.89, 1] },
-  { name: "easeInOutQuad", value: [0.45, 0, 0.55, 1] },
-  { name: "easeInCubic", value: [0.32, 0, 0.67, 0] },
-  { name: "easeOutCubic", value: [0.33, 1, 0.68, 1] },
-  { name: "easeInOutCubi", value: [0.65, 0, 0.35, 1] },
-  { name: "easeInQuart", value: [0.5, 0, 0.75, 0] },
-  { name: "easeOutQuart", value: [0.25, 1, 0.5, 1] },
-  { name: "easeInOutQuar", value: [0.76, 0, 0.24, 1] },
-  { name: "easeInQuint", value: [0.64, 0, 0.78, 0] },
-  { name: "easeOutQuint", value: [0.22, 1, 0.36, 1] },
-  { name: "easeInOutQuin", value: [0.83, 0, 0.17, 1] },
-  { name: "easeInExpo", value: [0.7, 0, 0.84, 0] },
-  { name: "easeOutExpo", value: [0.16, 1, 0.3, 1] },
-  { name: "easeInOutExpo", value: [0.87, 0, 0.13, 1] },
-  { name: "easeInCirc", value: [0.55, 0, 1, 0.45] },
-  { name: "easeOutCirc", value: [0, 0.55, 0.45, 1] },
-  { name: "easeInOutCirc", value: [0.85, 0, 0.15, 1] },
-  { name: "easeInBack", value: [0.36, 0, 0.66, -0.56] },
-  { name: "easeOutBack", value: [0.34, 1.56, 0.64, 1] },
-  { name: "easeInOutBack", value: [0.68, -0.6, 0.32, 1.6] }
-];
-const PREVIEW_KEYFRAMES = (size) => ({
-  bezierLoop: `@keyframes bezier-preview-loop {from {transform: translateX(0);}to {transform: translateX(${size}px);}}`,
-  offsetLoop: "@keyframes preview-loop {from {offset-distance: 0%}to {offset-distance: 100%}}"
-});
-exports.BEZIER_CURVE_EDITOR_DEFAULTS = BEZIER_CURVE_EDITOR_DEFAULTS;
-exports.PRESET_EASINGS = PRESET_EASINGS;
-exports.PREVIEW_KEYFRAMES = PREVIEW_KEYFRAMES;

package/dist/cjs/components/bezier-curve-editor/src/hooks.cjs

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const usehooksTs = require("usehooks-ts");
-const React = require("react");
-function useHandleState(moveHandle, handleMoveStart) {
-  const startPositionRef = React.useRef({ x: 0, y: 0 });
-  const [movingHandle, setMovingHandle] = React.useState(false);
-  const handlePointerStartMoving = usehooksTs.useEventCallback((event) => {
-    event.preventDefault();
-    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-      return;
-    }
-    const startX = event.clientX;
-    const startY = event.clientY;
-    startPositionRef.current = { x: startX, y: startY };
-    event.currentTarget.setPointerCapture(event.pointerId);
-    setMovingHandle(true);
-    handleMoveStart();
-  });
-  const handlePointerMove = usehooksTs.useEventCallback((event) => {
-    if (movingHandle && event.currentTarget.hasPointerCapture(event.pointerId)) {
-      const x = event.clientX;
-      const y = event.clientY;
-      moveHandle(startPositionRef.current, { x, y });
-    }
-  });
-  const handlePointerLeaveOrUp = React.useCallback((event) => {
-    setMovingHandle(false);
-    try {
-      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-        event.currentTarget.releasePointerCapture(event.pointerId);
-      }
-    } catch (error) {
-      console.warn("Failed to release pointer capture:", error);
-    }
-  }, []);
-  return [movingHandle, { handlePointerLeaveOrUp, handlePointerMove, handlePointerStartMoving }];
-}
-exports.useHandleState = useHandleState;

package/dist/cjs/components/bezier-curve-editor/src/tv.cjs

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tcx = require("../../../shared/utils/tcx/tcx.cjs");
-const BezierCurveEditorTv = tcx.tcv({
-  slots: {
-    base: "isolate flex flex-col p-2",
-    wrappr: "relative",
-    presentation: "absolute inset-y-0",
-    plane: "absolute",
-    planeInner: "fill-none",
-    curveWrapper: "relative overflow-visible",
-    line: [
-      "stroke-default-foreground transition-colors",
-      "data-[active=true]:stroke-accent-foreground"
-    ],
-    curve: ["stroke-current transition-colors", "data-[active=true]:stroke-accent-foreground"],
-    rect: "fill-transparent",
-    preview: "fill-default-background stroke-default-foreground",
-    handle: [
-      "bg-inverse-background absolute box-content rounded-full select-none",
-      "border-default-background -translate-x-1/2 -translate-y-1/2 border"
-      // "data-[state=start]:bg-accent-background data-[state=end]:bg-danger-background",
-      // "ring-accent-foreground data-[active=true]:ring-3",
-    ]
-  },
-  variants: {
-    fixed: {
-      true: {
-        handle: "pointer-events-none"
-      },
-      false: {
-        handle: "active:bg-accent-background"
-      }
-    }
-  },
-  defaultVariants: {
-    fixed: false
-  }
-});
-exports.BezierCurveEditorTv = BezierCurveEditorTv;