@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-HU7AMIOC.js

@@ -0,0 +1,317 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+
+
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Modal.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Modal = ({
+  open = false,
+  size = "md",
+  width,
+  title,
+  titleContent,
+  closable = true,
+  mask = true,
+  maskClosable = true,
+  centered = false,
+  mobileSheet = false,
+  destroyOnClose = false,
+  zIndex = 1e3,
+  className,
+  children,
+  footer,
+  onOpenChange,
+  onClose,
+  onCancel,
+  onOk,
+  closeAriaLabel,
+  showDefaultFooter = false,
+  okText,
+  cancelText,
+  locale,
+  style,
+  draggable: isDraggable = false,
+  ...rest
+}) => {
+  const [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
+  const [dragOffset, setDragOffset] = _react2.default.useState({ x: 0, y: 0 });
+  _react.useEffect.call(void 0, () => {
+    if (open) {
+      setHasBeenOpened(true);
+    } else {
+      setDragOffset({ x: 0, y: 0 });
+    }
+  }, [open]);
+  const handleDragMouseDown = _react.useCallback.call(void 0, 
+    (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.call(void 0, () => {
+    _optionalChain([onOpenChange, 'optionalCall', _ => _(open)]);
+    if (!open && onClose) {
+      onClose();
+    }
+  }, [open, onOpenChange, onClose]);
+  const shouldRender = destroyOnClose ? open : hasBeenOpened;
+  const handleClose = _react.useCallback.call(void 0, () => {
+    _optionalChain([onCancel, 'optionalCall', _2 => _2()]);
+    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
+  }, [onCancel, onOpenChange]);
+  const handleOk = _react.useCallback.call(void 0, () => {
+    _optionalChain([onOk, 'optionalCall', _4 => _4()]);
+    _optionalChain([onOpenChange, 'optionalCall', _5 => _5(false)]);
+  }, [onOk, onOpenChange]);
+  const handleMaskClick = _react.useCallback.call(void 0, 
+    (event) => {
+      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, maskClosable)) {
+        handleClose();
+      }
+    },
+    [maskClosable, handleClose]
+  );
+  const contentClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getModalContentClasses.call(void 0, size, className, mobileSheet),
+    [size, className, mobileSheet]
+  );
+  const containerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getModalContainerClasses.call(void 0, centered), [centered]);
+  const resolvedCloseAriaLabel = _tigercatcore.resolveLocaleText.call(void 0, 
+    "Close",
+    closeAriaLabel,
+    _optionalChain([locale, 'optionalAccess', _6 => _6.modal, 'optionalAccess', _7 => _7.closeAriaLabel]),
+    _optionalChain([locale, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.closeText])
+  );
+  const resolvedCancelText = _tigercatcore.resolveLocaleText.call(void 0, 
+    "\u53D6\u6D88",
+    cancelText,
+    _optionalChain([locale, 'optionalAccess', _10 => _10.modal, 'optionalAccess', _11 => _11.cancelText]),
+    _optionalChain([locale, 'optionalAccess', _12 => _12.common, 'optionalAccess', _13 => _13.cancelText])
+  );
+  const resolvedOkText = _tigercatcore.resolveLocaleText.call(void 0, 
+    "\u786E\u5B9A",
+    okText,
+    _optionalChain([locale, 'optionalAccess', _14 => _14.modal, 'optionalAccess', _15 => _15.okText]),
+    _optionalChain([locale, 'optionalAccess', _16 => _16.common, 'optionalAccess', _17 => _17.okText])
+  );
+  const reactId = _react.useId.call(void 0, );
+  const modalId = _react.useMemo.call(void 0, () => `tiger-modal-${reactId}`, [reactId]);
+  const titleId = `${modalId}-title`;
+  const {
+    ["aria-labelledby"]: _ariaLabelledby,
+    role: _role,
+    tabIndex: _tabIndex,
+    ...dialogDivProps
+  } = rest;
+  const ariaLabelledby = _nullishCoalesce(rest["aria-labelledby"], () => ( (title || titleContent ? titleId : void 0)));
+  const dialogRef = _react.useRef.call(void 0, null);
+  const closeButtonRef = _react.useRef.call(void 0, null);
+  const previousActiveElementRef = _react.useRef.call(void 0, null);
+  const touchStartRef = _react.useRef.call(void 0, null);
+  const touchCurrentRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (open) {
+      previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
+      const timer = setTimeout(() => {
+        _tigercatcore.focusFirst.call(void 0, [closeButtonRef.current, dialogRef.current]);
+      }, 0);
+      return () => clearTimeout(timer);
+    }
+    _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
+  }, [open]);
+  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: open, onEscape: handleClose });
+  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: open });
+  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: open, containerRef: dialogRef });
+  const resetTouchGesture = _react.useCallback.call(void 0, () => {
+    touchStartRef.current = null;
+    touchCurrentRef.current = null;
+  }, []);
+  const handleTouchStart = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([dialogDivProps, 'access', _18 => _18.onTouchStart, 'optionalCall', _19 => _19(event)]);
+      if (!open || !mobileSheet) return;
+      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
+      touchStartRef.current = point;
+      touchCurrentRef.current = point;
+    },
+    [dialogDivProps, mobileSheet, open]
+  );
+  const handleTouchMove = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([dialogDivProps, 'access', _20 => _20.onTouchMove, 'optionalCall', _21 => _21(event)]);
+      if (!touchStartRef.current) return;
+      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
+      if (point) {
+        touchCurrentRef.current = point;
+      }
+    },
+    [dialogDivProps]
+  );
+  const handleTouchEnd = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([dialogDivProps, 'access', _22 => _22.onTouchEnd, 'optionalCall', _23 => _23(event)]);
+      const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
+        touchStartRef.current,
+        _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentRef.current)),
+        { minDistance: 48, minVelocity: 0.15 }
+      );
+      resetTouchGesture();
+      if (mobileSheet && _tigercatcore.isModalSheetSwipeCloseGesture.call(void 0, gesture)) {
+        handleClose();
+      }
+    },
+    [dialogDivProps, handleClose, mobileSheet, resetTouchGesture]
+  );
+  const handleTouchCancel = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([dialogDivProps, 'access', _24 => _24.onTouchCancel, 'optionalCall', _25 => _25(event)]);
+      resetTouchGesture();
+    },
+    [dialogDivProps, resetTouchGesture]
+  );
+  const CloseIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className: "h-5 w-5",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: _tigercatcore.closeIconViewBox,
+      stroke: "currentColor",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          strokeLinecap: _tigercatcore.closeIconPathStrokeLinecap,
+          strokeLinejoin: _tigercatcore.closeIconPathStrokeLinejoin,
+          strokeWidth: _tigercatcore.closeIconPathStrokeWidth,
+          d: _tigercatcore.closeIconPathD
+        }
+      )
+    }
+  );
+  if (!shouldRender) {
+    return null;
+  }
+  const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.modalWrapperClasses, !open && "pointer-events-none"),
+      style: { zIndex },
+      hidden: !open,
+      "aria-hidden": !open ? "true" : void 0,
+      "data-tiger-modal-root": "",
+      children: [
+        mask && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _tigercatcore.classNames.call(void 0, _tigercatcore.modalMaskClasses, open ? "opacity-100" : "opacity-0"),
+            "aria-hidden": "true",
+            "data-tiger-modal-mask": ""
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: containerClasses, onClick: handleMaskClick, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: contentClasses,
+            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",
+            "aria-labelledby": ariaLabelledby,
+            tabIndex: -1,
+            ref: dialogRef,
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            onTouchCancel: handleTouchCancel,
+            "data-tiger-modal": "",
+            children: [
+              (title || titleContent || closable) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.modalHeaderClasses,
+                  onMouseDown: isDraggable ? handleDragMouseDown : void 0,
+                  style: isDraggable ? { cursor: "grab", userSelect: "none" } : void 0,
+                  children: [
+                    (title || titleContent) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { id: titleId, className: _tigercatcore.modalTitleClasses, children: titleContent || title }),
+                    closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "button",
+                      {
+                        type: "button",
+                        className: _tigercatcore.modalCloseButtonClasses,
+                        onClick: handleClose,
+                        "aria-label": resolvedCloseAriaLabel,
+                        ref: closeButtonRef,
+                        children: CloseIcon
+                      }
+                    )
+                  ]
+                }
+              ),
+              children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.modalBodyClasses, children }),
+              footer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "", children: footer }) : showDefaultFooter ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { onClick: handleOk, children: resolvedOkText })
+              ] }) : null
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, modalContent);
+};
+
+
+
+exports.Modal = Modal;

package/dist/chunk-HUMGEP7S.mjs

@@ -1,7 +1,9 @@
-import { classNames, layoutHeaderClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Header.tsx
+import {
+  classNames,
+  layoutHeaderClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Header = ({
   className,
   height = "64px",
@@ -14,4 +16,6 @@ var Header = ({
   return /* @__PURE__ */ jsx("header", { className: headerClasses, style: headerStyle, ...props, children });
 };
 
-export { Header };
+export {
+  Header
+};

package/dist/{chunk-BJ2GUKPU.mjs → chunk-HWG4HNQH.mjs}

@@ -1,10 +1,41 @@
-import { useEscapeKey } from './chunk-WLIFEALE.mjs';
-import { Button } from './chunk-3KMKMAE3.mjs';
-import React, { useEffect, useCallback, useMemo, useId, useRef } from 'react';
-import { createPortal } from 'react-dom';
-import { getModalContentClasses, getModalContainerClasses, resolveLocaleText, captureActiveElement, focusFirst, restoreFocus, getFocusableElements, getFocusTrapNavigation, classNames, modalMaskClasses, modalHeaderClasses, modalTitleClasses, modalCloseButtonClasses, modalBodyClasses, modalFooterClasses, modalWrapperClasses, closeIconViewBox, closeIconPathD, closeIconPathStrokeWidth, closeIconPathStrokeLinejoin, closeIconPathStrokeLinecap } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  Button
+} from "./chunk-GKJNQUTW.mjs";
+import {
+  renderBodyPortal,
+  useBodyScrollLock,
+  useEscapeKey,
+  useFocusTrap
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/Modal.tsx
+import React, { useEffect, useMemo, useCallback, useRef, useId } from "react";
+import {
+  captureActiveElement,
+  classNames,
+  focusFirst,
+  closeIconViewBox,
+  closeIconPathD,
+  closeIconPathStrokeLinecap,
+  closeIconPathStrokeLinejoin,
+  closeIconPathStrokeWidth,
+  getModalContentClasses,
+  getGestureTouchPoint,
+  isModalSheetSwipeCloseGesture,
+  resolveLocaleText,
+  modalWrapperClasses,
+  modalMaskClasses,
+  getModalContainerClasses,
+  modalHeaderClasses,
+  modalTitleClasses,
+  modalCloseButtonClasses,
+  modalBodyClasses,
+  modalFooterClasses,
+  restoreFocus,
+  shouldCloseOnMaskClick,
+  resolveSwipeGesture
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Modal = ({
   open = false,
   size = "md",
@@ -15,6 +46,7 @@ var Modal = ({
   mask = true,
   maskClosable = true,
   centered = false,
+  mobileSheet = false,
   destroyOnClose = false,
   zIndex = 1e3,
   className,
@@ -80,13 +112,16 @@ var Modal = ({
   }, [onOk, onOpenChange]);
   const handleMaskClick = useCallback(
     (event) => {
-      if (maskClosable && event.target === event.currentTarget) {
+      if (shouldCloseOnMaskClick(event, maskClosable)) {
         handleClose();
       }
     },
     [maskClosable, handleClose]
   );
-  const contentClasses = useMemo(() => getModalContentClasses(size, className), [size, className]);
+  const contentClasses = useMemo(
+    () => getModalContentClasses(size, className, mobileSheet),
+    [size, className, mobileSheet]
+  );
   const containerClasses = useMemo(() => getModalContainerClasses(centered), [centered]);
   const resolvedCloseAriaLabel = resolveLocaleText(
     "Close",
@@ -119,6 +154,8 @@ var Modal = ({
   const dialogRef = useRef(null);
   const closeButtonRef = useRef(null);
   const previousActiveElementRef = useRef(null);
+  const touchStartRef = useRef(null);
+  const touchCurrentRef = useRef(null);
   useEffect(() => {
     if (open) {
       previousActiveElementRef.current = captureActiveElement();
@@ -130,16 +167,55 @@ var Modal = ({
     restoreFocus(previousActiveElementRef.current);
   }, [open]);
   useEscapeKey({ enabled: open, onEscape: handleClose });
-  const handleKeyDown = useCallback((event) => {
-    if (event.key === "Tab" && dialogRef.current) {
-      const focusables = getFocusableElements(dialogRef.current);
-      const result = getFocusTrapNavigation(event.nativeEvent, focusables, document.activeElement);
-      if (result.shouldHandle && result.next) {
-        event.preventDefault();
-        result.next.focus();
-      }
-    }
+  useBodyScrollLock({ enabled: open });
+  useFocusTrap({ enabled: open, containerRef: dialogRef });
+  const resetTouchGesture = useCallback(() => {
+    touchStartRef.current = null;
+    touchCurrentRef.current = null;
   }, []);
+  const handleTouchStart = useCallback(
+    (event) => {
+      dialogDivProps.onTouchStart?.(event);
+      if (!open || !mobileSheet) return;
+      const point = getGestureTouchPoint(event.touches);
+      touchStartRef.current = point;
+      touchCurrentRef.current = point;
+    },
+    [dialogDivProps, mobileSheet, open]
+  );
+  const handleTouchMove = useCallback(
+    (event) => {
+      dialogDivProps.onTouchMove?.(event);
+      if (!touchStartRef.current) return;
+      const point = getGestureTouchPoint(event.touches);
+      if (point) {
+        touchCurrentRef.current = point;
+      }
+    },
+    [dialogDivProps]
+  );
+  const handleTouchEnd = useCallback(
+    (event) => {
+      dialogDivProps.onTouchEnd?.(event);
+      const gesture = resolveSwipeGesture(
+        touchStartRef.current,
+        getGestureTouchPoint(event.changedTouches) ?? touchCurrentRef.current,
+        { minDistance: 48, minVelocity: 0.15 }
+      );
+      resetTouchGesture();
+      if (mobileSheet && isModalSheetSwipeCloseGesture(gesture)) {
+        handleClose();
+      }
+    },
+    [dialogDivProps, handleClose, mobileSheet, resetTouchGesture]
+  );
+  const handleTouchCancel = useCallback(
+    (event) => {
+      dialogDivProps.onTouchCancel?.(event);
+      resetTouchGesture();
+    },
+    [dialogDivProps, resetTouchGesture]
+  );
   const CloseIcon = /* @__PURE__ */ jsx(
     "svg",
     {
@@ -194,7 +270,10 @@ var Modal = ({
             "aria-labelledby": ariaLabelledby,
             tabIndex: -1,
             ref: dialogRef,
-            onKeyDown: handleKeyDown,
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            onTouchCancel: handleTouchCancel,
             "data-tiger-modal": "",
             children: [
               (title || titleContent || closable) && /* @__PURE__ */ jsxs(
@@ -230,7 +309,9 @@ var Modal = ({
       ]
     }
   );
-  return createPortal(modalContent, document.body);
+  return renderBodyPortal(modalContent);
 };
 
-export { Modal };
+export {
+  Modal
+};

package/dist/chunk-I3CDTF4U.js

@@ -1,13 +1,14 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/InputGroup.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/InputGroup.tsx
-var InputGroupContext = react.createContext(null);
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var InputGroupContext = _react.createContext.call(void 0, null);
 function useInputGroupContext() {
-  return react.useContext(InputGroupContext);
+  return _react.useContext.call(void 0, InputGroupContext);
 }
 var InputGroup = ({
   size = "md",
@@ -16,12 +17,12 @@ var InputGroup = ({
   children,
   ...rest
 }) => {
-  const contextValue = react.useMemo(() => ({ size, compact }), [size, compact]);
-  const groupClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getInputGroupClasses(compact, className)),
+  const contextValue = _react.useMemo.call(void 0, () => ({ size, compact }), [size, compact]);
+  const groupClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getInputGroupClasses.call(void 0, compact, className)),
     [compact, className]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(InputGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: groupClasses, role: "group", children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...rest, className: groupClasses, role: "group", children }) });
 };
 var InputGroupAddon = ({
   addonType: _addonType = "text",
@@ -30,16 +31,18 @@ var InputGroupAddon = ({
   ...rest
 }) => {
   const ctx = useInputGroupContext();
-  const size = ctx?.size ?? "md";
-  const compact = ctx?.compact ?? true;
-  const addonClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getInputGroupAddonClasses(size, compact, className)),
+  const size = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _ => _.size]), () => ( "md"));
+  const compact = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _2 => _2.compact]), () => ( true));
+  const addonClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getInputGroupAddonClasses.call(void 0, size, compact, className)),
     [size, compact, className]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...rest, className: addonClasses, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ...rest, className: addonClasses, children });
 };
 
-exports.InputGroup = InputGroup;
-exports.InputGroupAddon = InputGroupAddon;
-exports.InputGroupContext = InputGroupContext;
-exports.useInputGroupContext = useInputGroupContext;
+
+
+
+
+
+exports.InputGroupContext = InputGroupContext; exports.useInputGroupContext = useInputGroupContext; exports.InputGroup = InputGroup; exports.InputGroupAddon = InputGroupAddon;

package/dist/chunk-IAONLOJN.js

@@ -0,0 +1,88 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk6HELKWFNjs = require('./chunk-6HELKWFN.js');
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Popover.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var createPopoverId = _tigercatcore.createFloatingIdFactory.call(void 0, "popover");
+var Popover = ({
+  open,
+  defaultOpen = false,
+  title,
+  content,
+  trigger = "click",
+  placement = "top",
+  disabled = false,
+  width,
+  offset = 8,
+  className,
+  style,
+  children,
+  titleContent,
+  contentContent,
+  onOpenChange,
+  ...divProps
+}) => {
+  const popoverIdRef = _react.useRef.call(void 0, null);
+  if (!popoverIdRef.current) popoverIdRef.current = createPopoverId();
+  const popoverId = popoverIdRef.current;
+  const titleId = `${popoverId}-title`;
+  const contentId = `${popoverId}-content`;
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunk6HELKWFNjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getPopoverContainerClasses.call(void 0, ), className),
+    [className]
+  );
+  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopoverTriggerClasses.call(void 0, disabled), [disabled]);
+  const contentClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopoverContentClasses.call(void 0, width), [width]);
+  if (!children) return null;
+  const hasTitle = Boolean(title || titleContent);
+  const hasContent = Boolean(content || contentContent);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: triggerRef,
+        className: triggerClasses,
+        "aria-haspopup": "dialog",
+        "aria-disabled": disabled ? "true" : void 0,
+        ...triggerHandlers,
+        children
+      }
+    ),
+    currentVisible && _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          id: popoverId,
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-labelledby": hasTitle ? titleId : void 0,
+          "aria-describedby": hasContent ? contentId : void 0,
+          className: contentClasses,
+          children: [
+            hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: titleId, className: _tigercatcore.POPOVER_TITLE_CLASSES, children: titleContent || title }),
+            hasContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: contentId, className: _tigercatcore.POPOVER_TEXT_CLASSES, children: contentContent || content })
+          ]
+        }
+      ) })
+    )
+  ] });
+};
+
+
+
+exports.Popover = Popover;