@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-B63GEB2Y.js → chunk-TIDVBSXR.js}

@@ -2,6 +2,9 @@
 
 var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/DatePicker.tsx
 
 
@@ -30,11 +33,26 @@ var _react = require('react');
 
 
 
+
 // src/components/DatePicker/types.ts
 var isRangeDatePicker = (props) => props.range === true;
 
 // src/components/DatePicker/state.ts
+function normalizeDatePickerLocale(locale) {
+  if (!locale) return void 0;
+  if (typeof locale === "string") return { locale };
+  if ("datePicker" in locale) return locale;
+  const preset = locale;
+  return {
+    locale: hasDatePickerLocaleCode(preset) ? preset.locale : void 0,
+    datePicker: preset
+  };
+}
+function hasDatePickerLocaleCode(locale) {
+  return typeof locale.locale === "string";
+}
 function useDatePickerState(props) {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
   const {
     size = "md",
     disabled = false,
@@ -100,7 +118,11 @@ function useDatePickerState(props) {
   );
   const minDateParsed = _react.useMemo.call(void 0, () => _tigercatcore.parseDate.call(void 0, _nullishCoalesce(props.minDate, () => ( null))), [props.minDate]);
   const maxDateParsed = _react.useMemo.call(void 0, () => _tigercatcore.parseDate.call(void 0, _nullishCoalesce(props.maxDate, () => ( null))), [props.maxDate]);
-  const localeCode = _react.useMemo.call(void 0, () => _tigercatcore.getDatePickerLocaleCode.call(void 0, props.locale), [props.locale]);
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, normalizeDatePickerLocale(props.locale)),
+    [config.locale, props.locale]
+  );
+  const localeCode = _react.useMemo.call(void 0, () => _tigercatcore.getDatePickerLocaleCode.call(void 0, mergedLocale), [mergedLocale]);
   const [viewingMonth, setViewingMonth] = _react.useState.call(void 0, 
     _nullishCoalesce(_optionalChain([(_nullishCoalesce(selectedDate, () => ( selectedRange[0]))), 'optionalAccess', _2 => _2.getMonth, 'call', _3 => _3()]), () => ( (/* @__PURE__ */ new Date()).getMonth()))
   );
@@ -140,8 +162,8 @@ function useDatePickerState(props) {
   const dayNames = _react.useMemo.call(void 0, () => _tigercatcore.getShortDayNames.call(void 0, localeCode), [localeCode]);
   const isRtl = _tigercatcore.getLocaleDirection.call(void 0, localeCode) === "rtl";
   const labels = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getDatePickerLabels.call(void 0, props.locale, props.labels),
-    [props.locale, props.labels]
+    () => _tigercatcore.getDatePickerLabels.call(void 0, mergedLocale, props.labels),
+    [mergedLocale, props.labels]
   );
   const mobileDate = _react.useMemo.call(void 0, () => {
     if (!isRangeMode) return _nullishCoalesce(selectedDate, () => ( _tigercatcore.normalizeDate.call(void 0, /* @__PURE__ */ new Date())));
@@ -559,9 +581,6 @@ function renderDatePickerMobile(ctx) {
 
 
 
-
-
-
 // src/components/DatePicker/icons.tsx
 
 
@@ -614,10 +633,6 @@ function renderDatePickerCalendar(ctx) {
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerCalendarGridClasses, role: "row", children: ctx.dayNames.map((day) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerDayNameClasses, role: "columnheader", children: day }, day)) }),
         (() => {
-          const [rangeStart, rangeEnd] = ctx.selectedRange;
-          const normStart = rangeStart ? _tigercatcore.normalizeDate.call(void 0, rangeStart) : null;
-          const normEnd = rangeEnd ? _tigercatcore.normalizeDate.call(void 0, rangeEnd) : null;
-          const isSelectingEnd = ctx.isRangeMode && Boolean(rangeStart) && !rangeEnd;
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
@@ -627,38 +642,36 @@ function renderDatePickerCalendar(ctx) {
               "aria-colcount": 7,
               children: ctx.calendarDays.map((date, index) => {
                 if (!date) return null;
-                const normDate = _tigercatcore.normalizeDate.call(void 0, date);
-                const isRangeStart = ctx.isRangeMode && rangeStart ? _tigercatcore.isSameDay.call(void 0, date, rangeStart) : false;
-                const isRangeEnd = ctx.isRangeMode && rangeEnd ? _tigercatcore.isSameDay.call(void 0, date, rangeEnd) : false;
-                const isInRange = ctx.isRangeMode && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
-                const isSelected = !ctx.isRangeMode ? ctx.selectedDate ? _tigercatcore.isSameDay.call(void 0, date, ctx.selectedDate) : false : isRangeStart || isRangeEnd;
-                const isCurrentMonthDay = ctx.isCurrentMonth(date);
-                const isTodayDay = _tigercatcore.isToday.call(void 0, date);
-                const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
-                const isDisabled = ctx.isDateDisabled(date) || Boolean(isBeforeRangeStart);
-                const iso = _tigercatcore.formatDate.call(void 0, date, "yyyy-MM-dd");
+                const cell = _tigercatcore.getDatePickerCalendarCellState.call(void 0, {
+                  date,
+                  selectedDate: ctx.selectedDate,
+                  selectedRange: ctx.selectedRange,
+                  isRangeMode: ctx.isRangeMode,
+                  isCurrentMonth: ctx.isCurrentMonth,
+                  isDateDisabled: ctx.isDateDisabled
+                });
                 return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "button",
                   {
                     type: "button",
                     className: _tigercatcore.getDatePickerDayCellClasses.call(void 0, 
-                      isCurrentMonthDay,
-                      isSelected,
-                      isTodayDay,
-                      isDisabled,
-                      Boolean(isInRange),
-                      Boolean(isRangeStart),
-                      Boolean(isRangeEnd)
+                      cell.isCurrentMonthDay,
+                      cell.isSelected,
+                      cell.isTodayDay,
+                      cell.isDisabled,
+                      cell.isInRange,
+                      cell.isRangeStart,
+                      cell.isRangeEnd
                     ),
-                    disabled: isDisabled,
+                    disabled: cell.isDisabled,
                     onClick: () => ctx.selectDate(date),
                     role: "gridcell",
-                    "data-date": iso,
-                    onFocus: () => ctx.setActiveDateIso(iso),
-                    tabIndex: ctx.activeDateIso === iso && !isDisabled ? 0 : -1,
-                    "aria-label": iso,
-                    "aria-selected": isSelected,
-                    "aria-current": isTodayDay ? "date" : void 0,
+                    "data-date": cell.iso,
+                    onFocus: () => ctx.setActiveDateIso(cell.iso),
+                    tabIndex: ctx.activeDateIso === cell.iso && !cell.isDisabled ? 0 : -1,
+                    "aria-label": cell.iso,
+                    "aria-selected": cell.isSelected,
+                    "aria-current": cell.isTodayDay ? "date" : void 0,
                     children: date.getDate()
                   },
                   index

package/dist/{chunk-ZJI2VLIL.js → chunk-TLDTBCT6.js}

@@ -1,4 +1,8 @@
-"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/Tag.tsx
+"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/Tag.tsx
 var _react = require('react');
 
 
@@ -13,6 +17,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -37,15 +43,21 @@ var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
   }
 );
 var Tag = ({
+  locale,
   variant = "default",
   size = "md",
   closable = false,
-  closeAriaLabel = "Close tag",
+  closeAriaLabel,
   onClose,
   children,
   className,
   ...props
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const labels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStatusLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale)),
+    [config.locale, locale]
+  );
   _tigercatcore.warnUnsupportedColorProp.call(void 0, "Tag", props);
   const [isVisible, setIsVisible] = _react.useState.call(void 0, true);
   const tagClasses = _react.useMemo.call(void 0, 
@@ -73,7 +85,7 @@ var Tag = ({
       {
         className: closeButtonClasses,
         onClick: handleClose,
-        "aria-label": closeAriaLabel,
+        "aria-label": _nullishCoalesce(closeAriaLabel, () => ( labels.tagCloseAriaLabel)),
         type: "button",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseIcon, {})
       }

package/dist/{chunk-XFPJYKBQ.js → chunk-TN7GMDME.js}

@@ -12,8 +12,9 @@ var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_r
 
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
+var FloatButtonGroupContext = _react.createContext.call(void 0, null);
 var FloatButton = ({
-  shape = "circle",
+  shape,
   size = "md",
   type = "primary",
   tooltip,
@@ -24,16 +25,18 @@ var FloatButton = ({
   onClick,
   ...props
 }) => {
+  const group = _react.useContext.call(void 0, FloatButtonGroupContext);
+  const resolvedShape = _nullishCoalesce(_nullishCoalesce(shape, () => ( _optionalChain([group, 'optionalAccess', _ => _.shape]))), () => ( "circle"));
   const classes = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, 
       _tigercatcore.floatButtonBaseClasses,
-      _tigercatcore.floatButtonShapeClasses[shape],
+      _tigercatcore.floatButtonShapeClasses[resolvedShape],
       _tigercatcore.floatButtonSizeClasses[size],
       _tigercatcore.floatButtonTypeClasses[type],
       disabled && _tigercatcore.floatButtonDisabledClasses,
       className
     ),
-    [shape, size, type, disabled, className]
+    [resolvedShape, size, type, disabled, className]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "button",
@@ -50,7 +53,7 @@ var FloatButton = ({
   );
 };
 var FloatButtonGroup = ({
-  shape: _shape = "circle",
+  shape: groupShape,
   trigger = "click",
   open: controlledOpen,
   triggerNode,
@@ -59,24 +62,25 @@ var FloatButtonGroup = ({
   onOpenChange,
   ...props
 }) => {
+  const groupContextValue = _react.useMemo.call(void 0, () => ({ shape: groupShape }), [groupShape]);
   const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
   const isOpen = _nullishCoalesce(controlledOpen, () => ( internalOpen));
   const toggle = _react.useCallback.call(void 0, () => {
     const next = !isOpen;
     setInternalOpen(next);
-    _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(next)]);
   }, [isOpen, onOpenChange]);
   const handleMouseEnter = _react.useCallback.call(void 0, () => {
     setInternalOpen(true);
-    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(true)]);
+    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(true)]);
   }, [onOpenChange]);
   const handleMouseLeave = _react.useCallback.call(void 0, () => {
     setInternalOpen(false);
-    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
+    _optionalChain([onOpenChange, 'optionalCall', _4 => _4(false)]);
   }, [onOpenChange]);
   const groupClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.floatButtonGroupClasses, className), [className]);
   if (!_tigercatcore.isBrowser.call(void 0, )) return null;
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FloatButtonGroupContext.Provider, { value: groupContextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: groupClasses,
@@ -88,7 +92,7 @@ var FloatButtonGroup = ({
         isOpen && children
       ]
     }
-  );
+  ) });
   return _reactdom2.default.createPortal(content, document.body);
 };
 

package/dist/{chunk-M3FVPPMM.js → chunk-TO4SSBAJ.js}

@@ -1,5 +1,8 @@
 "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 _chunkI3CDTF4Ujs = require('./chunk-I3CDTF4U.js');
+
+
 var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/Input.tsx
@@ -19,7 +22,7 @@ var _react = require('react');
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Input = ({
-  size = "md",
+  size,
   type = "text",
   status = "default",
   errorMessage,
@@ -51,6 +54,8 @@ var Input = ({
   ...props
 }) => {
   _tigercatcore.injectShakeStyle.call(void 0, );
+  const inputGroup = _chunkI3CDTF4Ujs.useInputGroupContext.call(void 0, );
+  const effectiveSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([inputGroup, 'optionalAccess', _ => _.size]))), () => ( "md"));
   const wrapperRef = _react.useRef.call(void 0, null);
   const inputRef = _react.useRef.call(void 0, null);
   const reactId = _react.useId.call(void 0, );
@@ -66,21 +71,21 @@ var Input = ({
     }
   }, [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)]);
+    _optionalChain([wrapperRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.classList, 'access', _4 => _4.remove, 'call', _5 => _5(_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)]);
+    _optionalChain([onInput, 'optionalCall', _6 => _6(event)]);
   };
   const handleChange = (event) => {
     setInputValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
-    _optionalChain([onChange, 'optionalCall', _6 => _6(event)]);
+    _optionalChain([onChange, 'optionalCall', _7 => _7(event)]);
   };
   const handleClear = () => {
     setInputValue("");
-    _optionalChain([onClear, 'optionalCall', _7 => _7()]);
-    _optionalChain([inputRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
+    _optionalChain([onClear, 'optionalCall', _8 => _8()]);
+    _optionalChain([inputRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.focus, 'call', _11 => _11()]);
   };
   const togglePasswordVisibility = () => {
     setPasswordVisible((v) => !v);
@@ -92,21 +97,21 @@ var Input = ({
   const showPasswordToggle = showPassword && type === "password" && !disabled;
   const effectiveType = showPassword && type === "password" ? passwordVisible ? "text" : "password" : type;
   const inputClasses = _tigercatcore.getInputClasses.call(void 0, {
-    size,
+    size: effectiveSize,
     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 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: errorMsgId, className: _tigercatcore.getInputErrorClasses.call(void 0, effectiveSize), children: errorMessage });
     }
     if (showClear) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
           type: "button",
-          className: _tigercatcore.getInputClearButtonClasses.call(void 0, size),
+          className: _tigercatcore.getInputClearButtonClasses.call(void 0, effectiveSize),
           onClick: handleClear,
           "aria-label": "Clear input",
           tabIndex: -1,
@@ -119,7 +124,7 @@ var Input = ({
         "button",
         {
           type: "button",
-          className: _tigercatcore.getInputPasswordToggleClasses.call(void 0, size),
+          className: _tigercatcore.getInputPasswordToggleClasses.call(void 0, effectiveSize),
           onClick: togglePasswordVisibility,
           "aria-label": passwordVisible ? "Hide password" : "Show password",
           tabIndex: -1,
@@ -128,7 +133,7 @@ var Input = ({
       );
     }
     if (suffix) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", size), children: suffix });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", effectiveSize), children: suffix });
     }
     return null;
   };
@@ -140,7 +145,7 @@ var Input = ({
       style,
       onAnimationEnd: handleAnimationEnd,
       children: [
-        hasPrefix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", size), children: prefix }),
+        hasPrefix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", effectiveSize), children: prefix }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {

package/dist/{chunk-XTQUPDRI.js → chunk-TPU6S7G7.js}

@@ -1,6 +1,6 @@
 "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(); } } 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 _chunkUAM3RQY4js = require('./chunk-UAM3RQY4.js');
+var _chunk24NDLFPKjs = require('./chunk-24NDLFPK.js');
 
 // src/components/FormItem.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -43,7 +43,7 @@ var FormItem = ({
   className,
   condition
 }) => {
-  const formContext = _chunkUAM3RQY4js.useFormContext.call(void 0, );
+  const formContext = _chunk24NDLFPKjs.useFormContext.call(void 0, );
   const [errorMessage, setErrorMessage] = _react.useState.call(void 0, "");
   const [shakeTrigger, setShakeTrigger] = _react.useState.call(void 0, 0);
   const prevFormErrorRef = _react.useRef.call(void 0, "");

package/dist/{chunk-NEZ445D4.mjs → chunk-TRXNHYWB.mjs}

@@ -1,15 +1,15 @@
 import {
   Table
-} from "./chunk-RVLV63SI.mjs";
+} from "./chunk-S4NGDDAM.mjs";
 import {
   Select
-} from "./chunk-WFWEMXO7.mjs";
+} from "./chunk-LUABLBKS.mjs";
 import {
   Popover
 } from "./chunk-RYHM75MP.mjs";
 import {
   Input
-} from "./chunk-QIL24WZD.mjs";
+} from "./chunk-DEQZZKY5.mjs";
 import {
   Checkbox
 } from "./chunk-6BOSSZM3.mjs";

package/dist/{chunk-H6NC6SBX.js → chunk-TVEO2CFD.js}

@@ -3,7 +3,7 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
@@ -289,7 +289,7 @@ var HeatmapChart = ({
     }
   );
   const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",

package/dist/{chunk-6QQBMZQ6.mjs → chunk-U2ZXZ2KQ.mjs}

@@ -8,7 +8,9 @@ import {
   clampDimensions,
   applyAspectRatio,
   defaultResizeHandles,
-  createDocumentDragSession
+  createDocumentDragSession,
+  getResizeKeyboardDelta,
+  getResizeHandleOrientation
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Resizable = ({
@@ -118,6 +120,54 @@ var Resizable = ({
       onResizeEnd
     ]
   );
+  const handleKeyDown = useCallback(
+    (handle, e) => {
+      if (disabled) return;
+      const delta = getResizeKeyboardDelta(e.key);
+      if (!delta) return;
+      e.preventDefault();
+      const startW = width ?? 0;
+      const startH = height ?? 0;
+      const { deltaWidth, deltaHeight } = calculateResizeDelta(
+        handle,
+        delta.deltaX,
+        delta.deltaY,
+        axis
+      );
+      let newW = startW + deltaWidth;
+      let newH = startH + deltaHeight;
+      if (lockAspectRatio) {
+        const ar = applyAspectRatio(newW, newH, startW, startH);
+        newW = ar.width;
+        newH = ar.height;
+      }
+      const clamped = clampDimensions(newW, newH, minWidth, minHeight, maxWidth, maxHeight);
+      setWidth(clamped.width);
+      setHeight(clamped.height);
+      const evt = {
+        width: clamped.width,
+        height: clamped.height,
+        handle,
+        deltaX: clamped.width - startW,
+        deltaY: clamped.height - startH
+      };
+      onResize?.(evt);
+      onResizeEnd?.(evt);
+    },
+    [
+      disabled,
+      width,
+      height,
+      axis,
+      lockAspectRatio,
+      minWidth,
+      minHeight,
+      maxWidth,
+      maxHeight,
+      onResize,
+      onResizeEnd
+    ]
+  );
   const containerClasses = useMemo(
     () => classNames(resizableBaseClasses, "group/resizable", className),
     [className]
@@ -130,15 +180,29 @@ var Resizable = ({
   }, [width, height, style]);
   return /* @__PURE__ */ jsxs("div", { className: containerClasses, style: containerStyle, "data-resizable": "", children: [
     children,
-    handles.map((pos) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: getResizableHandleClasses(pos, draggingHandle === pos, disabled),
-        "data-handle": pos,
-        onMouseDown: (e) => handleMouseDown(pos, e)
-      },
-      pos
-    ))
+    handles.map((pos) => {
+      const usesHeight = pos === "top" || pos === "bottom";
+      const valueNow = Math.round((usesHeight ? height : width) ?? 0);
+      const valueMin = usesHeight ? minHeight : minWidth;
+      const valueMax = usesHeight ? maxHeight : maxWidth;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: getResizableHandleClasses(pos, draggingHandle === pos, disabled),
+          "data-handle": pos,
+          role: "separator",
+          "aria-label": `Resize ${pos}`,
+          "aria-orientation": getResizeHandleOrientation(pos),
+          "aria-valuenow": valueNow,
+          "aria-valuemin": valueMin,
+          "aria-valuemax": valueMax,
+          tabIndex: disabled ? -1 : 0,
+          onMouseDown: (e) => handleMouseDown(pos, e),
+          onKeyDown: (e) => handleKeyDown(pos, e)
+        },
+        pos
+      );
+    })
   ] });
 };
 var Resizable_default = Resizable;

package/dist/{chunk-AVLIUHOS.mjs → chunk-U337RHJB.mjs}

@@ -1,15 +1,15 @@
 import {
   Timeline
-} from "./chunk-ZA5EFHET.mjs";
+} from "./chunk-Z6BDNV3S.mjs";
 import {
   Loading
-} from "./chunk-2LYV6NBJ.mjs";
+} from "./chunk-WTIEJCRV.mjs";
 import {
   Link
 } from "./chunk-XZVQ3PJS.mjs";
 import {
   Tag
-} from "./chunk-WMPCN7OF.mjs";
+} from "./chunk-MZCGQED3.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
@@ -125,7 +125,7 @@ var ActivityFeed = ({
                   {
                     variant: item.status.variant ?? "default",
                     size: "sm",
-                    className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10 shadow-sm",
+                    className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10 shadow-sm",
                     children: item.status.label
                   }
                 ) : null

package/dist/{chunk-VC26SAXB.js → chunk-UQZ4RLTI.js}

@@ -238,7 +238,7 @@ function useTimePickerState(allProps) {
     updateTime(hours24, selectedMinutes, selectedSeconds);
   };
   const updateTime = (hours, minutes, seconds) => {
-    if (!_tigercatcore.isTimeInRange.call(void 0, hours, minutes, minTime, maxTime)) {
+    if (!_tigercatcore.isTimeInRange.call(void 0, hours, minutes, minTime, maxTime, seconds)) {
       return;
     }
     let timeString = _tigercatcore.formatTime.call(void 0, hours, minutes, seconds, showSeconds);
@@ -305,10 +305,13 @@ function useTimePickerState(allProps) {
   };
   const isHourDisabled = (hour) => {
     const hours24 = format === "12" ? _tigercatcore.to24HourFormat.call(void 0, hour, selectedPeriod) : hour;
-    return !_tigercatcore.isTimeInRange.call(void 0, hours24, selectedMinutes, minTime, maxTime);
+    return !_tigercatcore.isTimeInRange.call(void 0, hours24, selectedMinutes, minTime, maxTime, selectedSeconds);
   };
   const isMinuteDisabled = (minute) => {
-    return !_tigercatcore.isTimeInRange.call(void 0, selectedHours, minute, minTime, maxTime);
+    return !_tigercatcore.isTimeInRange.call(void 0, selectedHours, minute, minTime, maxTime, selectedSeconds);
+  };
+  const isSecondDisabled = (second) => {
+    return !_tigercatcore.isTimeInRange.call(void 0, selectedHours, selectedMinutes, minTime, maxTime, second);
   };
   const handleInputClick = () => {
     togglePanel();
@@ -391,7 +394,8 @@ function useTimePickerState(allProps) {
     selectSecond,
     selectPeriod,
     isHourDisabled,
-    isMinuteDisabled
+    isMinuteDisabled,
+    isSecondDisabled
   };
 }
 
@@ -432,7 +436,7 @@ function renderTimePickerMobile(ctx) {
         value: ctx.selectedSeconds,
         "aria-label": ctx.labels.second,
         onChange: (event) => ctx.selectSecond(Number(event.target.value)),
-        children: ctx.secondsList.map((second) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: second, children: _tigercatcore.padTwo.call(void 0, second) }, second))
+        children: ctx.secondsList.map((second) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: second, disabled: ctx.isSecondDisabled(second), children: _tigercatcore.padTwo.call(void 0, second) }, second))
       }
     ),
     ctx.format === "12" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -523,11 +527,13 @@ function renderTimePickerDesktop(ctx) {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timePickerColumnHeaderClasses, children: ctx.labels.second }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timePickerColumnListClasses, children: ctx.secondsList.map((second) => {
         const isSelected = ctx.selectedSeconds === second;
+        const isDisabled = ctx.isSecondDisabled(second);
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
             type: "button",
-            className: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, false),
+            className: _tigercatcore.getTimePickerItemClasses.call(void 0, isSelected, isDisabled),
+            disabled: isDisabled,
             onClick: () => ctx.selectSecond(second),
             "data-tiger-timepicker-unit": "second",
             "aria-label": _tigercatcore.getTimePickerOptionAriaLabel.call(void 0,