@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-J4OQ2VRH.mjs

@@ -1,8 +1,23 @@
-import { useId, useState, useRef, useEffect, useMemo } from 'react';
-import { filterAutoCompleteOptions, classNames, autoCompleteBaseClasses, getPickerComboboxAria, getAutoCompleteInputClasses, icon20ViewBox, closeSolidIcon20PathD, autoCompleteDropdownClasses, getPickerListboxAria, getAutoCompleteOptionClasses, getPickerOptionAria, getPickerOptionId, autoCompleteEmptyStateClasses, getInitialPickerActiveIndex, getPickerNavigationIndex } 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",
@@ -189,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-FW3O54GP.mjs → chunk-J5N5OQWB.mjs}

@@ -1,14 +1,46 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartSeries } from './chunk-SDLMB34Y.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartAxis } from './chunk-RQSQXQN6.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.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,14 +291,14 @@ 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: {
               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,
@@ -331,4 +367,7 @@ var BarChart = ({
 };
 var BarChart_default = BarChart;
 
-export { BarChart, BarChart_default };
+export {
+  BarChart,
+  BarChart_default
+};

package/dist/{chunk-W7UGU2O6.mjs → chunk-J5R4Q2QM.mjs}

@@ -1,10 +1,26 @@
-import { StepsItem, Steps } from './chunk-36WZNVQ5.mjs';
-import { useTigerConfig } from './chunk-VBZE77VM.mjs';
-import { Button } from './chunk-GKJNQUTW.mjs';
-import { useMemo, useState, useEffect, useCallback } from 'react';
-import { mergeTigerLocale, getFormWizardLabels, classNames, clampStepIndex, runStepValidation, findNextUnskippedStep, resolveLocaleText } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  Steps,
+  StepsItem
+} from "./chunk-36WZNVQ5.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+import {
+  Button
+} from "./chunk-USWK2S3Y.mjs";
 
+// src/components/FormWizard.tsx
+import { useCallback, useEffect, useMemo, useState } from "react";
+import {
+  classNames,
+  getFormWizardLabels,
+  mergeTigerLocale,
+  resolveLocaleText,
+  clampStepIndex,
+  findNextUnskippedStep,
+  runStepValidation
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FormWizard = ({
   steps = [],
   current,
@@ -147,4 +163,7 @@ var FormWizard = ({
 };
 var FormWizard_default = FormWizard;
 
-export { FormWizard, FormWizard_default };
+export {
+  FormWizard,
+  FormWizard_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;