@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-D6BHFGTN.js

@@ -1,519 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/DatePicker.tsx
-var Icon = ({ path, className }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className,
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: tigercatCore.icon20ViewBox,
-    fill: "currentColor",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: path, clipRule: "evenodd" })
-  }
-);
-var isRangeDatePicker = (props) => props.range === true;
-var DatePicker = (props) => {
-  const {
-    size = "md",
-    disabled = false,
-    readonly = false,
-    required = false,
-    clearable = true,
-    format = "yyyy-MM-dd"
-  } = props;
-  const isRangeMode = isRangeDatePicker(props);
-  const placeholder = props.placeholder ?? (isRangeMode ? "Select date range" : "Select date");
-  const divProps = (({
-    value: _value,
-    defaultValue: _defaultValue,
-    range: _range,
-    locale: _locale,
-    labels: _labels,
-    size: _size,
-    format: _format,
-    placeholder: _placeholder,
-    disabled: _disabled,
-    readonly: _readonly,
-    required: _required,
-    minDate: _minDate,
-    maxDate: _maxDate,
-    clearable: _clearable,
-    name: _name,
-    id: _id,
-    onChange: _onChange,
-    onClear: _onClear,
-    className: _className,
-    shortcuts: _shortcuts,
-    ...rest
-  }) => rest)(props);
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [activeDateIso, setActiveDateIso] = react.useState(null);
-  const [internalValue, setInternalValue] = react.useState(() => {
-    if (isRangeMode) return null;
-    return tigercatCore.parseDate(props.defaultValue ?? null);
-  });
-  const [internalRangeValue, setInternalRangeValue] = react.useState(() => {
-    if (!isRangeMode) return [null, null];
-    const tuple = props.defaultValue ?? null;
-    if (!tuple) return [null, null];
-    const start = Array.isArray(tuple) ? tigercatCore.parseDate(tuple[0]) : null;
-    const end = Array.isArray(tuple) ? tigercatCore.parseDate(tuple[1]) : null;
-    return [start, end];
-  });
-  const calendarRef = react.useRef(null);
-  const inputWrapperRef = react.useRef(null);
-  const inputRef = react.useRef(null);
-  const pendingFocusIsoRef = react.useRef(null);
-  const restoreFocusRef = react.useRef(null);
-  const isControlled = props.value !== void 0;
-  const selectedDate = (() => {
-    if (isRangeMode) return null;
-    const current = isControlled ? props.value : internalValue;
-    return tigercatCore.parseDate(current ?? null);
-  })();
-  const selectedRange = (() => {
-    if (!isRangeMode) return [null, null];
-    const tuple = isControlled ? props.value : internalRangeValue;
-    if (!tuple) return [null, null];
-    const start = Array.isArray(tuple) ? tigercatCore.parseDate(tuple[0]) : null;
-    const end = Array.isArray(tuple) ? tigercatCore.parseDate(tuple[1]) : null;
-    return [start, end];
-  })();
-  const minDateParsed = react.useMemo(() => tigercatCore.parseDate(props.minDate ?? null), [props.minDate]);
-  const maxDateParsed = react.useMemo(() => tigercatCore.parseDate(props.maxDate ?? null), [props.maxDate]);
-  const [viewingMonth, setViewingMonth] = react.useState(
-    (selectedDate ?? selectedRange[0])?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
-  );
-  const [viewingYear, setViewingYear] = react.useState(
-    (selectedDate ?? selectedRange[0])?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()
-  );
-  const displayValue = (() => {
-    if (!isRangeMode) {
-      return selectedDate ? tigercatCore.formatDate(selectedDate, format) : "";
-    }
-    const [start, end] = selectedRange;
-    const startText = start ? tigercatCore.formatDate(start, format) : "";
-    const endText = end ? tigercatCore.formatDate(end, format) : "";
-    if (!startText && !endText) return "";
-    if (startText && endText) return `${startText} - ${endText}`;
-    return startText ? `${startText} - ` : ` - ${endText}`;
-  })();
-  const showClearButton = (() => {
-    if (!clearable || disabled || readonly) return false;
-    if (!isRangeMode) return selectedDate !== null;
-    return selectedRange[0] !== null || selectedRange[1] !== null;
-  })();
-  const calendarDays = react.useMemo(
-    () => tigercatCore.getCalendarDays(viewingYear, viewingMonth),
-    [viewingYear, viewingMonth]
-  );
-  const dayNames = react.useMemo(() => tigercatCore.getShortDayNames(props.locale), [props.locale]);
-  const labels = react.useMemo(
-    () => tigercatCore.getDatePickerLabels(props.locale, props.labels),
-    [props.locale, props.labels]
-  );
-  const toggleCalendar = () => {
-    if (!disabled && !readonly) {
-      setIsOpen(!isOpen);
-      if (!isOpen) {
-        restoreFocusRef.current = inputRef.current ?? null;
-        const baseDate = selectedDate ?? selectedRange[0];
-        if (baseDate) {
-          setViewingMonth(baseDate.getMonth());
-          setViewingYear(baseDate.getFullYear());
-        }
-      }
-    }
-  };
-  const closeCalendar = () => {
-    setIsOpen(false);
-  };
-  const getFirstEnabledIsoInView = () => {
-    for (const date of calendarDays) {
-      if (!date) continue;
-      const iso = tigercatCore.formatDate(date, "yyyy-MM-dd");
-      const isDisabled = isDateDisabled(date);
-      if (!isDisabled) return iso;
-    }
-    return null;
-  };
-  const getPreferredFocusIso = () => {
-    const focusDate = isRangeMode ? selectedRange[0] ?? selectedRange[1] : selectedDate;
-    if (focusDate) {
-      return tigercatCore.formatDate(focusDate, "yyyy-MM-dd");
-    }
-    const today = tigercatCore.normalizeDate(/* @__PURE__ */ new Date());
-    if (tigercatCore.isDateInRange(today, minDateParsed, maxDateParsed)) {
-      return tigercatCore.formatDate(today, "yyyy-MM-dd");
-    }
-    return getFirstEnabledIsoInView();
-  };
-  const focusDateButtonByIso = (iso) => {
-    const button = calendarRef.current?.querySelector(
-      `button[data-date="${iso}"]`
-    );
-    if (!button || button.disabled) return false;
-    button.focus();
-    setActiveDateIso(iso);
-    return true;
-  };
-  const restoreFocus = () => {
-    const target = restoreFocusRef.current ?? inputRef.current;
-    if (!target) return;
-    if (typeof target.focus === "function") {
-      target.focus();
-    }
-  };
-  const addDays = (date, days) => {
-    const next = new Date(date);
-    next.setDate(next.getDate() + days);
-    return next;
-  };
-  const moveFocus = (deltaDays) => {
-    const activeEl = document.activeElement;
-    const currentIso = activeEl?.getAttribute("data-date") ?? activeDateIso ?? null;
-    const baseIso = currentIso ?? getPreferredFocusIso();
-    if (!baseIso) return;
-    const baseDate = tigercatCore.parseDate(baseIso);
-    if (!baseDate) return;
-    let candidate = addDays(baseDate, deltaDays);
-    for (let attempts = 0; attempts < 42; attempts++) {
-      const iso = tigercatCore.formatDate(candidate, "yyyy-MM-dd");
-      const el = calendarRef.current?.querySelector(
-        `button[data-date="${iso}"]`
-      );
-      if (el && !el.disabled) {
-        el.focus();
-        setActiveDateIso(iso);
-        return;
-      }
-      if (!el) {
-        pendingFocusIsoRef.current = iso;
-        setViewingYear(candidate.getFullYear());
-        setViewingMonth(candidate.getMonth());
-        setActiveDateIso(iso);
-        return;
-      }
-      candidate = addDays(candidate, deltaDays);
-    }
-  };
-  const handleCalendarKeyDown = (event) => {
-    if (!isOpen) return;
-    switch (event.key) {
-      case "Escape": {
-        event.preventDefault();
-        closeCalendar();
-        return;
-      }
-      case "ArrowRight": {
-        event.preventDefault();
-        moveFocus(1);
-        return;
-      }
-      case "ArrowLeft": {
-        event.preventDefault();
-        moveFocus(-1);
-        return;
-      }
-      case "ArrowDown": {
-        event.preventDefault();
-        moveFocus(7);
-        return;
-      }
-      case "ArrowUp": {
-        event.preventDefault();
-        moveFocus(-7);
-        return;
-      }
-      case "Enter":
-      case " ": {
-        const activeEl = document.activeElement;
-        if (activeEl?.tagName === "BUTTON" && activeEl.dataset.date) {
-          event.preventDefault();
-          if (!activeEl.disabled) activeEl.click();
-        }
-        return;
-      }
-    }
-  };
-  const setRangeValue = (next) => {
-    if (!isControlled) {
-      setInternalRangeValue(next);
-    }
-    props.onChange?.(next);
-  };
-  const selectDate = (date) => {
-    if (!date) return;
-    const normalizedDate = tigercatCore.normalizeDate(date);
-    if (!tigercatCore.isDateInRange(normalizedDate, minDateParsed, maxDateParsed)) {
-      return;
-    }
-    if (!isRangeMode) {
-      if (!isControlled) {
-        setInternalValue(normalizedDate);
-      }
-      props.onChange?.(normalizedDate);
-      closeCalendar();
-      return;
-    }
-    const [start, end] = selectedRange;
-    if (!start || start && end) {
-      setRangeValue([normalizedDate, null]);
-      return;
-    }
-    setRangeValue([start, normalizedDate < start ? start : normalizedDate]);
-  };
-  const setToday = () => {
-    selectDate(/* @__PURE__ */ new Date());
-  };
-  const handleShortcut = (shortcut) => {
-    const val = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
-    if (!isRangeMode) {
-      const date = val instanceof Date ? tigercatCore.normalizeDate(val) : val ? tigercatCore.normalizeDate(tigercatCore.parseDate(val)) : null;
-      if (!isControlled) setInternalValue(date);
-      props.onChange?.(date);
-    } else {
-      const range = val;
-      if (range && Array.isArray(range)) {
-        const parsed = [
-          range[0] ? tigercatCore.normalizeDate(range[0] instanceof Date ? range[0] : tigercatCore.parseDate(range[0])) : null,
-          range[1] ? tigercatCore.normalizeDate(range[1] instanceof Date ? range[1] : tigercatCore.parseDate(range[1])) : null
-        ];
-        setRangeValue(parsed);
-      }
-    }
-    closeCalendar();
-  };
-  const clearDate = (event) => {
-    event.stopPropagation();
-    if (!isRangeMode) {
-      if (!isControlled) {
-        setInternalValue(null);
-      }
-      props.onChange?.(null);
-    } else {
-      setRangeValue([null, null]);
-    }
-    props.onClear?.();
-  };
-  const previousMonth = () => {
-    if (viewingMonth === 0) {
-      setViewingMonth(11);
-      setViewingYear(viewingYear - 1);
-    } else {
-      setViewingMonth(viewingMonth - 1);
-    }
-  };
-  const nextMonth = () => {
-    if (viewingMonth === 11) {
-      setViewingMonth(0);
-      setViewingYear(viewingYear + 1);
-    } else {
-      setViewingMonth(viewingMonth + 1);
-    }
-  };
-  const isDateDisabled = (date) => {
-    if (!date) return true;
-    return !tigercatCore.isDateInRange(date, minDateParsed, maxDateParsed);
-  };
-  const isCurrentMonth = (date) => {
-    if (!date) return false;
-    return date.getMonth() === viewingMonth;
-  };
-  react.useEffect(() => {
-    if (isOpen) {
-      const handleClickOutside = (event) => {
-        if (calendarRef.current && inputWrapperRef.current && !calendarRef.current.contains(event.target) && !inputWrapperRef.current.contains(event.target)) {
-          closeCalendar();
-        }
-      };
-      document.addEventListener("click", handleClickOutside);
-      const preferred = pendingFocusIsoRef.current ?? getPreferredFocusIso();
-      pendingFocusIsoRef.current = null;
-      setTimeout(() => {
-        if (preferred && focusDateButtonByIso(preferred)) return;
-        const fallback = getFirstEnabledIsoInView();
-        if (fallback) focusDateButtonByIso(fallback);
-      }, 0);
-      return () => document.removeEventListener("click", handleClickOutside);
-    }
-    setTimeout(() => restoreFocus(), 0);
-  }, [isOpen]);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const pending = pendingFocusIsoRef.current;
-    if (!pending) return;
-    pendingFocusIsoRef.current = null;
-    setTimeout(() => {
-      if (focusDateButtonByIso(pending)) return;
-      const fallback = getFirstEnabledIsoInView();
-      if (fallback) focusDateButtonByIso(fallback);
-    }, 0);
-  }, [isOpen, viewingMonth, viewingYear]);
-  const inputClasses = react.useMemo(
-    () => tigercatCore.getDatePickerInputClasses(size, disabled || readonly),
-    [size, disabled, readonly]
-  );
-  const iconButtonClasses = react.useMemo(() => tigercatCore.getDatePickerIconButtonClasses(size), [size]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(tigercatCore.datePickerBaseClasses, props.className), ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: inputWrapperRef, className: tigercatCore.datePickerInputWrapperClasses, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ref: inputRef,
-          type: "text",
-          className: inputClasses,
-          value: displayValue,
-          placeholder,
-          disabled,
-          readOnly: true,
-          required,
-          name: props.name,
-          id: props.id,
-          onClick: toggleCalendar,
-          "aria-label": placeholder || "Select date"
-        }
-      ),
-      showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: tigercatCore.datePickerClearButtonClasses,
-          onClick: clearDate,
-          "aria-label": labels.clearDate,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: tigercatCore.CloseIconPath, className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: iconButtonClasses,
-          disabled: disabled || readonly,
-          onClick: toggleCalendar,
-          "aria-label": labels.toggleCalendar,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: tigercatCore.CalendarIconPath, className: "w-5 h-5" })
-        }
-      )
-    ] }),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: calendarRef,
-        className: tigercatCore.datePickerCalendarClasses,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": labels.calendar,
-        onKeyDown: handleCalendarKeyDown,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.datePickerCalendarHeaderClasses, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                className: tigercatCore.datePickerNavButtonClasses,
-                onClick: previousMonth,
-                "aria-label": labels.previousMonth,
-                children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: tigercatCore.ChevronLeftIconPath, className: "w-5 h-5" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.datePickerMonthYearClasses, children: tigercatCore.formatMonthYear(viewingYear, viewingMonth, props.locale) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                className: tigercatCore.datePickerNavButtonClasses,
-                onClick: nextMonth,
-                "aria-label": labels.nextMonth,
-                children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: tigercatCore.ChevronRightIconPath, className: "w-5 h-5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.datePickerCalendarGridClasses, role: "row", children: dayNames.map((day) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.datePickerDayNameClasses, role: "columnheader", children: day }, day)) }),
-          (() => {
-            const [rangeStart, rangeEnd] = selectedRange;
-            const normStart = rangeStart ? tigercatCore.normalizeDate(rangeStart) : null;
-            const normEnd = rangeEnd ? tigercatCore.normalizeDate(rangeEnd) : null;
-            const isSelectingEnd = isRangeMode && Boolean(rangeStart) && !rangeEnd;
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: tigercatCore.datePickerCalendarGridClasses,
-                role: "grid",
-                "aria-rowcount": 6,
-                "aria-colcount": 7,
-                children: calendarDays.map((date, index) => {
-                  if (!date) return null;
-                  const normDate = tigercatCore.normalizeDate(date);
-                  const isRangeStart = isRangeMode && rangeStart ? tigercatCore.isSameDay(date, rangeStart) : false;
-                  const isRangeEnd = isRangeMode && rangeEnd ? tigercatCore.isSameDay(date, rangeEnd) : false;
-                  const isInRange = isRangeMode && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
-                  const isSelected = !isRangeMode ? selectedDate ? tigercatCore.isSameDay(date, selectedDate) : false : isRangeStart || isRangeEnd;
-                  const isCurrentMonthDay = isCurrentMonth(date);
-                  const isTodayDay = tigercatCore.isToday(date);
-                  const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
-                  const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
-                  const iso = tigercatCore.formatDate(date, "yyyy-MM-dd");
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: tigercatCore.getDatePickerDayCellClasses(
-                        isCurrentMonthDay,
-                        isSelected,
-                        isTodayDay,
-                        isDisabled,
-                        Boolean(isInRange),
-                        Boolean(isRangeStart),
-                        Boolean(isRangeEnd)
-                      ),
-                      disabled: isDisabled,
-                      onClick: () => selectDate(date),
-                      role: "gridcell",
-                      "data-date": iso,
-                      onFocus: () => setActiveDateIso(iso),
-                      tabIndex: activeDateIso === iso && !isDisabled ? 0 : -1,
-                      "aria-label": iso,
-                      "aria-selected": isSelected,
-                      "aria-current": isTodayDay ? "date" : void 0,
-                      children: date.getDate()
-                    },
-                    index
-                  );
-                })
-              }
-            );
-          })(),
-          props.shortcuts && props.shortcuts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 px-3 py-2 border-t border-[var(--tiger-border,#e5e7eb)]", children: props.shortcuts.map((sc, i) => /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: tigercatCore.datePickerFooterButtonClasses,
-              onClick: () => handleShortcut(sc),
-              children: sc.label
-            },
-            i
-          )) }),
-          isRangeMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.datePickerFooterClasses, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: tigercatCore.datePickerFooterButtonClasses, onClick: setToday, children: labels.today }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                className: tigercatCore.datePickerFooterButtonClasses,
-                onClick: closeCalendar,
-                children: labels.ok
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-
-exports.DatePicker = DatePicker;

package/dist/chunk-DAR2BMMV.js

@@ -1,150 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Resizable.tsx
-var Resizable = ({
-  defaultWidth,
-  defaultHeight,
-  minWidth = 0,
-  minHeight = 0,
-  maxWidth,
-  maxHeight,
-  handles = tigercatCore.defaultResizeHandles,
-  axis = "both",
-  disabled = false,
-  lockAspectRatio = false,
-  className,
-  style,
-  onResizeStart,
-  onResize,
-  onResizeEnd,
-  children
-}) => {
-  const [width, setWidth] = react.useState(defaultWidth);
-  const [height, setHeight] = react.useState(defaultHeight);
-  const [draggingHandle, setDraggingHandle] = react.useState(null);
-  const dragRef = react.useRef(null);
-  const handleMouseDown = react.useCallback(
-    (handle, e) => {
-      if (disabled) return;
-      e.preventDefault();
-      const sw = width ?? 0;
-      const sh = height ?? 0;
-      dragRef.current = {
-        handle,
-        startX: e.clientX,
-        startY: e.clientY,
-        startW: sw,
-        startH: sh
-      };
-      setDraggingHandle(handle);
-      onResizeStart?.({ width: sw, height: sh, handle, deltaX: 0, deltaY: 0 });
-      const onMouseMove = (ev) => {
-        const drag = dragRef.current;
-        if (!drag) return;
-        const mouseDeltaX = ev.clientX - drag.startX;
-        const mouseDeltaY = ev.clientY - drag.startY;
-        const { deltaWidth, deltaHeight } = tigercatCore.calculateResizeDelta(
-          drag.handle,
-          mouseDeltaX,
-          mouseDeltaY,
-          axis
-        );
-        let newW = drag.startW + deltaWidth;
-        let newH = drag.startH + deltaHeight;
-        if (lockAspectRatio) {
-          const ar = tigercatCore.applyAspectRatio(newW, newH, drag.startW, drag.startH);
-          newW = ar.width;
-          newH = ar.height;
-        }
-        const clamped = tigercatCore.clampDimensions(newW, newH, minWidth, minHeight, maxWidth, maxHeight);
-        setWidth(clamped.width);
-        setHeight(clamped.height);
-        onResize?.({
-          width: clamped.width,
-          height: clamped.height,
-          handle: drag.handle,
-          deltaX: clamped.width - drag.startW,
-          deltaY: clamped.height - drag.startH
-        });
-      };
-      const onMouseUp = (ev) => {
-        const drag = dragRef.current;
-        if (drag) {
-          const mouseDeltaX = ev.clientX - drag.startX;
-          const mouseDeltaY = ev.clientY - drag.startY;
-          const { deltaWidth, deltaHeight } = tigercatCore.calculateResizeDelta(
-            drag.handle,
-            mouseDeltaX,
-            mouseDeltaY,
-            axis
-          );
-          let newW = drag.startW + deltaWidth;
-          let newH = drag.startH + deltaHeight;
-          if (lockAspectRatio) {
-            const ar = tigercatCore.applyAspectRatio(newW, newH, drag.startW, drag.startH);
-            newW = ar.width;
-            newH = ar.height;
-          }
-          const clamped = tigercatCore.clampDimensions(newW, newH, minWidth, minHeight, maxWidth, maxHeight);
-          onResizeEnd?.({
-            width: clamped.width,
-            height: clamped.height,
-            handle: drag.handle,
-            deltaX: clamped.width - drag.startW,
-            deltaY: clamped.height - drag.startH
-          });
-        }
-        dragRef.current = null;
-        setDraggingHandle(null);
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-    },
-    [
-      disabled,
-      width,
-      height,
-      axis,
-      lockAspectRatio,
-      minWidth,
-      minHeight,
-      maxWidth,
-      maxHeight,
-      onResizeStart,
-      onResize,
-      onResizeEnd
-    ]
-  );
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.resizableBaseClasses, "group/resizable", className),
-    [className]
-  );
-  const containerStyle = react.useMemo(() => {
-    const s = { ...style };
-    if (width != null) s.width = `${width}px`;
-    if (height != null) s.height = `${height}px`;
-    return s;
-  }, [width, height, style]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClasses, style: containerStyle, "data-resizable": "", children: [
-    children,
-    handles.map((pos) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: tigercatCore.getResizableHandleClasses(pos, draggingHandle === pos, disabled),
-        "data-handle": pos,
-        onMouseDown: (e) => handleMouseDown(pos, e)
-      },
-      pos
-    ))
-  ] });
-};
-var Resizable_default = Resizable;
-
-exports.Resizable = Resizable;
-exports.Resizable_default = Resizable_default;