@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-2QV56L36.js → chunk-NMKFR435.js}

@@ -1,16 +1,46 @@
-'use strict';
-
-var chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
-var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
-var chunkAX5XRD2Q_js = require('./chunk-AX5XRD2Q.js');
-var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
-var chunkE5GD3H7L_js = require('./chunk-E5GD3H7L.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var chunk3QFHVAZT_js = require('./chunk-3QFHVAZT.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+"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 _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
+
+
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+
+
+var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
+
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkE5GD3H7Ljs = require('./chunk-E5GD3H7L.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+
+var _chunk3QFHVAZTjs = require('./chunk-3QFHVAZT.js');
+
+// src/components/BarChart.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var BarChart = ({
   width = 320,
   height = 200,
@@ -65,7 +95,11 @@ var BarChart = ({
   onBarClick,
   onBarHover
 }) => {
-  const gradientPrefix = react.useMemo(() => tigercatCore.getBarGradientPrefix(), []);
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "bar", gradientId),
+    [gradientId]
+  );
   const {
     tooltipPosition,
     resolvedHoveredIndex,
@@ -79,7 +113,7 @@ var BarChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -89,37 +123,37 @@ var BarChart = ({
     legendPosition,
     getData: (index) => data[index],
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onBarHover?.(index, index !== null ? data[index] : null);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      _optionalChain([onBarHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
     },
     onSelectedIndexChange,
     callbacks: {
       onClick: onBarClick
     }
   });
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const xDomain = react.useMemo(() => data.map((item) => String(item.x)), [data]);
-  const yValues = react.useMemo(() => data.map((item) => item.y), [data]);
-  const resolvedXScale = react.useMemo(() => {
+  const xDomain = _react.useMemo.call(void 0, () => data.map((item) => String(item.x)), [data]);
+  const yValues = _react.useMemo.call(void 0, () => data.map((item) => item.y), [data]);
+  const resolvedXScale = _react.useMemo.call(void 0, () => {
     if (xScale) return xScale;
-    return tigercatCore.createBandScale(xDomain, [0, innerRect.width], {
+    return _tigercatcore.createBandScale.call(void 0, xDomain, [0, innerRect.width], {
       paddingInner: barPaddingInner,
       paddingOuter: barPaddingOuter
     });
   }, [xScale, xDomain, innerRect.width, barPaddingInner, barPaddingOuter]);
-  const resolvedYScale = react.useMemo(() => {
+  const resolvedYScale = _react.useMemo.call(void 0, () => {
     if (yScale) return yScale;
-    const extent = tigercatCore.getNumberExtent(yValues, { includeZero: true });
-    return tigercatCore.createLinearScale(extent, [innerRect.height, 0]);
+    const extent = _tigercatcore.getNumberExtent.call(void 0, yValues, { includeZero: true });
+    return _tigercatcore.createLinearScale.call(void 0, extent, [innerRect.height, 0]);
   }, [yScale, yValues, innerRect.height]);
-  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors, barColor), [colors, barColor]);
-  const bars = react.useMemo(() => {
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors, barColor), [colors, barColor]);
+  const bars = _react.useMemo.call(void 0, () => {
     const scale = resolvedXScale;
-    const rawBandWidth = scale.bandwidth ?? (scale.step ? scale.step * 0.7 : innerRect.width / Math.max(1, data.length) * 0.8);
-    const bandWidth = tigercatCore.clampBarWidth(rawBandWidth, barMaxWidth);
+    const rawBandWidth = _nullishCoalesce(scale.bandwidth, () => ( (scale.step ? scale.step * 0.7 : innerRect.width / Math.max(1, data.length) * 0.8)));
+    const bandWidth = _tigercatcore.clampBarWidth.call(void 0, rawBandWidth, barMaxWidth);
     const bandOffset = rawBandWidth > bandWidth ? (rawBandWidth - bandWidth) / 2 : 0;
     const baseline = resolvedYScale.map(0);
     return data.map((item, index) => {
@@ -130,12 +164,12 @@ var BarChart = ({
       let barHeight = Math.abs(baseline - barYValue);
       let barY = Math.min(baseline, barYValue);
       if (barMinHeight > 0 && barHeight > 0) {
-        const clamped = tigercatCore.ensureBarMinHeight(barY, barHeight, baseline, barMinHeight);
+        const clamped = _tigercatcore.ensureBarMinHeight.call(void 0, barY, barHeight, baseline, barMinHeight);
         barY = clamped.y;
         barHeight = clamped.height;
       }
-      const color = item.color ?? palette[index % palette.length];
-      const opacity = tigercatCore.getChartElementOpacity(index, activeIndex, {
+      const color = _nullishCoalesce(item.color, () => ( palette[index % palette.length]));
+      const opacity = _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex, {
         activeOpacity,
         inactiveOpacity
       });
@@ -162,38 +196,38 @@ var BarChart = ({
     barMinHeight,
     barMaxWidth
   ]);
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
       data,
       palette,
       activeIndex,
-      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? String(d.x),
-      getColor: (d, i) => d.color ?? palette[i % palette.length]
+      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : _nullishCoalesce(d.label, () => ( String(d.x))),
+      getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette[i % palette.length]))
     }),
     [data, legendFormatter, palette, activeIndex]
   );
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, 
       resolvedHoveredIndex,
       data,
       tooltipFormatter,
-      tigercatCore.defaultXYTooltipFormatter
+      _tigercatcore.defaultXYTooltipFormatter
     ),
     [resolvedHoveredIndex, data, tooltipFormatter]
   );
   const shouldShowXAxis = showAxis && showXAxis;
   const shouldShowYAxis = showAxis && showYAxis;
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkUKLVOR4E_js.ChartCanvas,
+  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
     {
       width,
       height,
       padding,
       title,
       desc,
-      className: tigercatCore.classNames(className),
+      className: _tigercatcore.classNames.call(void 0, className),
       children: [
-        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: bars.map((bar) => /* @__PURE__ */ jsxRuntime.jsxs(
+        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: bars.map((bar) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "linearGradient",
           {
             id: `${gradientPrefix}-${bar.index}`,
@@ -202,14 +236,14 @@ var BarChart = ({
             x2: "0",
             y2: "1",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: bar.color, stopOpacity: 0.65 }),
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: bar.color, stopOpacity: 1 })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: bar.color, stopOpacity: 0.65 }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: bar.color, stopOpacity: 1 })
             ]
           },
           `grad-${bar.index}`
         )) }),
-        showGrid && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3QFHVAZT_js.ChartGrid,
+        showGrid && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk3QFHVAZTjs.ChartGrid,
           {
             xScale: resolvedXScale,
             yScale: resolvedYScale,
@@ -222,8 +256,8 @@ var BarChart = ({
             strokeWidth: gridStrokeWidth
           }
         ),
-        shouldShowXAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
+        shouldShowXAxis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE5GD3H7Ljs.ChartAxis,
           {
             scale: resolvedXScale,
             orientation: "bottom",
@@ -234,8 +268,8 @@ var BarChart = ({
             label: xAxisLabel
           }
         ),
-        shouldShowYAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
+        shouldShowYAxis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE5GD3H7Ljs.ChartAxis,
           {
             scale: resolvedYScale,
             orientation: "left",
@@ -245,7 +279,7 @@ var BarChart = ({
             label: yAxisLabel
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkAX5XRD2Q_js.ChartSeries, { data, type: "bar", children: bars.map((bar) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAX5XRD2Qjs.ChartSeries, { data, type: "bar", children: bars.map((bar) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "rect",
           {
             x: bar.x,
@@ -256,15 +290,15 @@ var BarChart = ({
             ry: barRadius,
             fill: gradient ? `url(#${gradientPrefix}-${bar.index})` : bar.color,
             opacity: bar.opacity,
-            className: tigercatCore.classNames(
-              "transition-[opacity,filter] duration-200",
+            className: _tigercatcore.classNames.call(void 0, 
+              "transition-[opacity,filter] [transition-duration:var(--tiger-motion-duration-base,200ms)] [transition-timing-function:var(--tiger-motion-ease-decelerate,ease-out)]",
               (hoverable || selectable) && "cursor-pointer hover:brightness-110"
             ),
             style: {
               rx: `var(--tiger-chart-bar-radius, ${barRadius}px)`,
               ry: `var(--tiger-chart-bar-radius, ${barRadius}px)`,
               ...animated ? {
-                transition: "y var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), height var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), opacity 200ms ease-out, filter 200ms ease-out"
+                transition: "y var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), height var(--tiger-motion-duration-slow,600ms) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)), opacity var(--tiger-motion-duration-base,200ms) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,200ms) var(--tiger-motion-ease-decelerate,ease-out)"
               } : null
             },
             tabIndex: selectable ? 0 : void 0,
@@ -278,16 +312,16 @@ var BarChart = ({
         )) }),
         showValueLabels && bars.map((bar) => {
           const labelText = valueLabelFormatter ? valueLabelFormatter(bar.datum, bar.index) : String(bar.datum.y);
-          const labelY = tigercatCore.getBarValueLabelY(bar.y, bar.height, valueLabelPosition, 8);
+          const labelY = _tigercatcore.getBarValueLabelY.call(void 0, bar.y, bar.height, valueLabelPosition, 8);
           const isInside = valueLabelPosition === "inside";
-          return /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "text",
             {
               x: bar.x + bar.width / 2,
               y: labelY,
               textAnchor: "middle",
               dominantBaseline: isInside ? "central" : "auto",
-              className: isInside ? tigercatCore.barValueLabelInsideClasses : tigercatCore.barValueLabelClasses,
+              className: isInside ? _tigercatcore.barValueLabelInsideClasses : _tigercatcore.barValueLabelClasses,
               opacity: bar.opacity,
               "data-value-label": "",
               children: labelText
@@ -298,8 +332,8 @@ var BarChart = ({
       ]
     }
   );
-  const tooltip = showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
+  const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoverable && resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -308,15 +342,15 @@ var BarChart = ({
     }
   );
   if (!showLegend) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
       chart,
       tooltip
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWV5XHYW6_js.ChartLegend,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,
@@ -333,5 +367,7 @@ var BarChart = ({
 };
 var BarChart_default = BarChart;
 
-exports.BarChart = BarChart;
-exports.BarChart_default = BarChart_default;
+
+
+
+exports.BarChart = BarChart; exports.BarChart_default = BarChart_default;

package/dist/{chunk-6KKUJT6B.mjs → chunk-NPTXXUXF.mjs}

@@ -1,8 +1,18 @@
-import { RadioGroupContext } from './chunk-PN33UCWB.mjs';
-import { useContext, useState, useMemo } from 'react';
-import { getRadioVisualClasses, defaultRadioColors, getRadioDotClasses, getRadioLabelClasses, classNames, radioRootBaseClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  RadioGroupContext
+} from "./chunk-IG75YSX3.mjs";
 
+// src/components/Radio.tsx
+import { useContext, useMemo, useState } from "react";
+import {
+  classNames,
+  getRadioDotClasses,
+  getRadioLabelClasses,
+  getRadioVisualClasses,
+  defaultRadioColors,
+  radioRootBaseClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Radio = ({
   value,
   size,
@@ -92,4 +102,6 @@ var Radio = ({
   ] });
 };
 
-export { Radio };
+export {
+  Radio
+};

package/dist/{chunk-CVXDKGNX.mjs → chunk-NQNHM4OL.mjs}

@@ -1,10 +1,26 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import React, { useRef, useMemo, useEffect, useCallback } from 'react';
-import { getChartInnerRect, computeHeatmapCells, resolveChartTooltipContent, resolveHeatmapRenderMode, getChartElementOpacity, getHeatmapCellIndexAtPoint, classNames, chartAxisTickTextClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
 
+// src/components/HeatmapChart.tsx
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import {
+  classNames,
+  computeHeatmapCells,
+  getHeatmapCellIndexAtPoint,
+  getChartElementOpacity,
+  getChartInnerRect,
+  resolveHeatmapRenderMode,
+  resolveChartTooltipContent,
+  chartAxisTickTextClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var HeatmapChart = ({
   width = 400,
   height = 300,
@@ -247,7 +263,7 @@ var HeatmapChart = ({
                 opacity,
                 className: classNames(interactive && "cursor-pointer"),
                 style: {
-                  transition: "opacity 0.2s ease-out",
+                  transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                   rx: `var(--tiger-chart-block-radius, ${cellRadius}px)`
                 },
                 onMouseEnter: (e) => handleMouseEnter(idx, e),
@@ -309,4 +325,6 @@ var HeatmapChart = ({
   ] });
 };
 
-export { HeatmapChart };
+export {
+  HeatmapChart
+};

package/dist/chunk-NRLGZRK2.js

@@ -0,0 +1,227 @@
+"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/CronEditor.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var modeOptions = [
+  { label: "Any", value: "any" },
+  { label: "Every", value: "every" },
+  { label: "Specific", value: "specific" },
+  { label: "Range", value: "range" },
+  { label: "Custom", value: "custom" }
+];
+var CronEditor = ({
+  value,
+  defaultValue = _tigercatcore.defaultCronExpression,
+  disabled = false,
+  readonly = false,
+  size = "md",
+  presets = _tigercatcore.defaultCronPresets,
+  ariaLabel = "Cron editor",
+  className,
+  onChange,
+  onValidate
+}) => {
+  const [innerValue, setInnerValue] = _react.useState.call(void 0, defaultValue);
+  const expression = _nullishCoalesce(value, () => ( innerValue));
+  const validation = _react.useMemo.call(void 0, () => _tigercatcore.validateCronExpression.call(void 0, expression), [expression]);
+  const inactive = disabled || readonly;
+  function commit(nextValue) {
+    const normalized = _tigercatcore.normalizeCronExpression.call(void 0, nextValue);
+    const nextValidation = _tigercatcore.validateCronExpression.call(void 0, normalized);
+    if (value === void 0) setInnerValue(normalized);
+    _optionalChain([onChange, 'optionalCall', _ => _(normalized, nextValidation)]);
+    _optionalChain([onValidate, 'optionalCall', _2 => _2(nextValidation)]);
+  }
+  function handleRawExpressionChange(nextValue) {
+    const nextValidation = _tigercatcore.validateCronExpression.call(void 0, nextValue);
+    if (value === void 0) setInnerValue(nextValue);
+    _optionalChain([onChange, 'optionalCall', _3 => _3(nextValue, nextValidation)]);
+    _optionalChain([onValidate, 'optionalCall', _4 => _4(nextValidation)]);
+  }
+  function handleFieldRawChange(meta, raw) {
+    commit(_tigercatcore.updateCronExpressionField.call(void 0, expression, meta.key, raw));
+  }
+  function handleModeChange(meta, control, mode) {
+    const nextControl = {
+      ...control,
+      mode,
+      value: _nullishCoalesce(control.value, () => ( meta.min)),
+      start: _nullishCoalesce(control.start, () => ( meta.min)),
+      end: _nullishCoalesce(control.end, () => ( meta.max)),
+      step: _nullishCoalesce(control.step, () => ( 1))
+    };
+    handleFieldRawChange(meta, _tigercatcore.buildCronFieldValue.call(void 0, nextControl, meta));
+  }
+  function renderFieldControl(meta, control) {
+    if (control.mode === "any") return null;
+    if (control.mode === "every") {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          type: "number",
+          min: 1,
+          max: meta.max,
+          className: _tigercatcore.getCronEditorControlClasses.call(void 0, size),
+          value: _nullishCoalesce(control.step, () => ( 1)),
+          disabled: inactive,
+          "aria-label": `${meta.label} step`,
+          onChange: (event) => handleFieldRawChange(
+            meta,
+            _tigercatcore.buildCronFieldValue.call(void 0, { ...control, step: Number(event.target.value) }, meta)
+          )
+        }
+      );
+    }
+    if (control.mode === "specific") {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          type: "number",
+          min: meta.min,
+          max: meta.max,
+          className: _tigercatcore.getCronEditorControlClasses.call(void 0, size),
+          value: _nullishCoalesce(control.value, () => ( meta.min)),
+          disabled: inactive,
+          "aria-label": `${meta.label} value`,
+          onChange: (event) => handleFieldRawChange(
+            meta,
+            _tigercatcore.buildCronFieldValue.call(void 0, { ...control, value: Number(event.target.value) }, meta)
+          )
+        }
+      );
+    }
+    if (control.mode === "range") {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "number",
+            min: meta.min,
+            max: meta.max,
+            className: _tigercatcore.getCronEditorControlClasses.call(void 0, size),
+            value: _nullishCoalesce(control.start, () => ( meta.min)),
+            disabled: inactive,
+            "aria-label": `${meta.label} range start`,
+            onChange: (event) => handleFieldRawChange(
+              meta,
+              _tigercatcore.buildCronFieldValue.call(void 0, { ...control, start: Number(event.target.value) }, meta)
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "number",
+            min: meta.min,
+            max: meta.max,
+            className: _tigercatcore.getCronEditorControlClasses.call(void 0, size),
+            value: _nullishCoalesce(control.end, () => ( meta.max)),
+            disabled: inactive,
+            "aria-label": `${meta.label} range end`,
+            onChange: (event) => handleFieldRawChange(
+              meta,
+              _tigercatcore.buildCronFieldValue.call(void 0, { ...control, end: Number(event.target.value) }, meta)
+            )
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "text",
+        className: _tigercatcore.getCronEditorControlClasses.call(void 0, size),
+        value: control.raw,
+        disabled: inactive,
+        "aria-label": `${meta.label} custom value`,
+        onChange: (event) => handleFieldRawChange(meta, event.target.value)
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.cronEditorBaseClasses, className),
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              type: "text",
+              className: _tigercatcore.classNames.call(void 0, _tigercatcore.getCronEditorControlClasses.call(void 0, size, !validation.valid), "flex-1"),
+              value: expression,
+              disabled,
+              readOnly: readonly,
+              "aria-label": "Cron expression",
+              onChange: (event) => handleRawExpressionChange(event.target.value)
+            }
+          ),
+          presets.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "select",
+            {
+              className: _tigercatcore.getCronEditorControlClasses.call(void 0, size),
+              value: presets.some((preset) => preset.value === expression) ? expression : "",
+              disabled: inactive,
+              "aria-label": "Cron preset",
+              onChange: (event) => {
+                if (event.target.value) commit(event.target.value);
+              },
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: "", children: "Preset" }),
+                presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: preset.value, children: preset.label }, preset.value))
+              ]
+            }
+          )
+        ] }),
+        validation.issues.filter((issue) => issue.field === "expression").map((issue) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cronEditorErrorClasses, children: issue.message }, issue.message)),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cronEditorFieldsClasses, children: _tigercatcore.cronFieldMetas.map((meta) => {
+          const raw = _tigercatcore.getCronFieldValue.call(void 0, expression, meta.key);
+          const control = _tigercatcore.parseCronFieldControl.call(void 0, raw);
+          const issue = _tigercatcore.getCronFieldIssue.call(void 0, validation, meta.key);
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.cronEditorFieldClasses, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: _tigercatcore.cronEditorLabelClasses, children: meta.label }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "select",
+              {
+                className: _tigercatcore.getCronEditorControlClasses.call(void 0, size, !!issue),
+                value: control.mode,
+                disabled: inactive,
+                "aria-label": `${meta.label} mode`,
+                onChange: (event) => handleModeChange(meta, control, event.target.value),
+                children: modeOptions.map((mode) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: mode.value, children: mode.label }, mode.value))
+              }
+            ),
+            renderFieldControl(meta, control),
+            issue && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cronEditorErrorClasses, children: issue.message })
+          ] }, meta.key);
+        }) })
+      ]
+    }
+  );
+};
+var CronEditor_default = CronEditor;
+
+
+
+
+exports.CronEditor = CronEditor; exports.CronEditor_default = CronEditor_default;

package/dist/chunk-NSEO2B74.mjs

@@ -1,8 +1,16 @@
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import { createBackTopVisibilityController, scrollToTop, classNames, backTopButtonClasses, backTopContainerClasses, backTopVisibleClasses, backTopHiddenClasses, backTopIconPath } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/BackTop.tsx
+import { useState, useEffect, useCallback, useMemo } from "react";
+import {
+  classNames,
+  createBackTopVisibilityController,
+  scrollToTop,
+  backTopButtonClasses,
+  backTopContainerClasses,
+  backTopHiddenClasses,
+  backTopVisibleClasses,
+  backTopIconPath
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var DefaultIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -74,4 +82,7 @@ var BackTop = ({
 };
 var BackTop_default = BackTop;
 
-export { BackTop, BackTop_default };
+export {
+  BackTop,
+  BackTop_default
+};