@genfeedai/workflow-ui 0.1.3 → 0.1.4

package/dist/chunk-3SPPKCWR.js

@@ -1,458 +0,0 @@
-'use strict';
-
-var chunk5HJFQVUR_js = require('./chunk-5HJFQVUR.js');
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var lucideReact = require('lucide-react');
-var jsxRuntime = require('react/jsx-runtime');
-var SelectPrimitive = require('@radix-ui/react-select');
-var React = require('react');
-var SliderPrimitive = require('@radix-ui/react-slider');
-var LabelPrimitive = require('@radix-ui/react-label');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-
-function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CheckboxPrimitive__namespace.Root,
-    {
-      "data-slot": "checkbox",
-      className: chunk5HJFQVUR_js.cn(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        CheckboxPrimitive__namespace.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
-function Select({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", ...props });
-}
-function SelectGroup({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Group, { "data-slot": "select-group", ...props });
-}
-function SelectValue({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    SelectPrimitive__namespace.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: chunk5HJFQVUR_js.cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "item-aligned",
-  align = "center",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    SelectPrimitive__namespace.Content,
-    {
-      "data-slot": "select-content",
-      className: chunk5HJFQVUR_js.cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      align,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          SelectPrimitive__namespace.Viewport,
-          {
-            className: chunk5HJFQVUR_js.cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.Label,
-    {
-      "data-slot": "select-label",
-      className: chunk5HJFQVUR_js.cn("text-muted-foreground px-2 py-1.5 text-xs", className),
-      ...props
-    }
-  );
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    SelectPrimitive__namespace.Item,
-    {
-      "data-slot": "select-item",
-      className: chunk5HJFQVUR_js.cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            "data-slot": "select-item-indicator",
-            className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.Separator,
-    {
-      "data-slot": "select-separator",
-      className: chunk5HJFQVUR_js.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: chunk5HJFQVUR_js.cn("flex cursor-default items-center justify-center py-1", className),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: chunk5HJFQVUR_js.cn("flex cursor-default items-center justify-center py-1", className),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-function Slider({
-  className,
-  defaultValue,
-  value,
-  min = 0,
-  max = 100,
-  ...props
-}) {
-  const _values = React__namespace.useMemo(
-    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
-    [value, defaultValue, min, max]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    SliderPrimitive__namespace.Root,
-    {
-      "data-slot": "slider",
-      defaultValue,
-      value,
-      min,
-      max,
-      className: chunk5HJFQVUR_js.cn(
-        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          SliderPrimitive__namespace.Track,
-          {
-            "data-slot": "slider-track",
-            className: chunk5HJFQVUR_js.cn(
-              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              SliderPrimitive__namespace.Range,
-              {
-                "data-slot": "slider-range",
-                className: chunk5HJFQVUR_js.cn(
-                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-                )
-              }
-            )
-          }
-        ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          SliderPrimitive__namespace.Thumb,
-          {
-            "data-slot": "slider-thumb",
-            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
-          },
-          index
-        ))
-      ]
-    }
-  );
-}
-function Label2({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    LabelPrimitive__namespace.Root,
-    {
-      "data-slot": "label",
-      className: chunk5HJFQVUR_js.cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: chunk5HJFQVUR_js.cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var GRID_POSITIONS = [
-  { x: 0, y: 0 },
-  { x: 0.5, y: 0 },
-  { x: 1, y: 0 },
-  { x: 0, y: 0.5 },
-  { x: 0.5, y: 0.5 },
-  { x: 1, y: 0.5 },
-  { x: 0, y: 1 },
-  { x: 0.5, y: 1 },
-  { x: 1, y: 1 }
-];
-var X_LABELS = { 0: "left", 0.5: "center", 1: "right" };
-var Y_LABELS = { 0: "top", 0.5: "middle", 1: "bottom" };
-function getPositionTitle(pos) {
-  return `Position: ${X_LABELS[pos.x] ?? "center"}, ${Y_LABELS[pos.y] ?? "middle"}`;
-}
-function GridPositionSelectorComponent({
-  position,
-  onPositionChange,
-  className
-}) {
-  const isSelected = React.useCallback(
-    (pos) => Math.abs(pos.x - position.x) < 0.01 && Math.abs(pos.y - position.y) < 0.01,
-    [position]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5HJFQVUR_js.cn("space-y-1.5", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-muted-foreground", children: "Content Position" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-1 p-2 bg-background border border-input rounded-md", children: GRID_POSITIONS.map((pos, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onPositionChange(pos),
-        className: chunk5HJFQVUR_js.cn(
-          "w-5 h-5 rounded-sm border transition-all",
-          isSelected(pos) ? "bg-primary border-primary" : "bg-secondary border-input hover:border-primary"
-        ),
-        title: getPositionTitle(pos)
-      },
-      idx
-    )) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: "Where original content appears in the new frame" })
-  ] });
-}
-var GridPositionSelector = React.memo(GridPositionSelectorComponent);
-function ComparisonSliderComponent({
-  beforeSrc,
-  afterSrc,
-  beforeLabel = "Before",
-  afterLabel = "After",
-  position,
-  onPositionChange,
-  height = 128,
-  className
-}) {
-  const containerRef = React.useRef(null);
-  const [isDragging, setIsDragging] = React.useState(false);
-  const handleMove = React.useCallback(
-    (clientX) => {
-      if (!containerRef.current) return;
-      const rect = containerRef.current.getBoundingClientRect();
-      const x = clientX - rect.left;
-      const newPosition = Math.max(0, Math.min(100, x / rect.width * 100));
-      onPositionChange(newPosition);
-    },
-    [onPositionChange]
-  );
-  const handleMouseDown = React.useCallback(
-    (e) => {
-      e.preventDefault();
-      setIsDragging(true);
-      handleMove(e.clientX);
-    },
-    [handleMove]
-  );
-  const handleMouseMove = React.useCallback(
-    (e) => {
-      if (!isDragging) return;
-      handleMove(e.clientX);
-    },
-    [isDragging, handleMove]
-  );
-  const handleMouseUp = React.useCallback(() => {
-    setIsDragging(false);
-  }, []);
-  const handleTouchStart = React.useCallback(
-    (e) => {
-      setIsDragging(true);
-      handleMove(e.touches[0].clientX);
-    },
-    [handleMove]
-  );
-  const handleTouchMove = React.useCallback(
-    (e) => {
-      if (!isDragging) return;
-      handleMove(e.touches[0].clientX);
-    },
-    [isDragging, handleMove]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: chunk5HJFQVUR_js.cn("relative overflow-hidden rounded-md cursor-ew-resize select-none", className),
-      style: { height },
-      onMouseDown: handleMouseDown,
-      onMouseMove: handleMouseMove,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp,
-      onTouchStart: handleTouchStart,
-      onTouchMove: handleTouchMove,
-      onTouchEnd: handleMouseUp,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: afterSrc,
-            alt: afterLabel,
-            className: "absolute inset-0 w-full h-full object-cover pointer-events-none",
-            draggable: false
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "absolute inset-0 overflow-hidden pointer-events-none",
-            style: { width: `${position}%` },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: beforeSrc,
-                alt: beforeLabel,
-                className: "absolute inset-0 h-full object-cover",
-                style: { width: containerRef.current?.offsetWidth ?? "100%" },
-                draggable: false
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "absolute top-0 bottom-0 w-0.5 bg-white shadow-lg pointer-events-none",
-            style: { left: `${position}%`, transform: "translateX(-50%)" },
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-6 h-6 bg-white rounded-full shadow-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", className: "w-3 h-3 text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M8 5v14l-7-7 7-7m8 0v14l7-7-7-7" }) }) })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1.5 left-1.5 px-1 py-0.5 bg-black/60 rounded text-[9px] text-white font-medium pointer-events-none", children: beforeLabel }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1.5 right-1.5 px-1 py-0.5 bg-black/60 rounded text-[9px] text-white font-medium pointer-events-none", children: afterLabel })
-      ]
-    }
-  );
-}
-var ComparisonSlider = React.memo(ComparisonSliderComponent);
-
-exports.Checkbox = Checkbox;
-exports.ComparisonSlider = ComparisonSlider;
-exports.GridPositionSelector = GridPositionSelector;
-exports.Input = Input;
-exports.Label = Label2;
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectGroup = SelectGroup;
-exports.SelectItem = SelectItem;
-exports.SelectLabel = SelectLabel;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-exports.SelectScrollUpButton = SelectScrollUpButton;
-exports.SelectSeparator = SelectSeparator;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectValue = SelectValue;
-exports.Slider = Slider;