@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-VDF2BD2A.js

@@ -1,135 +0,0 @@
-"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-VE3SYUMH.js

@@ -1,45 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Row.tsx
-var _react = require('react');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var RowContext = _react.createContext.call(void 0, {});
-var Row = ({
-  gutter = 0,
-  align = "top",
-  justify = "start",
-  wrap = true,
-  children,
-  className,
-  style,
-  ...divProps
-}) => {
-  const rowClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      "flex",
-      "w-full",
-      wrap && "flex-wrap",
-      _tigercatcore.getRowGutterClasses.call(void 0, gutter),
-      _tigercatcore.getAlignClasses.call(void 0, align),
-      _tigercatcore.getJustifyClasses.call(void 0, justify),
-      className
-    ),
-    [gutter, wrap, align, justify, className]
-  );
-  const mergedStyle = _react.useMemo.call(void 0, 
-    () => ({ ..._tigercatcore.getRowGutterStyleVars.call(void 0, gutter), ...style }),
-    [gutter, style]
-  );
-  const contextValue = _react.useMemo.call(void 0, () => ({ gutter }), [gutter]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: rowClasses, style: mergedStyle, ...divProps, children }) });
-};
-
-
-
-
-exports.RowContext = RowContext; exports.Row = Row;

package/dist/chunk-VNMWPJDN.js

@@ -1,147 +0,0 @@
-"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; }
-
-var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
-
-// src/components/Alert.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Alert = ({
-  type = "info",
-  size = "md",
-  title,
-  description,
-  showIcon = true,
-  closable = false,
-  closeAriaLabel = "Close alert",
-  duration,
-  banner = false,
-  showCountdown = false,
-  className,
-  children,
-  titleSlot,
-  descriptionSlot,
-  onClose,
-  ...props
-}) => {
-  const [visible, setVisible] = _react.useState.call(void 0, true);
-  const [countdownProgress, setCountdownProgress] = _react.useState.call(void 0, 100);
-  const colorScheme = _react.useMemo.call(void 0, () => _tigercatcore.getAlertTypeClasses.call(void 0, type, _tigercatcore.defaultAlertThemeColors), [type]);
-  const alertClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.alertBaseClasses,
-      _tigercatcore.alertSizeClasses[size],
-      colorScheme.bg,
-      colorScheme.border,
-      banner && _tigercatcore.alertBannerClasses,
-      className
-    ),
-    [size, colorScheme, banner, className]
-  );
-  const iconClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertIconSizeClasses[size], colorScheme.icon),
-    [size, colorScheme]
-  );
-  const titleClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertTitleSizeClasses[size], colorScheme.title),
-    [size, colorScheme]
-  );
-  const descriptionClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertDescriptionSizeClasses[size], colorScheme.description),
-    [size, colorScheme]
-  );
-  const closeButtonClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.alertCloseButtonBaseClasses,
-      colorScheme.closeButton,
-      colorScheme.closeButtonHover,
-      colorScheme.focus
-    ),
-    [colorScheme]
-  );
-  const handleClose = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([onClose, 'optionalCall', _ => _(event)]);
-      if (!event.defaultPrevented) {
-        setVisible(false);
-      }
-    },
-    [onClose]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (duration && duration > 0 && closable) {
-      setCountdownProgress(100);
-      const timer = setTimeout(() => {
-        setVisible(false);
-        _optionalChain([onClose, 'optionalCall', _2 => _2()]);
-      }, duration);
-      let countdownTimer;
-      if (showCountdown) {
-        const startTime = Date.now();
-        countdownTimer = setInterval(() => {
-          const elapsed = Date.now() - startTime;
-          setCountdownProgress(Math.max(0, 100 - elapsed / duration * 100));
-        }, 50);
-      }
-      return () => {
-        clearTimeout(timer);
-        if (countdownTimer) clearInterval(countdownTimer);
-      };
-    }
-  }, [duration, closable, showCountdown, onClose]);
-  if (!visible) {
-    return null;
-  }
-  const iconPath = _tigercatcore.getAlertIconPath.call(void 0, type);
-  const hasTitle = !!(title || titleSlot);
-  const hasDescription = !!(description || descriptionSlot);
-  const hasDefaultContent = !hasTitle && !hasDescription && !!children;
-  const hasContent = hasTitle || hasDescription || hasDefaultContent;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...props, className: alertClasses, role: "alert", children: [
-    showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.alertIconContainerClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: iconPath, className: iconClasses }) }),
-    hasContent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.alertContentClasses, children: [
-      hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: titleClasses, children: titleSlot || title }),
-      hasDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: descriptionClasses, children: descriptionSlot || description }),
-      hasDefaultContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: titleClasses, children })
-    ] }),
-    closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        className: closeButtonClasses,
-        onClick: handleClose,
-        "aria-label": closeAriaLabel,
-        type: "button",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.alertCloseIconPath, className: "h-4 w-4" })
-      }
-    ),
-    showCountdown && duration && duration > 0 && closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.alertCountdownContainerClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.classNames.call(void 0, _tigercatcore.alertCountdownBarClasses, _tigercatcore.alertCountdownColorClasses[type]),
-        style: { width: `${countdownProgress}%` }
-      }
-    ) })
-  ] });
-};
-
-
-
-exports.Alert = Alert;

package/dist/chunk-W3VLCSJL.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Container.tsx
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Container = ({
-  maxWidth = false,
-  center = true,
-  padding = true,
-  children,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const containerClasses = _tigercatcore.getContainerClasses.call(void 0, {
-    maxWidth,
-    center,
-    padding,
-    className
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...props, className: containerClasses, children });
-};
-
-
-
-exports.Container = Container;