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

package/dist/chunk-LODDAS62.js

@@ -1,188 +0,0 @@
-"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(); } }// src/components/Progress.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Progress = _react2.default.memo(
-  ({
-    variant = "primary",
-    size = "md",
-    type = "line",
-    percentage = 0,
-    status = "normal",
-    showText,
-    text,
-    format,
-    striped = false,
-    stripedAnimation = false,
-    strokeWidth = 6,
-    width = "auto",
-    height,
-    className,
-    style,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    "aria-describedby": ariaDescribedby,
-    ...props
-  }) => {
-    const clampedPercentage = _tigercatcore.clampPercentage.call(void 0, percentage);
-    const effectiveVariant = _tigercatcore.getStatusVariant.call(void 0, status) || variant;
-    const shouldShowText = _nullishCoalesce(showText, () => ( type === "line"));
-    const displayText = shouldShowText ? _tigercatcore.formatProgressText.call(void 0, clampedPercentage, text, format) : "";
-    const resolvedAriaLabel = _nullishCoalesce(ariaLabel, () => ( (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`)));
-    const ariaAttrs = {
-      role: "progressbar",
-      "aria-label": resolvedAriaLabel,
-      "aria-labelledby": ariaLabelledby,
-      "aria-describedby": ariaDescribedby,
-      "aria-valuenow": clampedPercentage,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100
-    };
-    const renderLineProgress = () => {
-      const containerStyle = width !== "auto" ? { width: typeof width === "number" ? `${width}px` : width } : {};
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          ...props,
-          className: _tigercatcore.classNames.call(void 0, "flex items-center w-full", className),
-          style: { ..._nullishCoalesce(style, () => ( {})), ...containerStyle },
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressLineBaseClasses,
-                  _tigercatcore.progressTrackBgClasses,
-                  !height && _tigercatcore.progressLineSizeClasses[size]
-                ),
-                style: { flex: 1, ...height ? { height: `${height}px` } : {} },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "div",
-                  {
-                    className: _tigercatcore.classNames.call(void 0, 
-                      _tigercatcore.progressLineInnerClasses,
-                      _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant),
-                      striped && _tigercatcore.progressStripedClasses,
-                      striped && stripedAnimation && _tigercatcore.progressStripedAnimationClasses
-                    ),
-                    style: { width: `${clampedPercentage}%` },
-                    ...ariaAttrs
-                  }
-                )
-              }
-            ),
-            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "span",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressTextBaseClasses,
-                  _tigercatcore.progressTextSizeClasses[size],
-                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
-                ),
-                children: displayText
-              }
-            )
-          ]
-        }
-      );
-    };
-    const renderCircleProgress = () => {
-      const {
-        width: svgWidth,
-        height: svgHeight,
-        radius,
-        cx,
-        cy
-      } = _tigercatcore.getCircleSize.call(void 0, size, strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = _tigercatcore.calculateCirclePath.call(void 0, radius, clampedPercentage);
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          ...props,
-          className: _tigercatcore.classNames.call(void 0, _tigercatcore.progressCircleBaseClasses, className),
-          style: {
-            ..._nullishCoalesce(style, () => ( {})),
-            width: `${svgWidth}px`,
-            height: `${svgHeight}px`
-          },
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "circle",
-                {
-                  cx,
-                  cy,
-                  r: radius,
-                  fill: "none",
-                  stroke: "currentColor",
-                  className: _tigercatcore.progressCircleTrackStrokeClasses,
-                  strokeWidth
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "circle",
-                {
-                  cx,
-                  cy,
-                  r: radius,
-                  fill: "none",
-                  stroke: "currentColor",
-                  className: _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant).replace("bg-", "text-"),
-                  strokeWidth,
-                  strokeLinecap: "round",
-                  strokeDasharray,
-                  strokeDashoffset,
-                  style: {
-                    transition: "stroke-dashoffset 0.3s ease",
-                    transform: "rotate(-90deg)",
-                    transformOrigin: "center"
-                  },
-                  ...ariaAttrs
-                }
-              )
-            ] }),
-            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  _tigercatcore.progressCircleTextClasses,
-                  _tigercatcore.progressTextSizeClasses[size],
-                  "font-medium",
-                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
-                ),
-                children: displayText
-              }
-            )
-          ]
-        }
-      );
-    };
-    if (type === "circle") return renderCircleProgress();
-    return renderLineProgress();
-  }
-);
-Progress.displayName = "Progress";
-
-
-
-exports.Progress = Progress;

package/dist/chunk-LROHXQWX.js

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkANN5P7TJjs = require('./chunk-ANN5P7TJ.js');
-
-// src/components/Kanban.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var Kanban = ({
-  showCardCount = true,
-  allowAddCard = true,
-  allowAddColumn = false,
-  ...props
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkANN5P7TJjs.TaskBoard,
-    {
-      showCardCount,
-      allowAddCard,
-      allowAddColumn,
-      ...props
-    }
-  );
-};
-var Kanban_default = Kanban;
-
-
-
-
-exports.Kanban = Kanban; exports.Kanban_default = Kanban_default;

package/dist/chunk-LZG24TDB.js

@@ -1,73 +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 _chunkSQONS5PHjs = require('./chunk-SQONS5PH.js');
-
-
-var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.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,
-  value,
-  size: propSize,
-  disabled: propDisabled,
-  indeterminate = false,
-  onChange,
-  children,
-  className,
-  ...props
-}) => {
-  const groupContext = _chunkSQONS5PHjs.useCheckboxGroup.call(void 0, );
-  const [checkedState, setChecked] = _chunkL3WPA2RPjs.useControlledState.call(void 0, controlledChecked, defaultChecked, onChange);
-  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) : checkedState;
-  const checkboxRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (checkboxRef.current) {
-      checkboxRef.current.indeterminate = indeterminate;
-    }
-  }, [indeterminate]);
-  const handleChange = (event) => {
-    if (effectiveDisabled) return;
-    const newValue = event.target.checked;
-    if (groupContext && value !== void 0) {
-      groupContext.updateValue(value, newValue);
-    } else {
-      setChecked(newValue, event);
-    }
-  };
-  const checkboxClasses = _tigercatcore.getCheckboxClasses.call(void 0, effectiveSize, effectiveDisabled);
-  const inputProps = {
-    ref: checkboxRef,
-    type: "checkbox",
-    checked,
-    disabled: effectiveDisabled,
-    value: typeof value === "boolean" ? String(value) : value,
-    onChange: handleChange,
-    ...props
-  };
-  if (!children) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { ...inputProps, className: _tigercatcore.classNames.call(void 0, checkboxClasses, className) });
-  }
-  const labelClasses = _tigercatcore.classNames.call(void 0, 
-    _tigercatcore.getCheckboxLabelClasses.call(void 0, effectiveSize, effectiveDisabled),
-    className
-  );
-  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-M3FVPPMM.js

@@ -1,188 +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 _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
-
-// src/components/Input.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Input = ({
-  size = "md",
-  type = "text",
-  status = "default",
-  errorMessage,
-  _shakeTrigger,
-  prefix,
-  suffix,
-  value,
-  defaultValue,
-  placeholder = "",
-  disabled = false,
-  readonly = false,
-  required = false,
-  maxLength,
-  minLength,
-  name,
-  id,
-  autoComplete,
-  autoFocus = false,
-  clearable = false,
-  showPassword = false,
-  showCount = false,
-  onInput,
-  onChange,
-  onFocus,
-  onBlur,
-  onClear,
-  className,
-  style,
-  ...props
-}) => {
-  _tigercatcore.injectShakeStyle.call(void 0, );
-  const wrapperRef = _react.useRef.call(void 0, null);
-  const inputRef = _react.useRef.call(void 0, null);
-  const reactId = _react.useId.call(void 0, );
-  const errorMsgId = `tiger-input-error-${reactId}`;
-  const [inputValue, setInputValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, _nullishCoalesce(defaultValue, () => ( "")));
-  const [passwordVisible, setPasswordVisible] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (status === "error" && wrapperRef.current) {
-      const el = wrapperRef.current;
-      el.classList.remove(_tigercatcore.SHAKE_CLASS);
-      void el.offsetWidth;
-      el.classList.add(_tigercatcore.SHAKE_CLASS);
-    }
-  }, [status, _shakeTrigger]);
-  const handleAnimationEnd = _react.useCallback.call(void 0, () => {
-    _optionalChain([wrapperRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.classList, 'access', _3 => _3.remove, 'call', _4 => _4(_tigercatcore.SHAKE_CLASS)]);
-  }, []);
-  const currentValStr = String(inputValue);
-  const handleInput = (event) => {
-    setInputValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
-    _optionalChain([onInput, 'optionalCall', _5 => _5(event)]);
-  };
-  const handleChange = (event) => {
-    setInputValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
-    _optionalChain([onChange, 'optionalCall', _6 => _6(event)]);
-  };
-  const handleClear = () => {
-    setInputValue("");
-    _optionalChain([onClear, 'optionalCall', _7 => _7()]);
-    _optionalChain([inputRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
-  };
-  const togglePasswordVisibility = () => {
-    setPasswordVisible((v) => !v);
-  };
-  const hasPrefix = !!prefix;
-  const hasSuffix = !!suffix || clearable || showPassword;
-  const activeError = status === "error" && !!errorMessage;
-  const showClear = clearable && !disabled && !readonly && currentValStr.length > 0;
-  const showPasswordToggle = showPassword && type === "password" && !disabled;
-  const effectiveType = showPassword && type === "password" ? passwordVisible ? "text" : "password" : type;
-  const inputClasses = _tigercatcore.getInputClasses.call(void 0, {
-    size,
-    status,
-    hasPrefix,
-    hasSuffix
-  });
-  const renderSuffix = () => {
-    if (activeError) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: errorMsgId, className: _tigercatcore.getInputErrorClasses.call(void 0, size), children: errorMessage });
-    }
-    if (showClear) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getInputClearButtonClasses.call(void 0, size),
-          onClick: handleClear,
-          "aria-label": "Clear input",
-          tabIndex: -1,
-          children: "\u2715"
-        }
-      );
-    }
-    if (showPasswordToggle) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.getInputPasswordToggleClasses.call(void 0, size),
-          onClick: togglePasswordVisibility,
-          "aria-label": passwordVisible ? "Hide password" : "Show password",
-          tabIndex: -1,
-          children: passwordVisible ? "\u{1F648}" : "\u{1F441}"
-        }
-      );
-    }
-    if (suffix) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", size), children: suffix });
-    }
-    return null;
-  };
-  const wrapperNode = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: wrapperRef,
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.getInputWrapperClasses.call(void 0, ), className),
-      style,
-      onAnimationEnd: handleAnimationEnd,
-      children: [
-        hasPrefix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", size), children: prefix }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "input",
-          {
-            ...props,
-            ref: inputRef,
-            className: inputClasses,
-            type: effectiveType,
-            value: inputValue,
-            placeholder,
-            disabled,
-            readOnly: readonly,
-            required,
-            maxLength,
-            minLength,
-            name,
-            id,
-            autoComplete,
-            autoFocus,
-            ...status === "error" ? { "aria-invalid": true } : {},
-            ...activeError ? { "aria-describedby": errorMsgId } : {},
-            onInput: handleInput,
-            onChange: handleChange,
-            onFocus,
-            onBlur
-          }
-        ),
-        renderSuffix()
-      ]
-    }
-  );
-  if (showCount) {
-    const count = currentValStr.length;
-    const isOver = maxLength !== void 0 && count > maxLength;
-    const countText = maxLength !== void 0 ? `${count} / ${maxLength}` : `${count}`;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      wrapperNode,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputCountClasses.call(void 0, isOver), children: countText })
-    ] });
-  }
-  return wrapperNode;
-};
-
-
-
-exports.Input = Input;

package/dist/chunk-MB3QU3US.js

@@ -1,119 +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/Stepper.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Stepper = ({
-  value = 0,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  disabled = false,
-  size = "md",
-  precision,
-  className,
-  onChange
-}) => {
-  const repeatControllerRef = _react.useRef.call(void 0, _tigercatcore.createRafRepeatActionController.call(void 0, ));
-  const repeatValueRef = _react.useRef.call(void 0, value);
-  const suppressNextClickRef = _react.useRef.call(void 0, false);
-  _react.useEffect.call(void 0, () => () => repeatControllerRef.current.stop(), []);
-  function setValue(v) {
-    const clamped = _tigercatcore.clampStepperValue.call(void 0, v, min, max, precision);
-    _optionalChain([onChange, 'optionalCall', _ => _(clamped)]);
-    return clamped;
-  }
-  function stepBy(direction, baseValue = value) {
-    return setValue(direction === "up" ? baseValue + step : baseValue - step);
-  }
-  function handleStepClick(direction) {
-    if (suppressNextClickRef.current) {
-      suppressNextClickRef.current = false;
-      return;
-    }
-    stepBy(direction);
-  }
-  function startStepRepeat(direction) {
-    return (event) => {
-      event.preventDefault();
-      if (disabled) return;
-      if (direction === "down" && value <= min) return;
-      if (direction === "up" && value >= max) return;
-      suppressNextClickRef.current = true;
-      repeatValueRef.current = value;
-      repeatControllerRef.current.start(() => {
-        const baseValue = repeatValueRef.current;
-        const nextValue = stepBy(direction, baseValue);
-        repeatValueRef.current = nextValue;
-        if (nextValue === baseValue) {
-          repeatControllerRef.current.stop();
-        }
-      });
-    };
-  }
-  function stopStepRepeat() {
-    repeatControllerRef.current.stop();
-  }
-  const atMin = value <= min;
-  const atMax = value >= max;
-  const icon = (d) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4 h-4", viewBox: _tigercatcore.stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: _tigercatcore.getStepperButtonClasses.call(void 0, size, disabled || atMin, "left"),
-        disabled: disabled || atMin,
-        "aria-label": "Decrease",
-        onPointerDown: startStepRepeat("down"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("down"),
-        children: icon(_tigercatcore.minusPathD)
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      {
-        type: "text",
-        className: _tigercatcore.getStepperInputClasses.call(void 0, size),
-        value: precision !== void 0 ? value.toFixed(precision) : String(value),
-        disabled,
-        "aria-label": "Value",
-        onChange: (e) => {
-          const val = Number(e.target.value);
-          if (!Number.isNaN(val)) setValue(val);
-        }
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: _tigercatcore.getStepperButtonClasses.call(void 0, size, disabled || atMax, "right"),
-        disabled: disabled || atMax,
-        "aria-label": "Increase",
-        onPointerDown: startStepRepeat("up"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("up"),
-        children: icon(_tigercatcore.plusPathD)
-      }
-    )
-  ] });
-};
-
-
-
-exports.Stepper = Stepper;