@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-F2OF6XZ6.js

@@ -1,10 +1,29 @@
-'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; }
 
-var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+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",
@@ -23,56 +42,56 @@ var Alert = ({
   onClose,
   ...props
 }) => {
-  const [visible, setVisible] = react.useState(true);
-  const [countdownProgress, setCountdownProgress] = react.useState(100);
-  const colorScheme = react.useMemo(() => tigercatCore.getAlertTypeClasses(type, tigercatCore.defaultAlertThemeColors), [type]);
-  const alertClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.alertBaseClasses,
-      tigercatCore.alertSizeClasses[size],
+  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,
+      banner && _tigercatcore.alertBannerClasses,
       className
     ),
     [size, colorScheme, banner, className]
   );
-  const iconClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.alertIconSizeClasses[size], colorScheme.icon),
+  const iconClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertIconSizeClasses[size], colorScheme.icon),
     [size, colorScheme]
   );
-  const titleClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.alertTitleSizeClasses[size], colorScheme.title),
+  const titleClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertTitleSizeClasses[size], colorScheme.title),
     [size, colorScheme]
   );
-  const descriptionClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.alertDescriptionSizeClasses[size], colorScheme.description),
+  const descriptionClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertDescriptionSizeClasses[size], colorScheme.description),
     [size, colorScheme]
   );
-  const closeButtonClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.alertCloseButtonBaseClasses,
+  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(
+  const handleClose = _react.useCallback.call(void 0, 
     (event) => {
-      onClose?.(event);
+      _optionalChain([onClose, 'optionalCall', _ => _(event)]);
       if (!event.defaultPrevented) {
         setVisible(false);
       }
     },
     [onClose]
   );
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (duration && duration > 0 && closable) {
       setCountdownProgress(100);
       const timer = setTimeout(() => {
         setVisible(false);
-        onClose?.(new MouseEvent("click"));
+        _optionalChain([onClose, 'optionalCall', _2 => _2(new MouseEvent("click"))]);
       }, duration);
       let countdownTimer;
       if (showCountdown) {
@@ -91,36 +110,38 @@ var Alert = ({
   if (!visible) {
     return null;
   }
-  const iconPath = tigercatCore.getAlertIconPath(type);
+  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("div", { ...props, className: alertClasses, role: "alert", children: [
-    showIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.alertIconContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: iconPath, className: iconClasses }) }),
-    hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.alertContentClasses, children: [
-      hasTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children: titleSlot || title }),
-      hasDescription && /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClasses, children: descriptionSlot || description }),
-      hasDefaultContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children })
+  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(
+    closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         className: closeButtonClasses,
         onClick: handleClose,
         "aria-label": closeAriaLabel,
         type: "button",
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.alertCloseIconPath, className: "h-4 w-4" })
+        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("div", { className: tigercatCore.alertCountdownContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsx(
+    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(tigercatCore.alertCountdownBarClasses, tigercatCore.alertCountdownColorClasses[type]),
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.alertCountdownBarClasses, _tigercatcore.alertCountdownColorClasses[type]),
         style: { width: `${countdownProgress}%` }
       }
     ) })
   ] });
 };
 
+
+
 exports.Alert = Alert;

package/dist/chunk-F7H4ALKN.js

@@ -1,10 +1,15 @@
-'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; }
 
-var chunkJLRRXRZO_js = require('./chunk-JLRRXRZO.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkJLRRXRZOjs = require('./chunk-JLRRXRZO.js');
 
+// src/components/Checkbox.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Checkbox = ({
   checked: controlledChecked,
   defaultChecked = false,
@@ -17,14 +22,14 @@ var Checkbox = ({
   className,
   ...props
 }) => {
-  const groupContext = chunkJLRRXRZO_js.useCheckboxGroup();
-  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
+  const groupContext = _chunkJLRRXRZOjs.useCheckboxGroup.call(void 0, );
+  const [internalChecked, setInternalChecked] = _react.useState.call(void 0, defaultChecked);
   const isControlled = controlledChecked !== void 0;
-  const effectiveSize = propSize || groupContext?.size || "md";
-  const effectiveDisabled = propDisabled || groupContext?.disabled || false;
+  const effectiveSize = propSize || _optionalChain([groupContext, 'optionalAccess', _ => _.size]) || "md";
+  const effectiveDisabled = propDisabled || _optionalChain([groupContext, 'optionalAccess', _2 => _2.disabled]) || false;
   const checked = groupContext && value !== void 0 ? groupContext.value.includes(value) : isControlled ? controlledChecked : internalChecked;
-  const checkboxRef = react.useRef(null);
-  react.useEffect(() => {
+  const checkboxRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
     if (checkboxRef.current) {
       checkboxRef.current.indeterminate = indeterminate;
     }
@@ -38,10 +43,10 @@ var Checkbox = ({
       if (!isControlled) {
         setInternalChecked(newValue);
       }
-      onChange?.(newValue, event);
+      _optionalChain([onChange, 'optionalCall', _3 => _3(newValue, event)]);
     }
   };
-  const checkboxClasses = tigercatCore.getCheckboxClasses(effectiveSize, effectiveDisabled);
+  const checkboxClasses = _tigercatcore.getCheckboxClasses.call(void 0, effectiveSize, effectiveDisabled);
   const inputProps = {
     ref: checkboxRef,
     type: "checkbox",
@@ -52,16 +57,18 @@ var Checkbox = ({
     ...props
   };
   if (!children) {
-    return /* @__PURE__ */ jsxRuntime.jsx("input", { ...inputProps, className: tigercatCore.classNames(checkboxClasses, className) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { ...inputProps, className: _tigercatcore.classNames.call(void 0, checkboxClasses, className) });
   }
-  const labelClasses = tigercatCore.classNames(
-    tigercatCore.getCheckboxLabelClasses(effectiveSize, effectiveDisabled),
+  const labelClasses = _tigercatcore.classNames.call(void 0, 
+    _tigercatcore.getCheckboxLabelClasses.call(void 0, effectiveSize, effectiveDisabled),
     className
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: labelClasses, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("input", { ...inputProps, className: checkboxClasses }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: labelClasses, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { ...inputProps, className: checkboxClasses }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-2", children })
   ] });
 };
 
+
+
 exports.Checkbox = Checkbox;

package/dist/chunk-FBFCJCON.js

@@ -0,0 +1,129 @@
+"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/ScrollSpy.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var getWindowContainer = () => window;
+var ScrollSpy = ({
+  items = [],
+  activeKey,
+  defaultActiveKey,
+  offsetTop = 0,
+  targetOffset,
+  bounds = 5,
+  direction = "vertical",
+  sticky = false,
+  ariaLabel = "Scroll navigation",
+  getContainer = getWindowContainer,
+  className,
+  style,
+  onChange,
+  onClick,
+  ...rest
+}) => {
+  const isControlled = activeKey !== void 0;
+  const [innerActiveKey, setInnerActiveKey] = _react.useState.call(void 0, 
+    () => _tigercatcore.getInitialScrollSpyActiveKey.call(void 0, items, activeKey, defaultActiveKey)
+  );
+  const currentActiveKey = isControlled ? activeKey : innerActiveKey;
+  const flatItems = _react.useMemo.call(void 0, () => _tigercatcore.flattenScrollSpyItems.call(void 0, items), [items]);
+  const activeKeyString = currentActiveKey === void 0 ? "" : _tigercatcore.getScrollSpyKeyString.call(void 0, currentActiveKey);
+  const getContainerRef = _react.useRef.call(void 0, getContainer);
+  getContainerRef.current = getContainer;
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  onChangeRef.current = onChange;
+  const emitActive = _react.useCallback.call(void 0, 
+    (item, source) => {
+      const nextKeyString = _tigercatcore.getScrollSpyKeyString.call(void 0, item.key);
+      if (nextKeyString === activeKeyString) return;
+      const payload = _tigercatcore.createScrollSpyPayload.call(void 0, item, source);
+      if (!isControlled) setInnerActiveKey(item.key);
+      _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(item.key, item, payload)]);
+    },
+    [activeKeyString, isControlled]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (isControlled) return;
+    const currentItem = _tigercatcore.getScrollSpyItemByKey.call(void 0, items, innerActiveKey);
+    if (!currentItem || currentItem.disabled) {
+      setInnerActiveKey(_tigercatcore.getInitialScrollSpyActiveKey.call(void 0, items, void 0, defaultActiveKey));
+    }
+  }, [defaultActiveKey, innerActiveKey, isControlled, items]);
+  _react.useEffect.call(void 0, () => {
+    const container = getContainerRef.current();
+    return _tigercatcore.createScrollSpyObserver.call(void 0, items, {
+      container,
+      offsetTop,
+      targetOffset,
+      bounds,
+      onChange: (item) => emitActive(item, "scroll")
+    });
+  }, [bounds, emitActive, items, offsetTop, targetOffset]);
+  const handleClick = _react.useCallback.call(void 0, 
+    (item, event) => {
+      event.preventDefault();
+      if (item.disabled) return;
+      _optionalChain([onClick, 'optionalCall', _3 => _3(item, event)]);
+      emitActive(item, "click");
+      _tigercatcore.scrollToScrollSpyItem.call(void 0, item, getContainerRef.current(), _nullishCoalesce(targetOffset, () => ( offsetTop)));
+    },
+    [emitActive, offsetTop, onClick, targetOffset]
+  );
+  function renderItems(list, nested = false) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: nested ? _tigercatcore.scrollSpyNestedListClasses : _tigercatcore.getScrollSpyListClasses.call(void 0, direction), children: list.map((item) => {
+      const keyString = _tigercatcore.getScrollSpyKeyString.call(void 0, item.key);
+      const isActive = keyString === activeKeyString;
+      const hasChildren = Boolean(_optionalChain([item, 'access', _4 => _4.children, 'optionalAccess', _5 => _5.length]));
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "li",
+        {
+          "data-depth": _nullishCoalesce(_optionalChain([flatItems, 'access', _6 => _6.find, 'call', _7 => _7((flat) => flat.key === item.key), 'optionalAccess', _8 => _8.depth]), () => ( 0)),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "a",
+              {
+                href: item.href,
+                className: _tigercatcore.getScrollSpyItemClasses.call(void 0, isActive, item.disabled),
+                "aria-current": isActive ? "location" : void 0,
+                "aria-disabled": item.disabled || void 0,
+                "data-key": keyString,
+                onClick: (event) => handleClick(item, event),
+                children: item.label
+              }
+            ),
+            hasChildren ? renderItems(_nullishCoalesce(item.children, () => ( [])), true) : null
+          ]
+        },
+        keyString
+      );
+    }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      ...rest,
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.getScrollSpyRootClasses.call(void 0, sticky, className)),
+      style,
+      "aria-label": ariaLabel,
+      children: renderItems(items)
+    }
+  );
+};
+var ScrollSpy_default = ScrollSpy;
+
+
+
+
+exports.ScrollSpy = ScrollSpy; exports.ScrollSpy_default = ScrollSpy_default;

package/dist/chunk-FE7PEZTI.mjs

@@ -1,8 +1,16 @@
-import { useState, useMemo } from 'react';
-import { getInitials, classNames, avatarBaseClasses, avatarSizeClasses, avatarShapeClasses, avatarDefaultBgColor, avatarDefaultTextColor, avatarImageClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Avatar.tsx
+import { useState, useMemo } from "react";
+import {
+  classNames,
+  avatarBaseClasses,
+  avatarSizeClasses,
+  avatarShapeClasses,
+  avatarDefaultBgColor,
+  avatarDefaultTextColor,
+  avatarImageClasses,
+  getInitials
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Avatar = ({
   size = "md",
   shape = "circle",
@@ -60,4 +68,6 @@ var Avatar = ({
   );
 };
 
-export { Avatar };
+export {
+  Avatar
+};