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

package/dist/chunk-IFB3OECJ.js

@@ -1,109 +0,0 @@
-"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; }
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/InfiniteScroll.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var InfiniteScroll = ({
-  hasMore = true,
-  loading = false,
-  threshold = 100,
-  loadingText,
-  endText,
-  direction = "vertical",
-  inverse = false,
-  disabled = false,
-  className,
-  locale,
-  children,
-  loader,
-  end,
-  onLoadMore,
-  ...rest
-}) => {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
-    [config.locale, locale]
-  );
-  const containerRef = _react.useRef.call(void 0, null);
-  const sentinelRef = _react.useRef.call(void 0, null);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getInfiniteScrollContainerClasses.call(void 0, direction, className),
-    [direction, className]
-  );
-  const onLoadMoreRef = _react.useRef.call(void 0, onLoadMore);
-  onLoadMoreRef.current = onLoadMore;
-  const checkScroll = _react.useCallback.call(void 0, () => {
-    if (disabled || loading || !hasMore) return;
-    const el = containerRef.current;
-    if (!el) return;
-    if (_tigercatcore.shouldLoadMore.call(void 0, el, threshold, direction, inverse)) {
-      _optionalChain([onLoadMoreRef, 'access', _ => _.current, 'optionalCall', _2 => _2()]);
-    }
-  }, [disabled, loading, hasMore, threshold, direction, inverse]);
-  _react.useEffect.call(void 0, () => {
-    if (disabled || !hasMore) return;
-    const sentinel = sentinelRef.current;
-    if (!sentinel) return;
-    const teardown = _tigercatcore.createInfiniteScrollObserver.call(void 0, sentinel, {
-      threshold,
-      direction,
-      root: containerRef.current,
-      inverse,
-      onLoadMore: () => {
-        if (!disabled && !loading && hasMore) {
-          _optionalChain([onLoadMoreRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4()]);
-        }
-      }
-    });
-    if (teardown) {
-      return teardown;
-    }
-    const el = containerRef.current;
-    if (el) {
-      el.addEventListener("scroll", checkScroll, { passive: true });
-      return () => el.removeEventListener("scroll", checkScroll);
-    }
-  }, [disabled, loading, hasMore, threshold, direction, inverse, checkScroll]);
-  const sentinelEl = hasMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref: sentinelRef,
-      className: _tigercatcore.infiniteScrollSentinelClasses,
-      "aria-hidden": "true",
-      style: { height: 0, overflow: "hidden" }
-    }
-  ) : null;
-  const loaderEl = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: _nullishCoalesce(loader, () => ( _tigercatcore.resolveLocaleText.call(void 0, "Loading...", loadingText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.loadingText])))) }) : null;
-  const endEl = !hasMore && !loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollEndClasses, children: _nullishCoalesce(end, () => ( _tigercatcore.resolveLocaleText.call(void 0, "No more data", endText, _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.noMoreText])))) }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, className: _tigercatcore.classNames.call(void 0, containerClasses), ...rest, children: inverse ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    sentinelEl,
-    loaderEl,
-    children,
-    endEl
-  ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    children,
-    sentinelEl,
-    loaderEl,
-    endEl
-  ] }) });
-};
-var InfiniteScroll_default = InfiniteScroll;
-
-
-
-
-exports.InfiniteScroll = InfiniteScroll; exports.InfiniteScroll_default = InfiniteScroll_default;

package/dist/chunk-IZXU7DF6.js

@@ -1,46 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Divider.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Divider = _react2.default.memo(
-  ({
-    orientation = "horizontal",
-    lineStyle = "solid",
-    spacing = "md",
-    color,
-    thickness,
-    className,
-    style: styleProp,
-    ...props
-  }) => {
-    const classes = _react.useMemo.call(void 0, () => {
-      const base = _tigercatcore.getDividerClasses.call(void 0, orientation, lineStyle, spacing);
-      return className ? `${base} ${className}` : base;
-    }, [orientation, lineStyle, spacing, className]);
-    const style = _react.useMemo.call(void 0, 
-      () => ({
-        ..._tigercatcore.getDividerStyle.call(void 0, orientation, color, thickness),
-        ...styleProp
-      }),
-      [color, thickness, orientation, styleProp]
-    );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ...props,
-        className: classes,
-        style,
-        role: "separator",
-        "aria-orientation": orientation
-      }
-    );
-  }
-);
-Divider.displayName = "Divider";
-
-
-
-exports.Divider = Divider;

package/dist/chunk-J4SNBXJM.js

@@ -1,127 +0,0 @@
-"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/ColorSwatch.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var checkPathD = "M5 10.5 8 13.5 15 6.5";
-var ColorSwatch = ({
-  value,
-  defaultValue,
-  disabled = false,
-  size = "md",
-  colors,
-  groups,
-  columns = 6,
-  ariaLabel = "Color swatches",
-  className,
-  onChange
-}) => {
-  const [innerValue, setInnerValue] = _react.useState.call(void 0, defaultValue);
-  const [focusIndex, setFocusIndex] = _react.useState.call(void 0, -1);
-  const optionRefs = _react.useRef.call(void 0, []);
-  const normalizedGroups = _react.useMemo.call(void 0, 
-    () => _tigercatcore.normalizeColorSwatchGroups.call(void 0, groups, colors),
-    [groups, colors]
-  );
-  const options = _react.useMemo.call(void 0, () => _tigercatcore.flattenColorSwatchGroups.call(void 0, normalizedGroups), [normalizedGroups]);
-  const selectedValue = _nullishCoalesce(value, () => ( innerValue));
-  const selectedIndex = options.findIndex(
-    (option) => _tigercatcore.isColorSwatchSelected.call(void 0, option.value, selectedValue)
-  );
-  const firstEnabledIndex = options.findIndex((option) => !option.disabled);
-  const activeIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
-  function handleSelect(option) {
-    if (disabled || option.disabled) return;
-    if (value === void 0) setInnerValue(option.value);
-    _optionalChain([onChange, 'optionalCall', _ => _(option.value, option)]);
-  }
-  function handleKeyDown(optionIndex, event) {
-    if (disabled) return;
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      const option = options[optionIndex];
-      if (option) handleSelect(option);
-      return;
-    }
-    const nextIndex = _tigercatcore.getNextColorSwatchIndex.call(void 0, options, optionIndex, event.key, columns);
-    if (nextIndex === -1 || nextIndex === optionIndex) return;
-    event.preventDefault();
-    setFocusIndex(nextIndex);
-    _optionalChain([optionRefs, 'access', _2 => _2.current, 'access', _3 => _3[nextIndex], 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
-  }
-  let flatIndex = 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.colorSwatchBaseClasses, className),
-      role: "radiogroup",
-      "aria-label": ariaLabel,
-      "aria-disabled": disabled || void 0,
-      children: normalizedGroups.map((group, groupIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.colorSwatchGroupClasses, children: [
-        group.label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.colorSwatchGroupLabelClasses, children: group.label }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _tigercatcore.colorSwatchGridClasses,
-            style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` },
-            children: group.colors.map((option) => {
-              const optionIndex = flatIndex;
-              flatIndex += 1;
-              const selected = _tigercatcore.isColorSwatchSelected.call(void 0, option.value, selectedValue);
-              const optionDisabled = disabled || !!option.disabled;
-              const tabIndex = !optionDisabled && optionIndex === (focusIndex >= 0 ? focusIndex : activeIndex) ? 0 : -1;
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "button",
-                {
-                  ref: (node) => {
-                    optionRefs.current[optionIndex] = node;
-                  },
-                  type: "button",
-                  className: _tigercatcore.getColorSwatchButtonClasses.call(void 0, size, selected, optionDisabled),
-                  style: { backgroundColor: option.value },
-                  role: "radio",
-                  "aria-checked": selected,
-                  "aria-label": option.label,
-                  "aria-disabled": optionDisabled || void 0,
-                  tabIndex,
-                  onFocus: () => setFocusIndex(optionIndex),
-                  onClick: () => handleSelect(option),
-                  onKeyDown: (event) => handleKeyDown(optionIndex, event),
-                  children: selected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.getColorSwatchCheckClasses.call(void 0, size), "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "svg",
-                    {
-                      viewBox: "0 0 20 20",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2.5",
-                      className: "h-full w-full",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: checkPathD, strokeLinecap: "round", strokeLinejoin: "round" })
-                    }
-                  ) })
-                },
-                `${option.groupIndex}-${option.index}-${option.value}`
-              );
-            })
-          }
-        )
-      ] }, `${groupIndex}-${_nullishCoalesce(group.label, () => ( "group"))}`))
-    }
-  );
-};
-var ColorSwatch_default = ColorSwatch;
-
-
-
-
-exports.ColorSwatch = ColorSwatch; exports.ColorSwatch_default = ColorSwatch_default;

package/dist/chunk-JB33A4S6.js

@@ -1,136 +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; }// src/components/ColorPicker.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ColorPicker = ({
-  value = "#2563eb",
-  disabled = false,
-  size = "md",
-  showAlpha: _showAlpha = false,
-  format: _format = "hex",
-  presets,
-  className,
-  onChange
-}) => {
-  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
-  const [inputValue, setInputValue] = _react.useState.call(void 0, value);
-  const containerRef = _react.useRef.call(void 0, null);
-  const hsv = _react.useMemo.call(void 0, () => {
-    const rgb = _tigercatcore.hexToRgb.call(void 0, value);
-    return _tigercatcore.rgbToHsv.call(void 0, rgb.r, rgb.g, rgb.b);
-  }, [value]);
-  _react.useEffect.call(void 0, () => {
-    setInputValue(value);
-  }, [value]);
-  function togglePanel() {
-    if (disabled) return;
-    setIsOpen((v) => !v);
-  }
-  function handleHueChange(e) {
-    const hue = Number(e.target.value);
-    const { r, g, b } = _tigercatcore.hsvToRgb.call(void 0, hue, hsv.s, hsv.v);
-    const hex = _tigercatcore.rgbToHex.call(void 0, r, g, b);
-    _optionalChain([onChange, 'optionalCall', _ => _(hex)]);
-  }
-  function handleInputChange(e) {
-    const val = e.target.value;
-    setInputValue(val);
-    if (_tigercatcore.isValidHex.call(void 0, val)) {
-      const hex = val.startsWith("#") ? val : `#${val}`;
-      _optionalChain([onChange, 'optionalCall', _2 => _2(hex)]);
-    }
-  }
-  function handlePresetClick(color) {
-    _optionalChain([onChange, 'optionalCall', _3 => _3(color)]);
-  }
-  _react.useEffect.call(void 0, () => {
-    if (!isOpen) return;
-    function handleClickOutside(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("click", handleClickOutside);
-    return () => document.removeEventListener("click", handleClickOutside);
-  }, [isOpen]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: _tigercatcore.classNames.call(void 0, _tigercatcore.colorPickerBaseClasses, className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.getColorPickerTriggerClasses.call(void 0, size, disabled),
-        style: { backgroundColor: value },
-        role: "button",
-        "aria-label": "Pick color",
-        tabIndex: 0,
-        onClick: togglePanel
-      }
-    ),
-    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.colorPickerPanelClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Hue" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            type: "range",
-            min: 0,
-            max: 360,
-            value: hsv.h,
-            className: "w-full h-2 rounded-full cursor-pointer accent-[var(--tiger-primary,#2563eb)]",
-            "aria-label": "Hue",
-            onChange: handleHueChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Hex" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            type: "text",
-            className: _tigercatcore.colorPickerInputClasses,
-            value: inputValue,
-            "aria-label": "Color value",
-            onChange: handleInputChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 mb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "w-8 h-8 rounded border border-[var(--tiger-border,#d1d5db)]",
-            style: { backgroundColor: value },
-            "aria-label": "Color preview"
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-mono text-[var(--tiger-text,#111827)]", children: value })
-      ] }),
-      presets && presets.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-1", children: presets.map((color) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: _tigercatcore.colorPickerPresetClasses,
-          style: { backgroundColor: color },
-          "aria-label": `Select ${color}`,
-          onClick: () => handlePresetClick(color)
-        },
-        color
-      )) })
-    ] })
-  ] });
-};
-
-
-
-exports.ColorPicker = ColorPicker;