@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-73BP3WQN.mjs → chunk-J4OQ2VRH.mjs}

@@ -1,8 +1,23 @@
-import { useId, useState, useRef, useEffect, useMemo } from 'react';
-import { filterAutoCompleteOptions, classNames, autoCompleteBaseClasses, getAutoCompleteInputClasses, icon20ViewBox, closeSolidIcon20PathD, autoCompleteDropdownClasses, getAutoCompleteOptionClasses, autoCompleteEmptyStateClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/AutoComplete.tsx
+import { useState, useRef, useEffect, useId, useMemo } from "react";
+import {
+  autoCompleteBaseClasses,
+  autoCompleteDropdownClasses,
+  autoCompleteEmptyStateClasses,
+  getAutoCompleteInputClasses,
+  getAutoCompleteOptionClasses,
+  filterAutoCompleteOptions,
+  getInitialPickerActiveIndex,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerNavigationIndex,
+  getPickerOptionAria,
+  getPickerOptionId,
+  classNames,
+  icon20ViewBox,
+  closeSolidIcon20PathD
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
   "value",
   "options",
@@ -59,9 +74,7 @@ var AutoComplete = (props) => {
   function openDropdown() {
     if (disabled) return;
     setIsOpen(true);
-    if (defaultActiveFirstOption && filteredOptions.length > 0) {
-      setActiveIndex(0);
-    }
+    setActiveIndex(getInitialPickerActiveIndex(filteredOptions, defaultActiveFirstOption));
   }
   function closeDropdown() {
     setIsOpen(false);
@@ -77,7 +90,7 @@ var AutoComplete = (props) => {
     }
     if (defaultActiveFirstOption) {
       const newFiltered = filterAutoCompleteOptions(options, val, filterOption);
-      setActiveIndex(newFiltered.length > 0 ? 0 : -1);
+      setActiveIndex(getInitialPickerActiveIndex(newFiltered, true));
     }
   }
   function handleSelect(option) {
@@ -103,24 +116,11 @@ var AutoComplete = (props) => {
     }
     switch (e.key) {
       case "ArrowDown":
-        e.preventDefault();
-        if (filteredOptions.length > 0) {
-          setActiveIndex((prev) => {
-            let next = prev + 1;
-            while (next < filteredOptions.length && filteredOptions[next].disabled) next++;
-            return next < filteredOptions.length ? next : prev;
-          });
-        }
-        break;
       case "ArrowUp":
+      case "Home":
+      case "End":
         e.preventDefault();
-        if (filteredOptions.length > 0) {
-          setActiveIndex((prev) => {
-            let p = prev - 1;
-            while (p >= 0 && filteredOptions[p].disabled) p--;
-            return p >= 0 ? p : prev;
-          });
-        }
+        setActiveIndex((prev) => getPickerNavigationIndex(filteredOptions, prev, e.key));
         break;
       case "Enter":
         e.preventDefault();
@@ -155,11 +155,7 @@ var AutoComplete = (props) => {
         value: inputValue,
         placeholder,
         disabled,
-        role: "combobox",
-        "aria-expanded": isOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": isOpen ? listboxId : void 0,
-        "aria-activedescendant": isOpen && activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0,
+        ...getPickerComboboxAria({ expanded: isOpen, listboxId, activeIndex }),
         autoComplete: "off",
         onChange: handleInput,
         onFocus: openDropdown,
@@ -185,13 +181,14 @@ var AutoComplete = (props) => {
         )
       }
     ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx("div", { id: listboxId, role: "listbox", className: autoCompleteDropdownClasses, children: filteredOptions.map((option, index) => /* @__PURE__ */ jsx(
+    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx("div", { ...getPickerListboxAria({ id: listboxId }), className: autoCompleteDropdownClasses, children: filteredOptions.map((option, index) => /* @__PURE__ */ jsx(
       "div",
       {
-        id: `${listboxId}-option-${index}`,
-        role: "option",
-        "aria-selected": String(option.value) === String(value),
-        "aria-disabled": option.disabled,
+        id: getPickerOptionId(listboxId, index),
+        ...getPickerOptionAria({
+          selected: String(option.value) === String(value),
+          disabled: !!option.disabled
+        }),
         className: getAutoCompleteOptionClasses(
           String(option.value) === String(value),
           !!option.disabled,
@@ -207,4 +204,6 @@ var AutoComplete = (props) => {
   ] });
 };
 
-export { AutoComplete };
+export {
+  AutoComplete
+};

package/dist/chunk-J4SNBXJM.js

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

package/dist/{chunk-DEQWHJLQ.mjs → chunk-J5N5OQWB.mjs}

@@ -1,14 +1,46 @@
-import { useChartInteraction } from './chunk-3CDAG4HD.mjs';
-import { ChartLegend } from './chunk-Z6F67MJE.mjs';
-import { ChartSeries } from './chunk-SDLMB34Y.mjs';
-import { ChartTooltip } from './chunk-LVC43YX2.mjs';
-import { ChartAxis } from './chunk-RQSQXQN6.mjs';
-import { ChartCanvas } from './chunk-IS467WAO.mjs';
-import { ChartGrid } from './chunk-677VSTPW.mjs';
-import { useMemo } from 'react';
-import { getBarGradientPrefix, getChartInnerRect, createBandScale, getNumberExtent, createLinearScale, resolveChartPalette, clampBarWidth, ensureBarMinHeight, getChartElementOpacity, buildChartLegendItems, resolveChartTooltipContent, defaultXYTooltipFormatter, classNames, getBarValueLabelY, barValueLabelInsideClasses, barValueLabelClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartSeries
+} from "./chunk-SDLMB34Y.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartAxis
+} from "./chunk-RQSQXQN6.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
+import {
+  ChartGrid
+} from "./chunk-677VSTPW.mjs";
 
+// src/components/BarChart.tsx
+import { useId, useMemo } from "react";
+import {
+  classNames,
+  clampBarWidth,
+  createBandScale,
+  createLinearScale,
+  ensureBarMinHeight,
+  getStableChartGradientPrefix,
+  getBarValueLabelY,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getNumberExtent,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent,
+  defaultXYTooltipFormatter,
+  barValueLabelClasses,
+  barValueLabelInsideClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var BarChart = ({
   width = 320,
   height = 200,
@@ -63,7 +95,11 @@ var BarChart = ({
   onBarClick,
   onBarHover
 }) => {
-  const gradientPrefix = useMemo(() => getBarGradientPrefix(), []);
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("bar", gradientId),
+    [gradientId]
+  );
   const {
     tooltipPosition,
     resolvedHoveredIndex,
@@ -255,12 +291,16 @@ var BarChart = ({
             fill: gradient ? `url(#${gradientPrefix}-${bar.index})` : bar.color,
             opacity: bar.opacity,
             className: classNames(
-              "transition-[opacity,filter] duration-200",
+              "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: 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,
+            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 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,
             onMouseEnter: (e) => handleMouseEnter(bar.index, e),
             onMouseMove: handleMouseMove,
@@ -327,4 +367,7 @@ var BarChart = ({
 };
 var BarChart_default = BarChart;
 
-export { BarChart, BarChart_default };
+export {
+  BarChart,
+  BarChart_default
+};

package/dist/chunk-JB33A4S6.js

@@ -1,10 +1,19 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ColorPicker.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/ColorPicker.tsx
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var ColorPicker = ({
   value = "#2563eb",
   disabled = false,
@@ -15,14 +24,14 @@ var ColorPicker = ({
   className,
   onChange
 }) => {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [inputValue, setInputValue] = react.useState(value);
-  const containerRef = react.useRef(null);
-  const hsv = react.useMemo(() => {
-    const rgb = tigercatCore.hexToRgb(value);
-    return tigercatCore.rgbToHsv(rgb.r, rgb.g, rgb.b);
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+  const [inputValue, setInputValue] = _react.useState.call(void 0, value);
+  const containerRef = _react.useRef.call(void 0, null);
+  const hsv = _react.useMemo.call(void 0, () => {
+    const rgb = _tigercatcore.hexToRgb.call(void 0, value);
+    return _tigercatcore.rgbToHsv.call(void 0, rgb.r, rgb.g, rgb.b);
   }, [value]);
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     setInputValue(value);
   }, [value]);
   function togglePanel() {
@@ -31,22 +40,22 @@ var ColorPicker = ({
   }
   function handleHueChange(e) {
     const hue = Number(e.target.value);
-    const { r, g, b } = tigercatCore.hsvToRgb(hue, hsv.s, hsv.v);
-    const hex = tigercatCore.rgbToHex(r, g, b);
-    onChange?.(hex);
+    const { r, g, b } = _tigercatcore.hsvToRgb.call(void 0, hue, hsv.s, hsv.v);
+    const hex = _tigercatcore.rgbToHex.call(void 0, r, g, b);
+    _optionalChain([onChange, 'optionalCall', _ => _(hex)]);
   }
   function handleInputChange(e) {
     const val = e.target.value;
     setInputValue(val);
-    if (tigercatCore.isValidHex(val)) {
+    if (_tigercatcore.isValidHex.call(void 0, val)) {
       const hex = val.startsWith("#") ? val : `#${val}`;
-      onChange?.(hex);
+      _optionalChain([onChange, 'optionalCall', _2 => _2(hex)]);
     }
   }
   function handlePresetClick(color) {
-    onChange?.(color);
+    _optionalChain([onChange, 'optionalCall', _3 => _3(color)]);
   }
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (!isOpen) return;
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -56,11 +65,11 @@ var ColorPicker = ({
     document.addEventListener("click", handleClickOutside);
     return () => document.removeEventListener("click", handleClickOutside);
   }, [isOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: tigercatCore.classNames(tigercatCore.colorPickerBaseClasses, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: _tigercatcore.classNames.call(void 0, _tigercatcore.colorPickerBaseClasses, className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: tigercatCore.getColorPickerTriggerClasses(size, disabled),
+        className: _tigercatcore.getColorPickerTriggerClasses.call(void 0, size, disabled),
         style: { backgroundColor: value },
         role: "button",
         "aria-label": "Pick color",
@@ -68,10 +77,10 @@ var ColorPicker = ({
         onClick: togglePanel
       }
     ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.colorPickerPanelClasses, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Hue" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.colorPickerPanelClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Hue" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
             type: "range",
@@ -84,21 +93,21 @@ var ColorPicker = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Hex" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Hex" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
             type: "text",
-            className: tigercatCore.colorPickerInputClasses,
+            className: _tigercatcore.colorPickerInputClasses,
             value: inputValue,
             "aria-label": "Color value",
             onChange: handleInputChange
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
             className: "w-8 h-8 rounded border border-[var(--tiger-border,#d1d5db)]",
@@ -106,12 +115,12 @@ var ColorPicker = ({
             "aria-label": "Color preview"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-mono text-[var(--tiger-text,#111827)]", children: value })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-mono text-[var(--tiger-text,#111827)]", children: value })
       ] }),
-      presets && presets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: presets.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
+      presets && presets.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-1", children: presets.map((color) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
-          className: tigercatCore.colorPickerPresetClasses,
+          className: _tigercatcore.colorPickerPresetClasses,
           style: { backgroundColor: color },
           "aria-label": `Select ${color}`,
           onClick: () => handlePresetClick(color)
@@ -122,4 +131,6 @@ var ColorPicker = ({
   ] });
 };
 
+
+
 exports.ColorPicker = ColorPicker;

package/dist/chunk-JLRRXRZO.js

@@ -1,12 +1,13 @@
-'use strict';
+"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 chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
 
-var CheckboxGroupContextProvider = react.createContext(null);
+// src/components/CheckboxGroup.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var CheckboxGroupContextProvider = _react.createContext.call(void 0, null);
 var useCheckboxGroup = () => {
-  return react.useContext(CheckboxGroupContextProvider);
+  return _react.useContext.call(void 0, CheckboxGroupContextProvider);
 };
 var CheckboxGroup = ({
   value: controlledValue,
@@ -18,7 +19,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [value, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(controlledValue, defaultValue);
+  const [value, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, controlledValue, defaultValue);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];
@@ -31,7 +32,7 @@ var CheckboxGroup = ({
     if (!isControlled) {
       setInternalValue(currentValue);
     }
-    onChange?.(currentValue);
+    _optionalChain([onChange, 'optionalCall', _ => _(currentValue)]);
   };
   const context = {
     value,
@@ -39,8 +40,10 @@ var CheckboxGroup = ({
     size,
     updateValue
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxGroupContextProvider.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxGroupContextProvider.Provider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...props, className, children }) });
 };
 
-exports.CheckboxGroup = CheckboxGroup;
-exports.useCheckboxGroup = useCheckboxGroup;
+
+
+
+exports.useCheckboxGroup = useCheckboxGroup; exports.CheckboxGroup = CheckboxGroup;