@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-UXUYCWQC.js

@@ -0,0 +1,290 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/ImageViewer.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+function SvgIcon({ pathD, label }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className: "w-5 h-5",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-label": label,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: pathD })
+    }
+  );
+}
+var ImageViewer = ({
+  images,
+  open = false,
+  currentIndex = 0,
+  zoomable = true,
+  rotatable = true,
+  showNav = true,
+  showCounter = true,
+  maskClosable = true,
+  minZoom = 0.5,
+  maxZoom = 3,
+  className,
+  onOpenChange,
+  onClose,
+  onIndexChange
+}) => {
+  const [index, setIndex] = _react.useState.call(void 0, currentIndex);
+  const [transform, setTransform] = _react.useState.call(void 0, _tigercatcore.createDefaultTransform);
+  const panRef = _react.useRef.call(void 0, _tigercatcore.createPanState.call(void 0, ));
+  const pinchRef = _react.useRef.call(void 0, _tigercatcore.createPinchState.call(void 0, ));
+  _react.useEffect.call(void 0, () => {
+    setIndex(currentIndex);
+  }, [currentIndex]);
+  const resetTransform = _react.useCallback.call(void 0, () => {
+    setTransform(_tigercatcore.createDefaultTransform.call(void 0, ));
+    panRef.current = _tigercatcore.createPanState.call(void 0, );
+    pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
+  }, []);
+  const handleClose = _react.useCallback.call(void 0, () => {
+    _optionalChain([onOpenChange, 'optionalCall', _ => _(false)]);
+    _optionalChain([onClose, 'optionalCall', _2 => _2()]);
+  }, [onOpenChange, onClose]);
+  const handlePrev = _react.useCallback.call(void 0, () => {
+    const newIndex = (index - 1 + images.length) % images.length;
+    setIndex(newIndex);
+    resetTransform();
+    _optionalChain([onIndexChange, 'optionalCall', _3 => _3(newIndex)]);
+  }, [index, images.length, onIndexChange, resetTransform]);
+  const handleNext = _react.useCallback.call(void 0, () => {
+    const newIndex = (index + 1) % images.length;
+    setIndex(newIndex);
+    resetTransform();
+    _optionalChain([onIndexChange, 'optionalCall', _4 => _4(newIndex)]);
+  }, [index, images.length, onIndexChange, resetTransform]);
+  _react.useEffect.call(void 0, () => {
+    if (!open) return;
+    const handler = (e) => {
+      switch (e.key) {
+        case "Escape":
+          handleClose();
+          break;
+        case "ArrowLeft":
+          handlePrev();
+          break;
+        case "ArrowRight":
+          handleNext();
+          break;
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [open, handleClose, handlePrev, handleNext]);
+  const backdropClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerBackdropClasses, className),
+    [className]
+  );
+  if (!open || images.length === 0) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: backdropClasses,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Image viewer",
+      onClick: (e) => {
+        if (maskClosable && e.target === e.currentTarget) handleClose();
+      },
+      children: [
+        showCounter && images.length > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.imageViewerCounterClasses, children: [
+          index + 1,
+          " / ",
+          images.length
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: _tigercatcore.imageViewerCloseBtnClasses,
+            onClick: handleClose,
+            "aria-label": "Close",
+            type: "button",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.close, label: "Close" })
+          }
+        ),
+        showNav && images.length > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "left-4"),
+              onClick: handlePrev,
+              "aria-label": "Previous image",
+              type: "button",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.prev, label: "Previous" })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "right-4"),
+              onClick: handleNext,
+              "aria-label": "Next image",
+              type: "button",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.next, label: "Next" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "img",
+          {
+            className: _tigercatcore.imageViewerImgClasses,
+            src: images[index],
+            alt: `Image ${index + 1}`,
+            style: { transform: _tigercatcore.getImageTransformStyle.call(void 0, transform), touchAction: "none" },
+            draggable: false,
+            onWheel: (e) => {
+              if (!zoomable) return;
+              e.preventDefault();
+              const newScale = _tigercatcore.applyWheelZoom.call(void 0, transform.scale, e.deltaY, { minZoom, maxZoom });
+              setTransform((t) => ({ ...t, scale: newScale }));
+            },
+            onMouseDown: (e) => {
+              if (e.button !== 0) return;
+              e.preventDefault();
+              panRef.current = _tigercatcore.startPan.call(void 0, 
+                e.clientX,
+                e.clientY,
+                transform.translateX,
+                transform.translateY
+              );
+            },
+            onMouseMove: (e) => {
+              if (!panRef.current.isPanning) return;
+              const result = _tigercatcore.movePan.call(void 0, panRef.current, e.clientX, e.clientY);
+              setTransform((t) => ({ ...t, ...result }));
+            },
+            onMouseUp: () => {
+              panRef.current = _tigercatcore.createPanState.call(void 0, );
+            },
+            onMouseLeave: () => {
+              panRef.current = _tigercatcore.createPanState.call(void 0, );
+            },
+            onTouchStart: (e) => {
+              if (e.touches.length === 2 && zoomable) {
+                e.preventDefault();
+                pinchRef.current = _tigercatcore.startPinch.call(void 0, e.touches[0], e.touches[1], transform.scale);
+              } else if (e.touches.length === 1) {
+                panRef.current = _tigercatcore.startPan.call(void 0, 
+                  e.touches[0].clientX,
+                  e.touches[0].clientY,
+                  transform.translateX,
+                  transform.translateY
+                );
+              }
+            },
+            onTouchMove: (e) => {
+              if (e.touches.length === 2 && pinchRef.current.isPinching) {
+                e.preventDefault();
+                const newScale = _tigercatcore.movePinch.call(void 0, 
+                  pinchRef.current,
+                  e.touches[0],
+                  e.touches[1],
+                  minZoom,
+                  maxZoom
+                );
+                setTransform((t) => ({ ...t, scale: newScale }));
+              } else if (e.touches.length === 1 && panRef.current.isPanning) {
+                const result = _tigercatcore.movePan.call(void 0, panRef.current, e.touches[0].clientX, e.touches[0].clientY);
+                setTransform((t) => ({ ...t, ...result }));
+              }
+            },
+            onTouchEnd: () => {
+              pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
+              panRef.current = _tigercatcore.createPanState.call(void 0, );
+            },
+            onTouchCancel: () => {
+              pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
+              panRef.current = _tigercatcore.createPanState.call(void 0, );
+            }
+          }
+        ),
+        (zoomable || rotatable) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.imageViewerToolbarClasses, children: [
+          zoomable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imageViewerToolbarBtnClasses,
+                onClick: () => setTransform((t) => ({
+                  ...t,
+                  scale: _tigercatcore.clampZoom.call(void 0, t.scale - 0.25, minZoom, maxZoom)
+                })),
+                "aria-label": "Zoom out",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomOut, label: "Zoom out" })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imageViewerToolbarBtnClasses,
+                onClick: () => setTransform((t) => ({
+                  ...t,
+                  scale: _tigercatcore.clampZoom.call(void 0, t.scale + 0.25, minZoom, maxZoom)
+                })),
+                "aria-label": "Zoom in",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomIn, label: "Zoom in" })
+              }
+            )
+          ] }),
+          rotatable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imageViewerToolbarBtnClasses,
+                onClick: () => setTransform((t) => ({ ...t, rotation: _tigercatcore.normalizeRotation.call(void 0, t.rotation - 90) })),
+                "aria-label": "Rotate left",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateLeft, label: "Rotate left" })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.imageViewerToolbarBtnClasses,
+                onClick: () => setTransform((t) => ({ ...t, rotation: _tigercatcore.normalizeRotation.call(void 0, t.rotation + 90) })),
+                "aria-label": "Rotate right",
+                type: "button",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateRight, label: "Rotate right" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+
+
+exports.ImageViewer = ImageViewer;

package/dist/chunk-V4JIZN3E.mjs

@@ -1,8 +1,26 @@
-import { useControlledState } from './chunk-UQMPEMY7.mjs';
-import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { isContentEmpty, builtinRichTextEngine, defaultToolbar, findHotkeyMatch, classNames, getRichTextContainerClasses, getEditorAreaClasses, parseHeight, richTextToolbarClasses, isToolbarSeparator, richTextToolbarSeparatorClasses, getToolbarButtonClasses, isInlineFormat, richTextPlaceholderClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useControlledState
+} from "./chunk-UQMPEMY7.mjs";
 
+// src/components/RichTextEditor.tsx
+import { useRef, useState, useCallback, useEffect, useMemo } from "react";
+import {
+  classNames,
+  getRichTextContainerClasses,
+  getToolbarButtonClasses,
+  getEditorAreaClasses,
+  richTextToolbarClasses,
+  richTextToolbarSeparatorClasses,
+  richTextPlaceholderClasses,
+  defaultToolbar,
+  isInlineFormat,
+  findHotkeyMatch,
+  isContentEmpty,
+  parseHeight,
+  builtinRichTextEngine,
+  isToolbarSeparator
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var RichTextEditor = ({
   value,
   defaultValue = "",
@@ -153,4 +171,7 @@ var RichTextEditor = ({
 };
 var RichTextEditor_default = RichTextEditor;
 
-export { RichTextEditor, RichTextEditor_default };
+export {
+  RichTextEditor,
+  RichTextEditor_default
+};

package/dist/chunk-VCULFIZ5.js

@@ -1,27 +1,36 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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/Tag.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Tag.tsx
-var CloseIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "svg",
   {
     className: "h-3 w-3",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: tigercatCore.icon24ViewBox,
+    viewBox: _tigercatcore.icon24ViewBox,
     stroke: "currentColor",
-    strokeWidth: tigercatCore.icon24StrokeWidth,
+    strokeWidth: _tigercatcore.icon24StrokeWidth,
     "aria-hidden": "true",
     focusable: "false",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "path",
       {
-        strokeLinecap: tigercatCore.icon24PathStrokeLinecap,
-        strokeLinejoin: tigercatCore.icon24PathStrokeLinejoin,
-        d: tigercatCore.tagCloseIconPath
+        strokeLinecap: _tigercatcore.icon24PathStrokeLinecap,
+        strokeLinejoin: _tigercatcore.icon24PathStrokeLinejoin,
+        d: _tigercatcore.tagCloseIconPath
       }
     )
   }
@@ -36,18 +45,18 @@ var Tag = ({
   className,
   ...props
 }) => {
-  const [isVisible, setIsVisible] = react.useState(true);
-  const tagClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.tagBaseClasses, tigercatCore.getTagVariantClasses(variant), tigercatCore.tagSizeClasses[size], className),
+  const [isVisible, setIsVisible] = _react.useState.call(void 0, true);
+  const tagClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.tagBaseClasses, _tigercatcore.getTagVariantClasses.call(void 0, variant), _tigercatcore.tagSizeClasses[size], className),
     [variant, size, className]
   );
-  const closeButtonClasses = react.useMemo(() => {
-    const scheme = tigercatCore.defaultTagThemeColors[variant];
-    return tigercatCore.classNames(tigercatCore.tagCloseButtonBaseClasses, scheme.closeBgHover, scheme.text);
+  const closeButtonClasses = _react.useMemo.call(void 0, () => {
+    const scheme = _tigercatcore.defaultTagThemeColors[variant];
+    return _tigercatcore.classNames.call(void 0, _tigercatcore.tagCloseButtonBaseClasses, scheme.closeBgHover, scheme.text);
   }, [variant]);
   const handleClose = (event) => {
     event.stopPropagation();
-    onClose?.(event);
+    _optionalChain([onClose, 'optionalCall', _ => _(event)]);
     if (!event.defaultPrevented) {
       setIsVisible(false);
     }
@@ -55,19 +64,21 @@ var Tag = ({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tagClasses, role: "status", ...props, children: [
-    children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-    closable && /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: tagClasses, role: "status", ...props, children: [
+    children != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children }),
+    closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         className: closeButtonClasses,
         onClick: handleClose,
         "aria-label": closeAriaLabel,
         type: "button",
-        children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseIcon, {})
       }
     )
   ] });
 };
 
+
+
 exports.Tag = Tag;

package/dist/chunk-VDF2BD2A.js

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/Breadcrumb.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var BreadcrumbContext = _react.createContext.call(void 0, null);
+function useBreadcrumbContext() {
+  return _react.useContext.call(void 0, BreadcrumbContext);
+}
+var BreadcrumbItem = ({
+  href,
+  target,
+  current = false,
+  separator: customSeparator,
+  className,
+  style,
+  onClick,
+  children,
+  icon,
+  ...props
+}) => {
+  const breadcrumbContext = useBreadcrumbContext();
+  const itemClasses = _react.useMemo.call(void 0, () => _tigercatcore.getBreadcrumbItemClasses.call(void 0, className), [className]);
+  const linkClasses = _react.useMemo.call(void 0, () => _tigercatcore.getBreadcrumbLinkClasses.call(void 0, current), [current]);
+  const separatorClasses = _react.useMemo.call(void 0, () => _tigercatcore.getBreadcrumbSeparatorClasses.call(void 0, ), []);
+  const separatorContent = _react.useMemo.call(void 0, () => {
+    const separator = customSeparator !== void 0 ? customSeparator : _optionalChain([breadcrumbContext, 'optionalAccess', _ => _.separator]) || "/";
+    return _tigercatcore.getSeparatorContent.call(void 0, separator);
+  }, [customSeparator, breadcrumbContext]);
+  const handleClick = _react.useCallback.call(void 0, 
+    (event) => {
+      if (!current) {
+        _optionalChain([onClick, 'optionalCall', _2 => _2(event)]);
+      }
+    },
+    [current, onClick]
+  );
+  const computedRel = _react.useMemo.call(void 0, () => {
+    if (target === "_blank") {
+      return "noopener noreferrer";
+    }
+    return void 0;
+  }, [target]);
+  const contentElements = icon ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex", children: icon }),
+    children
+  ] }) : children;
+  const linkElement = href && !current ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "a",
+    {
+      className: linkClasses,
+      href,
+      target,
+      rel: computedRel,
+      onClick: handleClick,
+      children: contentElements
+    }
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: linkClasses, "aria-current": current ? "page" : void 0, children: contentElements });
+  const separatorElement = !current ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: separatorClasses, "aria-hidden": "true", children: separatorContent }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: itemClasses, style, ...props, children: [
+    linkElement,
+    separatorElement
+  ] });
+};
+var Breadcrumb = ({
+  separator = "/",
+  maxItems,
+  className,
+  style,
+  extra,
+  children,
+  ...props
+}) => {
+  const hasExtra = Boolean(extra);
+  const [expanded, setExpanded] = _react.useState.call(void 0, false);
+  const containerClasses = _react2.default.useMemo(
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.breadcrumbContainerClasses, hasExtra && "w-full", className),
+    [className, hasExtra]
+  );
+  const contextValue = _react2.default.useMemo(() => ({ separator }), [separator]);
+  const renderedItems = _react.useMemo.call(void 0, () => {
+    const items = _react2.default.Children.toArray(children);
+    if (expanded || maxItems === void 0 || maxItems <= 0 || maxItems >= items.length) {
+      return items;
+    }
+    const { collapsed } = _tigercatcore.getBreadcrumbCollapsedItems.call(void 0, items.length, maxItems);
+    if (collapsed.length === 0) return items;
+    const collapsedSet = new Set(collapsed);
+    const result = [];
+    let ellipsisInserted = false;
+    items.forEach((item, index) => {
+      if (collapsedSet.has(index)) {
+        if (!ellipsisInserted) {
+          ellipsisInserted = true;
+          result.push(
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: _tigercatcore.getBreadcrumbItemClasses.call(void 0, ), children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: _tigercatcore.breadcrumbEllipsisClasses,
+                  "aria-label": "Show collapsed breadcrumb items",
+                  onClick: () => setExpanded(true),
+                  children: "..."
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.getBreadcrumbSeparatorClasses.call(void 0, ), "aria-hidden": "true", children: _tigercatcore.getSeparatorContent.call(void 0, separator) })
+            ] }, "__tiger-breadcrumb-ellipsis")
+          );
+        }
+        return;
+      }
+      result.push(item);
+    });
+    return result;
+  }, [children, expanded, maxItems, separator]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { className: containerClasses, "aria-label": "Breadcrumb", style, ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "flex items-center flex-wrap gap-2", children: renderedItems }),
+    hasExtra && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-auto flex items-center", children: extra })
+  ] }) });
+};
+
+
+
+
+
+exports.useBreadcrumbContext = useBreadcrumbContext; exports.BreadcrumbItem = BreadcrumbItem; exports.Breadcrumb = Breadcrumb;

package/dist/{chunk-O4JI4FC6.mjs → chunk-VE2YEFG2.mjs}

@@ -1,9 +1,33 @@
-import { usePopup } from './chunk-WFIQIBLC.mjs';
-import { renderBodyPortal } from './chunk-XTSG362L.mjs';
-import React, { useRef, useMemo } from 'react';
-import { createFloatingIdFactory, classNames, getPopconfirmContainerClasses, getPopconfirmTriggerClasses, getPopconfirmArrowClasses, getPopconfirmContentClasses, getPopconfirmTitleClasses, getPopconfirmDescriptionClasses, getPopconfirmIconClasses, getPopconfirmButtonsClasses, getPopconfirmCancelButtonClasses, getPopconfirmOkButtonClasses, mergeStyleValues, popconfirmIconStrokeWidth, popconfirmIconViewBox, getPopconfirmIconPath, popconfirmIconPathStrokeLinejoin, popconfirmIconPathStrokeLinecap } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  usePopup
+} from "./chunk-4XOWNEZA.mjs";
+import {
+  renderBodyPortal
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/Popconfirm.tsx
+import React, { useMemo, useRef } from "react";
+import {
+  classNames,
+  createFloatingIdFactory,
+  getPopconfirmIconPath,
+  getPopconfirmContainerClasses,
+  getPopconfirmTriggerClasses,
+  getPopconfirmContentClasses,
+  getPopconfirmTitleClasses,
+  getPopconfirmDescriptionClasses,
+  getPopconfirmIconClasses,
+  getPopconfirmArrowClasses,
+  getPopconfirmButtonsClasses,
+  getPopconfirmCancelButtonClasses,
+  getPopconfirmOkButtonClasses,
+  mergeStyleValues,
+  popconfirmIconPathStrokeLinecap,
+  popconfirmIconPathStrokeLinejoin,
+  popconfirmIconStrokeWidth,
+  popconfirmIconViewBox
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var createPopconfirmId = createFloatingIdFactory("popconfirm");
 var PopconfirmIcon = ({ type }) => /* @__PURE__ */ jsx(
   "svg",
@@ -113,6 +137,7 @@ var Popconfirm = ({
       if (React.isValidElement(target)) {
         const onChildClick = target.props.onClick;
         if (typeof onChildClick === "function") {
+          ;
           onChildClick(event);
         }
       }
@@ -192,4 +217,6 @@ var Popconfirm = ({
   ] });
 };
 
-export { Popconfirm };
+export {
+  Popconfirm
+};