@expcat/tigercat-react 0.3.0 → 0.3.69

package/dist/{chunk-L63N3LCG.js → chunk-JQNKI2ZZ.js}

@@ -50,6 +50,13 @@ var BarChart = ({
   showTooltip = true,
   tooltipFormatter,
   legendFormatter,
+  showValueLabels = false,
+  valueLabelPosition = "top",
+  valueLabelFormatter,
+  barMinHeight = 0,
+  barMaxWidth,
+  gradient = false,
+  animated = false,
   title,
   desc,
   className,
@@ -58,6 +65,7 @@ var BarChart = ({
   onBarClick,
   onBarHover
 }) => {
+  const gradientPrefix = react.useMemo(() => tigercatCore.getBarGradientPrefix(), []);
   const {
     tooltipPosition,
     resolvedHoveredIndex,
@@ -107,21 +115,25 @@ var BarChart = ({
     const extent = tigercatCore.getNumberExtent(yValues, { includeZero: true });
     return tigercatCore.createLinearScale(extent, [innerRect.height, 0]);
   }, [yScale, yValues, innerRect.height]);
-  const palette = react.useMemo(
-    () => colors && colors.length > 0 ? colors : barColor ? [barColor] : [...tigercatCore.DEFAULT_CHART_COLORS],
-    [colors, barColor]
-  );
+  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors, barColor), [colors, barColor]);
   const bars = react.useMemo(() => {
     const scale = resolvedXScale;
-    const bandWidth = scale.bandwidth ?? (scale.step ? scale.step * 0.7 : innerRect.width / Math.max(1, data.length) * 0.8);
+    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 bandOffset = rawBandWidth > bandWidth ? (rawBandWidth - bandWidth) / 2 : 0;
     const baseline = resolvedYScale.map(0);
     return data.map((item, index) => {
       const xKey = scale.type === "linear" ? Number(item.x) : String(item.x);
       const xPos = scale.map(xKey);
-      const barX = scale.bandwidth ? xPos : xPos - bandWidth / 2;
+      const barX = (scale.bandwidth ? xPos : xPos - rawBandWidth / 2) + bandOffset;
       const barYValue = resolvedYScale.map(item.y);
-      const barHeight = Math.abs(baseline - barYValue);
-      const barY = Math.min(baseline, barYValue);
+      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);
+        barY = clamped.y;
+        barHeight = clamped.height;
+      }
       const color = item.color ?? palette[index % palette.length];
       const opacity = tigercatCore.getChartElementOpacity(index, activeIndex, {
         activeOpacity,
@@ -146,30 +158,29 @@ var BarChart = ({
     palette,
     activeIndex,
     activeOpacity,
-    inactiveOpacity
+    inactiveOpacity,
+    barMinHeight,
+    barMaxWidth
   ]);
   const legendItems = react.useMemo(
-    () => data.map((item, index) => ({
-      index,
-      label: legendFormatter ? legendFormatter(item, index) : item.label ?? String(item.x),
-      color: item.color ?? palette[index % palette.length],
-      active: activeIndex === null || activeIndex === index
-    })),
+    () => tigercatCore.buildChartLegendItems({
+      data,
+      palette,
+      activeIndex,
+      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? String(d.x),
+      getColor: (d, i) => d.color ?? palette[i % palette.length]
+    }),
     [data, legendFormatter, palette, activeIndex]
   );
-  const formatTooltip = react.useCallback(
-    (datum, index) => {
-      if (tooltipFormatter) return tooltipFormatter(datum, index);
-      const label = datum.label ?? String(datum.x);
-      return `${label}: ${datum.y}`;
-    },
-    [tooltipFormatter]
+  const tooltipContent = react.useMemo(
+    () => tigercatCore.resolveChartTooltipContent(
+      resolvedHoveredIndex,
+      data,
+      tooltipFormatter,
+      tigercatCore.defaultXYTooltipFormatter
+    ),
+    [resolvedHoveredIndex, data, tooltipFormatter]
   );
-  const tooltipContent = react.useMemo(() => {
-    if (resolvedHoveredIndex === null) return "";
-    const datum = data[resolvedHoveredIndex];
-    return datum ? formatTooltip(datum, resolvedHoveredIndex) : "";
-  }, [resolvedHoveredIndex, data, formatTooltip]);
   const shouldShowXAxis = showAxis && showXAxis;
   const shouldShowYAxis = showAxis && showYAxis;
   const chart = /* @__PURE__ */ jsxRuntime.jsxs(
@@ -182,6 +193,21 @@ var BarChart = ({
       desc,
       className: tigercatCore.classNames(className),
       children: [
+        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: bars.map((bar) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "linearGradient",
+          {
+            id: `${gradientPrefix}-${bar.index}`,
+            x1: "0",
+            y1: "0",
+            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 })
+            ]
+          },
+          `grad-${bar.index}`
+        )) }),
         showGrid && /* @__PURE__ */ jsxRuntime.jsx(
           chunk3QFHVAZT_js.ChartGrid,
           {
@@ -228,12 +254,15 @@ var BarChart = ({
             height: bar.height,
             rx: barRadius,
             ry: barRadius,
-            fill: bar.color,
+            fill: gradient ? `url(#${gradientPrefix}-${bar.index})` : bar.color,
             opacity: bar.opacity,
             className: tigercatCore.classNames(
-              "transition-opacity duration-150",
-              (hoverable || selectable) && "cursor-pointer"
+              "transition-[opacity,filter] duration-200",
+              (hoverable || selectable) && "cursor-pointer hover:brightness-110"
             ),
+            style: animated ? {
+              transition: "y 600ms cubic-bezier(.4,0,.2,1), height 600ms cubic-bezier(.4,0,.2,1), opacity 200ms ease-out, filter 200ms ease-out"
+            } : void 0,
             tabIndex: selectable ? 0 : void 0,
             onMouseEnter: (e) => handleMouseEnter(bar.index, e),
             onMouseMove: handleMouseMove,
@@ -242,7 +271,26 @@ var BarChart = ({
             onKeyDown: (e) => handleKeyDown(e, bar.index)
           },
           `bar-${bar.index}`
-        )) })
+        )) }),
+        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 isInside = valueLabelPosition === "inside";
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "text",
+            {
+              x: bar.x + bar.width / 2,
+              y: labelY,
+              textAnchor: "middle",
+              dominantBaseline: isInside ? "central" : "auto",
+              className: isInside ? tigercatCore.barValueLabelInsideClasses : tigercatCore.barValueLabelClasses,
+              opacity: bar.opacity,
+              "data-value-label": "",
+              children: labelText
+            },
+            `label-${bar.index}`
+          );
+        })
       ]
     }
   );

package/dist/{chunk-X4F6NSI5.mjs → chunk-JUWFVIDP.mjs}

@@ -33,7 +33,7 @@ var CollapsePanel = ({
     if (!disabled) {
       collapseContext.handlePanelClick(panelKey);
     }
-  }, [disabled, collapseContext, panelKey]);
+  }, [disabled, collapseContext.handlePanelClick, panelKey]);
   const handleKeyDown = useCallback(
     (event) => {
       if (disabled) {
@@ -44,7 +44,7 @@ var CollapsePanel = ({
         collapseContext.handlePanelClick(panelKey);
       }
     },
-    [disabled, collapseContext, panelKey]
+    [disabled, collapseContext.handlePanelClick, panelKey]
   );
   const arrowIcon = /* @__PURE__ */ jsx(
     "svg",

package/dist/{chunk-LADCWARG.mjs → chunk-JVTAKNRO.mjs}

@@ -1,3 +1,4 @@
+import { useMemo } from 'react';
 import { classNames, getTimelineContainerClasses, timelineListClasses, getTimelineItemClasses, getTimelineTailClasses, getTimelineHeadClasses, getTimelineContentClasses, timelineLabelClasses, timelineDescriptionClasses, getPendingDotClasses, getTimelineDotClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -14,18 +15,19 @@ var Timeline = ({
   className,
   ...ulProps
 }) => {
-  let processedItems = [...items];
-  if (reverse) processedItems = processedItems.reverse();
-  if (mode === "alternate") {
-    processedItems = processedItems.map((item, index) => ({
-      ...item,
-      position: item.position || (index % 2 === 0 ? "left" : "right")
-    }));
-  }
-  const containerClasses = classNames(
-    getTimelineContainerClasses(mode),
-    timelineListClasses,
-    className
+  const processedItems = useMemo(() => {
+    let result = reverse ? [...items].reverse() : [...items];
+    if (mode === "alternate") {
+      result = result.map((item, index) => ({
+        ...item,
+        position: item.position || (index % 2 === 0 ? "left" : "right")
+      }));
+    }
+    return result;
+  }, [items, reverse, mode]);
+  const containerClasses = useMemo(
+    () => classNames(getTimelineContainerClasses(mode), timelineListClasses, className),
+    [mode, className]
   );
   const getItemKey = (item, index) => item.key || index;
   const wrapCustomDot = (node) => /* @__PURE__ */ jsx("div", { className: getTimelineDotClasses(void 0, true), children: node });
@@ -47,8 +49,8 @@ var Timeline = ({
     const isLast = index === processedItems.length - 1 && !pending;
     const position = item.position;
     const itemClasses = getTimelineItemClasses(mode, position, isLast);
-    const tailClasses = getTimelineTailClasses(mode, position, isLast);
-    const headClasses = getTimelineHeadClasses(mode, position);
+    const tailClasses = getTimelineTailClasses(mode, isLast);
+    const headClasses = getTimelineHeadClasses(mode);
     const contentClasses = getTimelineContentClasses(mode, position);
     if (renderItem) {
       return /* @__PURE__ */ jsxs("li", { className: itemClasses, children: [
@@ -73,7 +75,7 @@ var Timeline = ({
     const index = processedItems.length;
     const position = mode === "alternate" ? index % 2 === 0 ? "left" : "right" : void 0;
     const itemClasses = getTimelineItemClasses(mode, position, true);
-    const headClasses = getTimelineHeadClasses(mode, position);
+    const headClasses = getTimelineHeadClasses(mode);
     const contentClasses = getTimelineContentClasses(mode, position);
     return /* @__PURE__ */ jsxs("li", { className: itemClasses, children: [
       /* @__PURE__ */ jsx("div", { className: headClasses, children: renderDotElement({}, true) }),

package/dist/{chunk-2Y327ZU4.js → chunk-KAWE5LQZ.js}

@@ -82,8 +82,8 @@ var DatePicker = (props) => {
     const end = Array.isArray(tuple) ? tigercatCore.parseDate(tuple[1]) : null;
     return [start, end];
   })();
-  const minDateParsed = tigercatCore.parseDate(props.minDate ?? null);
-  const maxDateParsed = tigercatCore.parseDate(props.maxDate ?? null);
+  const minDateParsed = react.useMemo(() => tigercatCore.parseDate(props.minDate ?? null), [props.minDate]);
+  const maxDateParsed = react.useMemo(() => tigercatCore.parseDate(props.maxDate ?? null), [props.maxDate]);
   const [viewingMonth, setViewingMonth] = react.useState(
     (selectedDate ?? selectedRange[0])?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
   );
@@ -106,14 +106,20 @@ var DatePicker = (props) => {
     if (!isRangeMode) return selectedDate !== null;
     return selectedRange[0] !== null || selectedRange[1] !== null;
   })();
-  const calendarDays = tigercatCore.getCalendarDays(viewingYear, viewingMonth);
-  const dayNames = tigercatCore.getShortDayNames(props.locale);
-  const labels = tigercatCore.getDatePickerLabels(props.locale, props.labels);
+  const calendarDays = react.useMemo(
+    () => tigercatCore.getCalendarDays(viewingYear, viewingMonth),
+    [viewingYear, viewingMonth]
+  );
+  const dayNames = react.useMemo(() => tigercatCore.getShortDayNames(props.locale), [props.locale]);
+  const labels = react.useMemo(
+    () => tigercatCore.getDatePickerLabels(props.locale, props.labels),
+    [props.locale, props.labels]
+  );
   const toggleCalendar = () => {
     if (!disabled && !readonly) {
       setIsOpen(!isOpen);
       if (!isOpen) {
-        restoreFocusRef.current = document.activeElement ?? null;
+        restoreFocusRef.current = inputRef.current ?? null;
         const baseDate = selectedDate ?? selectedRange[0];
         if (baseDate) {
           setViewingMonth(baseDate.getMonth());
@@ -258,11 +264,7 @@ var DatePicker = (props) => {
       setRangeValue([normalizedDate, null]);
       return;
     }
-    if (normalizedDate < start) {
-      setRangeValue([start, start]);
-    } else {
-      setRangeValue([start, normalizedDate]);
-    }
+    setRangeValue([start, normalizedDate < start ? start : normalizedDate]);
   };
   const setToday = () => {
     selectDate(/* @__PURE__ */ new Date());
@@ -303,25 +305,14 @@ var DatePicker = (props) => {
     if (!date) return false;
     return date.getMonth() === viewingMonth;
   };
-  const handleInputClick = () => {
-    toggleCalendar();
-  };
   react.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (calendarRef.current && inputWrapperRef.current && !calendarRef.current.contains(event.target) && !inputWrapperRef.current.contains(event.target)) {
-        closeCalendar();
-      }
-    };
     if (isOpen) {
-      document.addEventListener("click", handleClickOutside);
-      return () => {
-        document.removeEventListener("click", handleClickOutside);
+      const handleClickOutside = (event) => {
+        if (calendarRef.current && inputWrapperRef.current && !calendarRef.current.contains(event.target) && !inputWrapperRef.current.contains(event.target)) {
+          closeCalendar();
+        }
       };
-    }
-  }, [isOpen]);
-  react.useEffect(() => {
-    if (isOpen) {
-      restoreFocusRef.current = document.activeElement ?? null;
+      document.addEventListener("click", handleClickOutside);
       const preferred = pendingFocusIsoRef.current ?? getPreferredFocusIso();
       pendingFocusIsoRef.current = null;
       setTimeout(() => {
@@ -329,11 +320,9 @@ var DatePicker = (props) => {
         const fallback = getFirstEnabledIsoInView();
         if (fallback) focusDateButtonByIso(fallback);
       }, 0);
-      return;
+      return () => document.removeEventListener("click", handleClickOutside);
     }
-    setTimeout(() => {
-      restoreFocus();
-    }, 0);
+    setTimeout(() => restoreFocus(), 0);
   }, [isOpen]);
   react.useEffect(() => {
     if (!isOpen) return;
@@ -346,8 +335,11 @@ var DatePicker = (props) => {
       if (fallback) focusDateButtonByIso(fallback);
     }, 0);
   }, [isOpen, viewingMonth, viewingYear]);
-  const inputClasses = tigercatCore.getDatePickerInputClasses(size, disabled || readonly);
-  const iconButtonClasses = tigercatCore.getDatePickerIconButtonClasses(size);
+  const inputClasses = react.useMemo(
+    () => tigercatCore.getDatePickerInputClasses(size, disabled || readonly),
+    [size, disabled, readonly]
+  );
+  const iconButtonClasses = react.useMemo(() => tigercatCore.getDatePickerIconButtonClasses(size), [size]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(tigercatCore.datePickerBaseClasses, props.className), ...divProps, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: inputWrapperRef, className: tigercatCore.datePickerInputWrapperClasses, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -363,7 +355,7 @@ var DatePicker = (props) => {
           required,
           name: props.name,
           id: props.id,
-          onClick: handleInputClick,
+          onClick: toggleCalendar,
           "aria-label": placeholder || "Select date"
         }
       ),
@@ -423,55 +415,60 @@ var DatePicker = (props) => {
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.datePickerCalendarGridClasses, role: "row", children: dayNames.map((day) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.datePickerDayNameClasses, role: "columnheader", children: day }, day)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: tigercatCore.datePickerCalendarGridClasses,
-              role: "grid",
-              "aria-rowcount": 6,
-              "aria-colcount": 7,
-              children: calendarDays.map((date, index) => {
-                if (!date) return null;
-                const [rangeStart, rangeEnd] = selectedRange;
-                const isRangeStart = isRangeMode && rangeStart ? tigercatCore.isSameDay(date, rangeStart) : false;
-                const isRangeEnd = isRangeMode && rangeEnd ? tigercatCore.isSameDay(date, rangeEnd) : false;
-                const isInRange = isRangeMode && rangeStart && rangeEnd && tigercatCore.normalizeDate(date) >= tigercatCore.normalizeDate(rangeStart) && tigercatCore.normalizeDate(date) <= tigercatCore.normalizeDate(rangeEnd);
-                const isSelected = !isRangeMode ? selectedDate ? tigercatCore.isSameDay(date, selectedDate) : false : isRangeStart || isRangeEnd;
-                const isCurrentMonthDay = isCurrentMonth(date);
-                const isTodayDay = tigercatCore.isToday(date);
-                const isSelectingRangeEnd = isRangeMode && Boolean(rangeStart) && !rangeEnd;
-                const isBeforeRangeStart = isSelectingRangeEnd && rangeStart && tigercatCore.normalizeDate(date) < tigercatCore.normalizeDate(rangeStart);
-                const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
-                const iso = tigercatCore.formatDate(date, "yyyy-MM-dd");
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: tigercatCore.getDatePickerDayCellClasses(
-                      isCurrentMonthDay,
-                      isSelected,
-                      isTodayDay,
-                      isDisabled,
-                      Boolean(isInRange),
-                      Boolean(isRangeStart),
-                      Boolean(isRangeEnd)
-                    ),
-                    disabled: isDisabled,
-                    onClick: () => selectDate(date),
-                    role: "gridcell",
-                    "data-date": iso,
-                    onFocus: () => setActiveDateIso(iso),
-                    tabIndex: activeDateIso === iso && !isDisabled ? 0 : -1,
-                    "aria-label": iso,
-                    "aria-selected": isSelected,
-                    "aria-current": isTodayDay ? "date" : void 0,
-                    children: date.getDate()
-                  },
-                  index
-                );
-              })
-            }
-          ),
+          (() => {
+            const [rangeStart, rangeEnd] = selectedRange;
+            const normStart = rangeStart ? tigercatCore.normalizeDate(rangeStart) : null;
+            const normEnd = rangeEnd ? tigercatCore.normalizeDate(rangeEnd) : null;
+            const isSelectingEnd = isRangeMode && Boolean(rangeStart) && !rangeEnd;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: tigercatCore.datePickerCalendarGridClasses,
+                role: "grid",
+                "aria-rowcount": 6,
+                "aria-colcount": 7,
+                children: calendarDays.map((date, index) => {
+                  if (!date) return null;
+                  const normDate = tigercatCore.normalizeDate(date);
+                  const isRangeStart = isRangeMode && rangeStart ? tigercatCore.isSameDay(date, rangeStart) : false;
+                  const isRangeEnd = isRangeMode && rangeEnd ? tigercatCore.isSameDay(date, rangeEnd) : false;
+                  const isInRange = isRangeMode && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
+                  const isSelected = !isRangeMode ? selectedDate ? tigercatCore.isSameDay(date, selectedDate) : false : isRangeStart || isRangeEnd;
+                  const isCurrentMonthDay = isCurrentMonth(date);
+                  const isTodayDay = tigercatCore.isToday(date);
+                  const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
+                  const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
+                  const iso = tigercatCore.formatDate(date, "yyyy-MM-dd");
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: tigercatCore.getDatePickerDayCellClasses(
+                        isCurrentMonthDay,
+                        isSelected,
+                        isTodayDay,
+                        isDisabled,
+                        Boolean(isInRange),
+                        Boolean(isRangeStart),
+                        Boolean(isRangeEnd)
+                      ),
+                      disabled: isDisabled,
+                      onClick: () => selectDate(date),
+                      role: "gridcell",
+                      "data-date": iso,
+                      onFocus: () => setActiveDateIso(iso),
+                      tabIndex: activeDateIso === iso && !isDisabled ? 0 : -1,
+                      "aria-label": iso,
+                      "aria-selected": isSelected,
+                      "aria-current": isTodayDay ? "date" : void 0,
+                      children: date.getDate()
+                    },
+                    index
+                  );
+                })
+              }
+            );
+          })(),
           isRangeMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.datePickerFooterClasses, children: [
             /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: tigercatCore.datePickerFooterButtonClasses, onClick: setToday, children: labels.today }),
             /* @__PURE__ */ jsxRuntime.jsx(

package/dist/{chunk-TR246HQP.mjs → chunk-KMTERPME.mjs}

@@ -19,7 +19,7 @@ var Checkbox = ({
   const [internalChecked, setInternalChecked] = useState(defaultChecked);
   const isControlled = controlledChecked !== void 0;
   const effectiveSize = propSize || groupContext?.size || "md";
-  const effectiveDisabled = propDisabled !== void 0 ? propDisabled : groupContext?.disabled || false;
+  const effectiveDisabled = propDisabled || groupContext?.disabled || false;
   const checked = groupContext && value !== void 0 ? groupContext.value.includes(value) : isControlled ? controlledChecked : internalChecked;
   const checkboxRef = useRef(null);
   useEffect(() => {
@@ -40,28 +40,24 @@ var Checkbox = ({
     }
   };
   const checkboxClasses = getCheckboxClasses(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__ */ jsx("input", { ...inputProps, className: classNames(checkboxClasses, className) });
+  }
   const labelClasses = classNames(
     getCheckboxLabelClasses(effectiveSize, effectiveDisabled),
     className
   );
-  const checkboxElement = /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref: checkboxRef,
-      type: "checkbox",
-      className: checkboxClasses,
-      checked,
-      disabled: effectiveDisabled,
-      value: typeof value === "boolean" ? String(value) : value,
-      onChange: handleChange,
-      ...props
-    }
-  );
-  if (!children) {
-    return checkboxElement;
-  }
   return /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-    checkboxElement,
+    /* @__PURE__ */ jsx("input", { ...inputProps, className: checkboxClasses }),
     /* @__PURE__ */ jsx("span", { className: "ml-2", children })
   ] });
 };

package/dist/chunk-LIV33O73.mjs

@@ -0,0 +1,26 @@
+import React from 'react';
+import { classNames, getTextClasses } from '@expcat/tigercat-core';
+
+// src/components/Text.tsx
+var Text = ({
+  tag = "p",
+  size,
+  weight,
+  align,
+  color,
+  truncate,
+  italic,
+  underline,
+  lineThrough,
+  children,
+  className,
+  ...props
+}) => {
+  const textClasses = classNames(
+    getTextClasses({ size, weight, align, color, truncate, italic, underline, lineThrough }),
+    className
+  );
+  return React.createElement(tag, { ...props, className: textClasses }, children);
+};
+
+export { Text };

package/dist/{chunk-PVOQUXIB.mjs → chunk-LL6B4BHF.mjs}

@@ -1,7 +1,7 @@
-import { Input } from './chunk-6ZTCBQJ7.mjs';
-import { Textarea } from './chunk-672SCJWZ.mjs';
-import { Button } from './chunk-STEIWBMF.mjs';
-import { Avatar } from './chunk-V2HVHLBY.mjs';
+import { Input } from './chunk-RPTLVIBF.mjs';
+import { Textarea } from './chunk-VCNZEQEB.mjs';
+import { Button } from './chunk-ENSLMM3L.mjs';
+import { Avatar } from './chunk-FE7PEZTI.mjs';
 import { useState, useEffect, useMemo, useCallback } from 'react';
 import { classNames, getChatMessageStatusInfo, formatChatTime } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/chunk-LXQOQJMU.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var chunkMWH6FCSE_js = require('./chunk-MWH6FCSE.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var createPopoverId = tigercatCore.createFloatingIdFactory("popover");
+var Popover = ({
+  visible,
+  defaultVisible = false,
+  title,
+  content,
+  trigger = "click",
+  placement = "top",
+  disabled = false,
+  width,
+  offset = 8,
+  className,
+  style,
+  children,
+  titleContent,
+  contentContent,
+  onVisibleChange,
+  ...divProps
+}) => {
+  const popoverIdRef = react.useRef(null);
+  if (!popoverIdRef.current) popoverIdRef.current = createPopoverId();
+  const popoverId = popoverIdRef.current;
+  const titleId = `${popoverId}-title`;
+  const contentId = `${popoverId}-content`;
+  const {
+    currentVisible,
+    containerRef,
+    triggerRef,
+    floatingRef,
+    floatingStyles,
+    triggerHandlers
+  } = chunkMWH6FCSE_js.usePopup({ visible, defaultVisible, disabled, trigger, placement, offset, onVisibleChange });
+  const containerClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.getPopoverContainerClasses(), className),
+    [className]
+  );
+  const triggerClasses = react.useMemo(() => tigercatCore.getPopoverTriggerClasses(disabled), [disabled]);
+  const contentClasses = react.useMemo(() => tigercatCore.getPopoverContentClasses(width), [width]);
+  if (!children) return null;
+  const hasTitle = Boolean(title || titleContent);
+  const hasContent = Boolean(content || contentContent);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: triggerRef,
+        className: triggerClasses,
+        "aria-haspopup": "dialog",
+        "aria-disabled": disabled ? "true" : void 0,
+        ...triggerHandlers,
+        children
+      }
+    ),
+    currentVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id: popoverId,
+        role: "dialog",
+        "aria-modal": "false",
+        "aria-labelledby": hasTitle ? titleId : void 0,
+        "aria-describedby": hasContent ? contentId : void 0,
+        className: contentClasses,
+        children: [
+          hasTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: tigercatCore.POPOVER_TITLE_CLASSES, children: titleContent || title }),
+          hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: contentId, className: tigercatCore.POPOVER_TEXT_CLASSES, children: contentContent || content })
+        ]
+      }
+    ) })
+  ] });
+};
+
+exports.Popover = Popover;