@expcat/tigercat-react 0.4.3 → 1.0.0

package/dist/chunk-CHH7DWIO.js

@@ -0,0 +1,121 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Mentions.tsx
+var Mentions = ({
+  value = "",
+  prefix: triggerPrefix = "@",
+  options = [],
+  placeholder,
+  disabled = false,
+  size = "md",
+  rows = 3,
+  onChange,
+  onSelect,
+  className
+}) => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [activeIndex, setActiveIndex] = react.useState(0);
+  const [query, setQuery] = react.useState("");
+  const mentionStartRef = react.useRef(-1);
+  const textareaRef = react.useRef(null);
+  const containerRef = react.useRef(null);
+  const filteredOptions = react.useMemo(() => {
+    if (!query) return options;
+    const q = query.toLowerCase();
+    return options.filter((o) => !o.disabled && o.label.toLowerCase().includes(q));
+  }, [options, query]);
+  const handleInput = react.useCallback(
+    (e) => {
+      const newValue = e.target.value;
+      onChange?.(newValue);
+      const cursorPos = e.target.selectionStart ?? newValue.length;
+      const result = tigercatCore.extractMentionQuery(newValue, cursorPos, triggerPrefix);
+      if (result && options.length > 0) {
+        setQuery(result.query);
+        mentionStartRef.current = result.startPos;
+        setIsOpen(true);
+        setActiveIndex(0);
+      } else {
+        setIsOpen(false);
+      }
+    },
+    [onChange, triggerPrefix, options.length]
+  );
+  const selectOption = react.useCallback(
+    (option) => {
+      if (option.disabled) return;
+      const before = value.slice(0, mentionStartRef.current);
+      const cursorPos = textareaRef.current?.selectionStart ?? value.length;
+      const after = value.slice(cursorPos);
+      const newValue = `${before}${triggerPrefix}${option.value} ${after}`;
+      onChange?.(newValue);
+      onSelect?.(option);
+      setIsOpen(false);
+    },
+    [value, triggerPrefix, onChange, onSelect]
+  );
+  const handleKeydown = react.useCallback(
+    (e) => {
+      if (!isOpen) return;
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIndex((prev) => (prev + 1) % filteredOptions.length);
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIndex((prev) => (prev - 1 + filteredOptions.length) % filteredOptions.length);
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        const opt = filteredOptions[activeIndex];
+        if (opt) selectOption(opt);
+      } else if (e.key === "Escape") {
+        setIsOpen(false);
+      }
+    },
+    [isOpen, filteredOptions, activeIndex, selectOption]
+  );
+  react.useEffect(() => {
+    if (!isOpen) return;
+    const handler = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [isOpen]);
+  const wrapperClass = tigercatCore.classNames("relative", className);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: wrapperClass, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        ref: textareaRef,
+        value,
+        className: tigercatCore.getMentionsInputClasses(size, disabled),
+        placeholder,
+        disabled,
+        rows,
+        onChange: handleInput,
+        onKeyDown: handleKeydown
+      }
+    ),
+    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: tigercatCore.getMentionsOptionClasses(i === activeIndex, !!opt.disabled),
+        role: "option",
+        "aria-selected": i === activeIndex,
+        onClick: () => selectOption(opt),
+        children: opt.label
+      },
+      opt.value
+    )) })
+  ] });
+};
+var Mentions_default = Mentions;
+
+exports.Mentions = Mentions;
+exports.Mentions_default = Mentions_default;

package/dist/{chunk-3T7L3MHX.js → chunk-CKFE2B36.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkZYPEO2KY_js = require('./chunk-ZYPEO2KY.js');
-var chunkF24IF2QL_js = require('./chunk-F24IF2QL.js');
+var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var tigercatCore = require('@expcat/tigercat-core');
@@ -12,8 +12,9 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var Modal = ({
-  visible = false,
+  open = false,
   size = "md",
+  width,
   title,
   titleContent,
   closable = true,
@@ -25,7 +26,7 @@ var Modal = ({
   className,
   children,
   footer,
-  onVisibleChange,
+  onOpenChange,
   onClose,
   onCancel,
   onOk,
@@ -35,29 +36,54 @@ var Modal = ({
   cancelText,
   locale,
   style,
+  draggable: isDraggable = false,
   ...rest
 }) => {
-  const [hasBeenOpened, setHasBeenOpened] = React__default.default.useState(visible);
+  const [hasBeenOpened, setHasBeenOpened] = React__default.default.useState(open);
+  const [dragOffset, setDragOffset] = React__default.default.useState({ x: 0, y: 0 });
   React.useEffect(() => {
-    if (visible) {
+    if (open) {
       setHasBeenOpened(true);
+    } else {
+      setDragOffset({ x: 0, y: 0 });
     }
-  }, [visible]);
+  }, [open]);
+  const handleDragMouseDown = React.useCallback(
+    (e) => {
+      if (!isDraggable) return;
+      const startX = e.clientX;
+      const startY = e.clientY;
+      let offsetX = dragOffset.x;
+      let offsetY = dragOffset.y;
+      const onMouseMove = (ev) => {
+        offsetX = dragOffset.x + (ev.clientX - startX);
+        offsetY = dragOffset.y + (ev.clientY - startY);
+        setDragOffset({ x: offsetX, y: offsetY });
+      };
+      const onMouseUp = () => {
+        document.removeEventListener("mousemove", onMouseMove);
+        document.removeEventListener("mouseup", onMouseUp);
+      };
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    },
+    [isDraggable, dragOffset]
+  );
   React.useEffect(() => {
-    onVisibleChange?.(visible);
-    if (!visible && onClose) {
+    onOpenChange?.(open);
+    if (!open && onClose) {
       onClose();
     }
-  }, [visible, onVisibleChange, onClose]);
-  const shouldRender = destroyOnClose ? visible : hasBeenOpened;
+  }, [open, onOpenChange, onClose]);
+  const shouldRender = destroyOnClose ? open : hasBeenOpened;
   const handleClose = React.useCallback(() => {
     onCancel?.();
-    onVisibleChange?.(false);
-  }, [onCancel, onVisibleChange]);
+    onOpenChange?.(false);
+  }, [onCancel, onOpenChange]);
   const handleOk = React.useCallback(() => {
     onOk?.();
-    onVisibleChange?.(false);
-  }, [onOk, onVisibleChange]);
+    onOpenChange?.(false);
+  }, [onOk, onOpenChange]);
   const handleMaskClick = React.useCallback(
     (event) => {
       if (maskClosable && event.target === event.currentTarget) {
@@ -100,7 +126,7 @@ var Modal = ({
   const closeButtonRef = React.useRef(null);
   const previousActiveElementRef = React.useRef(null);
   React.useEffect(() => {
-    if (visible) {
+    if (open) {
       previousActiveElementRef.current = tigercatCore.captureActiveElement();
       const timer = setTimeout(() => {
         tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
@@ -108,8 +134,8 @@ var Modal = ({
       return () => clearTimeout(timer);
     }
     tigercatCore.restoreFocus(previousActiveElementRef.current);
-  }, [visible]);
-  chunkZYPEO2KY_js.useEscapeKey({ enabled: visible, onEscape: handleClose });
+  }, [open]);
+  chunkZYPEO2KY_js.useEscapeKey({ enabled: open, onEscape: handleClose });
   const handleKeyDown = React.useCallback((event) => {
     if (event.key === "Tab" && dialogRef.current) {
       const focusables = tigercatCore.getFocusableElements(dialogRef.current);
@@ -145,16 +171,16 @@ var Modal = ({
   const modalContent = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: tigercatCore.classNames(tigercatCore.modalWrapperClasses, !visible && "pointer-events-none"),
+      className: tigercatCore.classNames(tigercatCore.modalWrapperClasses, !open && "pointer-events-none"),
       style: { zIndex },
-      hidden: !visible,
-      "aria-hidden": !visible ? "true" : void 0,
+      hidden: !open,
+      "aria-hidden": !open ? "true" : void 0,
       "data-tiger-modal-root": "",
       children: [
         mask && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: tigercatCore.classNames(tigercatCore.modalMaskClasses, visible ? "opacity-100" : "opacity-0"),
+            className: tigercatCore.classNames(tigercatCore.modalMaskClasses, open ? "opacity-100" : "opacity-0"),
             "aria-hidden": "true",
             "data-tiger-modal-mask": ""
           }
@@ -163,7 +189,11 @@ var Modal = ({
           "div",
           {
             className: contentClasses,
-            style,
+            style: {
+              ...style,
+              ...width ? { width: typeof width === "number" ? `${width}px` : width, maxWidth: "100%" } : void 0,
+              ...isDraggable && (dragOffset.x !== 0 || dragOffset.y !== 0) ? { transform: `translate(${dragOffset.x}px, ${dragOffset.y}px)` } : void 0
+            },
             ...dialogDivProps,
             role: "dialog",
             "aria-modal": "true",
@@ -173,24 +203,32 @@ var Modal = ({
             onKeyDown: handleKeyDown,
             "data-tiger-modal": "",
             children: [
-              (title || titleContent || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.modalHeaderClasses, children: [
-                (title || titleContent) && /* @__PURE__ */ jsxRuntime.jsx("h3", { id: titleId, className: tigercatCore.modalTitleClasses, children: titleContent || title }),
-                closable && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: tigercatCore.modalCloseButtonClasses,
-                    onClick: handleClose,
-                    "aria-label": resolvedCloseAriaLabel,
-                    ref: closeButtonRef,
-                    children: CloseIcon
-                  }
-                )
-              ] }),
+              (title || titleContent || closable) && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: tigercatCore.modalHeaderClasses,
+                  onMouseDown: isDraggable ? handleDragMouseDown : void 0,
+                  style: isDraggable ? { cursor: "grab", userSelect: "none" } : void 0,
+                  children: [
+                    (title || titleContent) && /* @__PURE__ */ jsxRuntime.jsx("h3", { id: titleId, className: tigercatCore.modalTitleClasses, children: titleContent || title }),
+                    closable && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: tigercatCore.modalCloseButtonClasses,
+                        onClick: handleClose,
+                        "aria-label": resolvedCloseAriaLabel,
+                        ref: closeButtonRef,
+                        children: CloseIcon
+                      }
+                    )
+                  ]
+                }
+              ),
               children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.modalBodyClasses, children }),
               footer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.modalFooterClasses, "data-tiger-modal-footer": "", children: footer }) : showDefaultFooter ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.modalFooterClasses, "data-tiger-modal-footer": "", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { onClick: handleOk, children: resolvedOkText })
+                /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { onClick: handleOk, children: resolvedOkText })
               ] }) : null
             ]
           }

package/dist/{chunk-QNRAM3CM.js → chunk-CMGI5WHZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkHB2UYJBY_js = require('./chunk-HB2UYJBY.js');
+var chunkRYW4CV7U_js = require('./chunk-RYW4CV7U.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -13,7 +13,7 @@ var DropdownItem = ({
   children,
   ...buttonProps
 }) => {
-  const context = react.useContext(chunkHB2UYJBY_js.DropdownContext);
+  const context = react.useContext(chunkRYW4CV7U_js.DropdownContext);
   const handleClick = (event) => {
     if (disabled) {
       event.preventDefault();
@@ -31,6 +31,7 @@ var DropdownItem = ({
       type: "button",
       className: itemClasses,
       role: "menuitem",
+      tabIndex: -1,
       "aria-disabled": disabled,
       disabled,
       onClick: handleClick,

package/dist/chunk-CQGAZ5JQ.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/VirtualList.tsx
+var VirtualList = ({
+  itemCount = 0,
+  itemHeight = 40,
+  height = 400,
+  overscan = 5,
+  className,
+  renderItem,
+  onScroll
+}) => {
+  const [scrollTop, setScrollTop] = react.useState(0);
+  const containerRef = react.useRef(null);
+  const range = react.useMemo(
+    () => tigercatCore.getFixedVirtualRange(scrollTop, height, itemHeight, itemCount, overscan),
+    [scrollTop, height, itemHeight, itemCount, overscan]
+  );
+  const handleScroll = react.useCallback(() => {
+    if (containerRef.current) {
+      const st = containerRef.current.scrollTop;
+      setScrollTop(st);
+      onScroll?.(st);
+    }
+  }, [onScroll]);
+  const { startIndex, endIndex, offsetTop, totalHeight } = range;
+  const items = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    items.push(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: `${itemHeight}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: tigercatCore.classNames(tigercatCore.virtualListContainerClasses, className),
+      style: { height: `${height}px` },
+      onScroll: handleScroll,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.virtualListInnerClasses, style: { height: `${totalHeight}px` }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            transform: `translateY(${offsetTop}px)`,
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%"
+          },
+          children: items
+        }
+      ) })
+    }
+  );
+};
+
+exports.VirtualList = VirtualList;

package/dist/chunk-CRSMECWE.mjs

@@ -0,0 +1,33 @@
+import React, { useContext, useMemo, useEffect } from 'react';
+import { mergeTigerLocale, ThemeManager } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/ConfigProvider.tsx
+var TigerConfigContext = React.createContext({});
+var ConfigProvider = ({
+  locale,
+  theme,
+  colorScheme,
+  children
+}) => {
+  const parent = useContext(TigerConfigContext);
+  const value = useMemo(() => {
+    return {
+      locale: mergeTigerLocale(parent.locale, locale),
+      theme: theme ?? parent.theme,
+      colorScheme: colorScheme ?? parent.colorScheme
+    };
+  }, [parent.locale, locale, theme, parent.theme, colorScheme, parent.colorScheme]);
+  useEffect(() => {
+    if (value.theme) ThemeManager.setTheme(value.theme);
+  }, [value.theme]);
+  useEffect(() => {
+    if (value.colorScheme) ThemeManager.setColorScheme(value.colorScheme);
+  }, [value.colorScheme]);
+  return /* @__PURE__ */ jsx(TigerConfigContext.Provider, { value, children });
+};
+function useTigerConfig() {
+  return useContext(TigerConfigContext);
+}
+
+export { ConfigProvider, useTigerConfig };

package/dist/{chunk-KAWE5LQZ.js → chunk-D6BHFGTN.js}

@@ -47,6 +47,7 @@ var DatePicker = (props) => {
     onChange: _onChange,
     onClear: _onClear,
     className: _className,
+    shortcuts: _shortcuts,
     ...rest
   }) => rest)(props);
   const [isOpen, setIsOpen] = react.useState(false);
@@ -269,6 +270,24 @@ var DatePicker = (props) => {
   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) {
@@ -469,6 +488,16 @@ var DatePicker = (props) => {
               }
             );
           })(),
+          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(

package/dist/chunk-DAR2BMMV.js

@@ -0,0 +1,150 @@
+'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;

package/dist/{chunk-OCVQ3LOT.mjs → chunk-DKT2EYVM.mjs}

@@ -1,7 +1,7 @@
-import { createContext, useContext, useState } from 'react';
+import { useControlledState } from './chunk-UQMPEMY7.mjs';
+import { createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-// src/components/CheckboxGroup.tsx
 var CheckboxGroupContextProvider = createContext(null);
 var useCheckboxGroup = () => {
   return useContext(CheckboxGroupContextProvider);
@@ -16,9 +16,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [internalValue, setInternalValue] = useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internalValue;
+  const [value, setInternalValue, isControlled] = useControlledState(controlledValue, defaultValue);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];