@fragments-sdk/ui 0.13.0 → 0.15.1

package/dist/brand.cjs

@@ -11,4 +11,3 @@ const BRAND = {
   }
 };
 exports.BRAND = BRAND;
-//# sourceMappingURL=brand.cjs.map

package/dist/brand.js

@@ -11,4 +11,3 @@ const BRAND = {
 export {
   BRAND
 };
-//# sourceMappingURL=brand.js.map

package/dist/chart.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const aria = require("./utils/aria.cjs");
 const Chart_module = require("./components/Chart/Chart.module.scss.cjs");
 ;/* empty css                      */
 function _interopNamespaceDefault(e) {
@@ -36,10 +37,6 @@ function loadChartDeps() {
     _chartFailed = true;
   }
 }
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 const ChartConfigContext = React__namespace.createContext(null);
 function useChartConfig() {
   const ctx = React__namespace.useContext(ChartConfigContext);
@@ -89,7 +86,7 @@ function ChartContainer({
       style: { ...cssVars, ...style },
       role: "img",
       "aria-label": ariaLabel || "Chart",
-      "aria-describedby": mergeAriaIds(
+      "aria-describedby": aria.mergeAriaIds(
         ariaDescribedBy,
         summaryId,
         dataTableId
@@ -238,4 +235,3 @@ exports.ChartLegendContent = ChartLegendContent;
 exports.ChartTooltip = ChartTooltip;
 exports.ChartTooltipContent = ChartTooltipContent;
 exports.useChartConfig = useChartConfig;
-//# sourceMappingURL=chart.cjs.map

package/dist/chart.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { mergeAriaIds } from "./utils/aria.js";
 import styles from "./components/Chart/Chart.module.scss.js";
 /* empty css                    */
 let _RechartsTooltip = null;
@@ -17,10 +18,6 @@ function loadChartDeps() {
     _chartFailed = true;
   }
 }
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 const ChartConfigContext = React.createContext(null);
 function useChartConfig() {
   const ctx = React.useContext(ChartConfigContext);
@@ -221,4 +218,3 @@ export {
   ChartTooltipContent,
   useChartConfig
 };
-//# sourceMappingURL=chart.js.map

package/dist/codeblock.cjs

@@ -553,6 +553,8 @@ const CodeBlockBase = React__namespace.forwardRef(function CodeBlock2({
 function TabbedCodeBlock({
   tabs,
   defaultTab,
+  value,
+  onValueChange,
   showCopy = true,
   copyPlacement = "auto",
   showLineNumbers = false,
@@ -563,24 +565,30 @@ function TabbedCodeBlock({
   className,
   onCopy
 }) {
-  var _a;
-  const defaultValue = defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.label) || "";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsxs(index.TabsRoot, { defaultValue, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.TabsList, { variant: tabsVariant, children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(index.Tab, { value: tab.label, children: tab.label }, tab.label)) }),
-    tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(index.TabsPanel, { value: tab.label, flush: true, className: CodeBlock_module.default.tabbedPanel, children: /* @__PURE__ */ jsxRuntime.jsx(
-      CodeBlockBase,
-      {
-        code: tab.code,
-        language: tab.language,
-        theme,
-        showCopy,
-        copyPlacement,
-        showLineNumbers,
-        wordWrap,
-        maxHeight,
-        onCopy: onCopy ? () => onCopy(tab.label) : void 0
-      }
-    ) }, tab.label))
+  var _a, _b;
+  const defaultValue = defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.value) || ((_b = tabs[0]) == null ? void 0 : _b.label) || "";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsxs(index.TabsRoot, { defaultValue, value, onValueChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.TabsList, { variant: tabsVariant, children: tabs.map((tab, index$1) => {
+      const tabValue = tab.value ?? tab.label;
+      return /* @__PURE__ */ jsxRuntime.jsx(index.Tab, { value: tabValue, children: tab.label }, `${tabValue}-${index$1}`);
+    }) }),
+    tabs.map((tab, index$1) => {
+      const tabValue = tab.value ?? tab.label;
+      return /* @__PURE__ */ jsxRuntime.jsx(index.TabsPanel, { value: tabValue, flush: true, className: CodeBlock_module.default.tabbedPanel, children: /* @__PURE__ */ jsxRuntime.jsx(
+        CodeBlockBase,
+        {
+          code: tab.code,
+          language: tab.language,
+          theme,
+          showCopy,
+          copyPlacement,
+          showLineNumbers,
+          wordWrap,
+          maxHeight,
+          onCopy: onCopy ? () => onCopy(tab.label) : void 0
+        }
+      ) }, `${tabValue}-panel-${index$1}`);
+    })
   ] }) });
 }
 const CodeBlock = Object.assign(CodeBlockBase, {
@@ -588,4 +596,3 @@ const CodeBlock = Object.assign(CodeBlockBase, {
 });
 exports.CodeBlock = CodeBlock;
 exports.TabbedCodeBlock = TabbedCodeBlock;
-//# sourceMappingURL=codeblock.cjs.map

package/dist/codeblock.js

@@ -513,6 +513,8 @@ const CodeBlockBase = React.forwardRef(function CodeBlock2({
 function TabbedCodeBlock({
   tabs,
   defaultTab,
+  value,
+  onValueChange,
   showCopy = true,
   copyPlacement = "auto",
   showLineNumbers = false,
@@ -523,24 +525,30 @@ function TabbedCodeBlock({
   className,
   onCopy
 }) {
-  var _a;
-  const defaultValue = defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.label) || "";
-  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs(TabsRoot, { defaultValue, children: [
-    /* @__PURE__ */ jsx(TabsList, { variant: tabsVariant, children: tabs.map((tab) => /* @__PURE__ */ jsx(Tab, { value: tab.label, children: tab.label }, tab.label)) }),
-    tabs.map((tab) => /* @__PURE__ */ jsx(TabsPanel, { value: tab.label, flush: true, className: styles.tabbedPanel, children: /* @__PURE__ */ jsx(
-      CodeBlockBase,
-      {
-        code: tab.code,
-        language: tab.language,
-        theme,
-        showCopy,
-        copyPlacement,
-        showLineNumbers,
-        wordWrap,
-        maxHeight,
-        onCopy: onCopy ? () => onCopy(tab.label) : void 0
-      }
-    ) }, tab.label))
+  var _a, _b;
+  const defaultValue = defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.value) || ((_b = tabs[0]) == null ? void 0 : _b.label) || "";
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs(TabsRoot, { defaultValue, value, onValueChange, children: [
+    /* @__PURE__ */ jsx(TabsList, { variant: tabsVariant, children: tabs.map((tab, index) => {
+      const tabValue = tab.value ?? tab.label;
+      return /* @__PURE__ */ jsx(Tab, { value: tabValue, children: tab.label }, `${tabValue}-${index}`);
+    }) }),
+    tabs.map((tab, index) => {
+      const tabValue = tab.value ?? tab.label;
+      return /* @__PURE__ */ jsx(TabsPanel, { value: tabValue, flush: true, className: styles.tabbedPanel, children: /* @__PURE__ */ jsx(
+        CodeBlockBase,
+        {
+          code: tab.code,
+          language: tab.language,
+          theme,
+          showCopy,
+          copyPlacement,
+          showLineNumbers,
+          wordWrap,
+          maxHeight,
+          onCopy: onCopy ? () => onCopy(tab.label) : void 0
+        }
+      ) }, `${tabValue}-panel-${index}`);
+    })
   ] }) });
 }
 const CodeBlock = Object.assign(CodeBlockBase, {
@@ -550,4 +558,3 @@ export {
   CodeBlock,
   TabbedCodeBlock
 };
-//# sourceMappingURL=codeblock.js.map

package/dist/colorpicker.cjs

@@ -40,14 +40,18 @@ const ColorPickerRoot = React__namespace.forwardRef(
     label,
     value,
     defaultValue = "#000000",
-    onChange,
+    onChange: onChangeProp,
+    onValueChange,
+    helperText,
     description,
+    error = false,
     disabled = false,
     size = "md",
     showInput = true,
     className,
     ...htmlProps
   }, ref) {
+    const resolvedHelperText = helperText ?? description;
     loadColorfulDeps();
     const [internalValue, setInternalValue] = React__namespace.useState(defaultValue);
     const [inputValue, setInputValue] = React__namespace.useState(value ?? defaultValue);
@@ -57,6 +61,7 @@ const ColorPickerRoot = React__namespace.forwardRef(
         setInputValue(value);
       }
     }, [value]);
+    const onChange = onChangeProp ?? onValueChange;
     const handleChange = (color) => {
       setInternalValue(color);
       setInputValue(color);
@@ -79,12 +84,14 @@ const ColorPickerRoot = React__namespace.forwardRef(
       ColorPicker_module.default[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],
       className
     ].filter(Boolean).join(" ");
+    const helperClasses = [ColorPicker_module.default.helper, error && ColorPicker_module.default.helperError].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxRuntime.jsxs(
       field.Field.Root,
       {
         ref,
         ...htmlProps,
         disabled,
+        invalid: error,
         className: wrapperClasses,
         children: [
           label && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Label, { className: ColorPicker_module.default.label, children: label }),
@@ -122,7 +129,7 @@ const ColorPickerRoot = React__namespace.forwardRef(
               }
             )
           ] }),
-          description && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Description, { className: ColorPicker_module.default.description, children: description })
+          resolvedHelperText && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Description, { className: helperClasses, children: resolvedHelperText })
         ]
       }
     );
@@ -132,4 +139,3 @@ const ColorPicker = Object.assign(ColorPickerRoot, {
   Root: ColorPickerRoot
 });
 exports.ColorPicker = ColorPicker;
-//# sourceMappingURL=colorpicker.cjs.map

package/dist/colorpicker.js

@@ -21,14 +21,18 @@ const ColorPickerRoot = React.forwardRef(
     label,
     value,
     defaultValue = "#000000",
-    onChange,
+    onChange: onChangeProp,
+    onValueChange,
+    helperText,
     description,
+    error = false,
     disabled = false,
     size = "md",
     showInput = true,
     className,
     ...htmlProps
   }, ref) {
+    const resolvedHelperText = helperText ?? description;
     loadColorfulDeps();
     const [internalValue, setInternalValue] = React.useState(defaultValue);
     const [inputValue, setInputValue] = React.useState(value ?? defaultValue);
@@ -38,6 +42,7 @@ const ColorPickerRoot = React.forwardRef(
         setInputValue(value);
       }
     }, [value]);
+    const onChange = onChangeProp ?? onValueChange;
     const handleChange = (color) => {
       setInternalValue(color);
       setInputValue(color);
@@ -60,12 +65,14 @@ const ColorPickerRoot = React.forwardRef(
       styles[`size${size.charAt(0).toUpperCase() + size.slice(1)}`],
       className
     ].filter(Boolean).join(" ");
+    const helperClasses = [styles.helper, error && styles.helperError].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs(
       Field.Root,
       {
         ref,
         ...htmlProps,
         disabled,
+        invalid: error,
         className: wrapperClasses,
         children: [
           label && /* @__PURE__ */ jsx(Field.Label, { className: styles.label, children: label }),
@@ -103,7 +110,7 @@ const ColorPickerRoot = React.forwardRef(
               }
             )
           ] }),
-          description && /* @__PURE__ */ jsx(Field.Description, { className: styles.description, children: description })
+          resolvedHelperText && /* @__PURE__ */ jsx(Field.Description, { className: helperClasses, children: resolvedHelperText })
         ]
       }
     );
@@ -115,4 +122,3 @@ const ColorPicker = Object.assign(ColorPickerRoot, {
 export {
   ColorPicker
 };
-//# sourceMappingURL=colorpicker.js.map

package/dist/components/Accordion/Accordion.module.scss.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const accordion = "_accordion_1p05d_1";
-const item = "_item_1p05d_12";
-const heading = "_heading_1p05d_17";
-const trigger = "_trigger_1p05d_23";
-const triggerContent = "_triggerContent_1p05d_67";
-const chevron = "_chevron_1p05d_71";
-const content = "_content_1p05d_80";
-const contentInner = "_contentInner_1p05d_93";
+const accordion = "_accordion_c9ujp_1";
+const item = "_item_c9ujp_12";
+const heading = "_heading_c9ujp_17";
+const trigger = "_trigger_c9ujp_23";
+const triggerContent = "_triggerContent_c9ujp_67";
+const chevron = "_chevron_c9ujp_71";
+const content = "_content_c9ujp_80";
+const contentInner = "_contentInner_c9ujp_93";
 const styles = {
   accordion,
   item,
@@ -27,4 +27,3 @@ exports.heading = heading;
 exports.item = item;
 exports.trigger = trigger;
 exports.triggerContent = triggerContent;
-//# sourceMappingURL=Accordion.module.scss.cjs.map

package/dist/components/Accordion/Accordion.module.scss.js

@@ -1,11 +1,11 @@
-const accordion = "_accordion_1p05d_1";
-const item = "_item_1p05d_12";
-const heading = "_heading_1p05d_17";
-const trigger = "_trigger_1p05d_23";
-const triggerContent = "_triggerContent_1p05d_67";
-const chevron = "_chevron_1p05d_71";
-const content = "_content_1p05d_80";
-const contentInner = "_contentInner_1p05d_93";
+const accordion = "_accordion_c9ujp_1";
+const item = "_item_c9ujp_12";
+const heading = "_heading_c9ujp_17";
+const trigger = "_trigger_c9ujp_23";
+const triggerContent = "_triggerContent_c9ujp_67";
+const chevron = "_chevron_c9ujp_71";
+const content = "_content_c9ujp_80";
+const contentInner = "_contentInner_c9ujp_93";
 const styles = {
   accordion,
   item,
@@ -27,4 +27,3 @@ export {
   trigger,
   triggerContent
 };
-//# sourceMappingURL=Accordion.module.scss.js.map

package/dist/components/Accordion/index.cjs

@@ -74,12 +74,14 @@ function AccordionRoot({
     if (controlledOpenItems === void 0) {
       setOpenItems(newItems);
     }
-    if (onValueChange) {
-      onValueChange(type === "single" ? newItems[0] : newItems);
+    if (type === "single") {
+      onValueChange == null ? void 0 : onValueChange(newItems[0]);
+    } else {
+      onValueChange == null ? void 0 : onValueChange(newItems);
     }
   }, [type, currentOpenItems, collapsible2, controlledOpenItems, onValueChange]);
   const classes = [Accordion_module.default.accordion, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible: collapsible2, headingLevel }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", role: "region", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible: collapsible2, headingLevel }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", children }) });
 }
 function AccordionItem({
   children,
@@ -104,6 +106,7 @@ function AccordionItem({
 function AccordionTrigger({
   children,
   className,
+  type: buttonType,
   onClick,
   ...htmlProps
 }) {
@@ -122,6 +125,7 @@ function AccordionTrigger({
     collapsible.Collapsible.Trigger,
     {
       ...htmlProps,
+      type: buttonType ?? "button",
       id: triggerId,
       className: classes,
       onClick: handleClick,
@@ -186,4 +190,3 @@ exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionRoot = AccordionRoot;
 exports.AccordionTrigger = AccordionTrigger;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Accordion/index.d.ts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 export type AccordionValue = string | string[];
-export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+interface AccordionSharedProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
     children: React.ReactNode;
-    /** Allow multiple items to be open at once */
-    type?: 'single' | 'multiple';
-    /** Controlled value - string for single, string[] for multiple */
-    value?: AccordionValue;
-    /** Default value for uncontrolled usage */
-    defaultValue?: AccordionValue;
-    /** Callback when value changes */
-    onValueChange?: (value: AccordionValue | undefined) => void;
     /** Whether items can be fully collapsed (only for type="single") */
     collapsible?: boolean;
     /**
@@ -19,6 +11,27 @@ export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement
      */
     headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
+export interface AccordionSingleProps extends AccordionSharedProps {
+    /** Allow multiple items to be open at once */
+    type?: 'single';
+    /** Controlled value for single mode */
+    value?: string;
+    /** Default value for uncontrolled usage */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string | undefined) => void;
+}
+export interface AccordionMultipleProps extends AccordionSharedProps {
+    /** Allow multiple items to be open at once */
+    type: 'multiple';
+    /** Controlled values for multiple mode */
+    value?: string[];
+    /** Default values for uncontrolled usage */
+    defaultValue?: string[];
+    /** Callback when value changes */
+    onValueChange?: (value: string[]) => void;
+}
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
 export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /** Unique value for this item */
@@ -26,7 +39,7 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
     /** Disable this item */
     disabled?: boolean;
 }
-export interface AccordionTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
 }
 export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -34,7 +47,7 @@ export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivEleme
 }
 declare function AccordionRoot({ children, type, value, defaultValue, onValueChange, collapsible, headingLevel, className, ...htmlProps }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 declare function AccordionItem({ children, value, disabled, className, ...htmlProps }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ children, className, onClick, ...htmlProps }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ children, className, type: buttonType, onClick, ...htmlProps }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function AccordionContent({ children, className, ...htmlProps }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
 export declare const Accordion: typeof AccordionRoot & {
     Item: typeof AccordionItem;

package/dist/components/Accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,kEAAkE;IAClE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8CD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,YAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,cAAc,2CAkDhB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAuBpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAiDvB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAmBvB;AAMD,eAAO,MAAM,SAAS;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,8CAA8C;IAC9C,IAAI,EAAE,UAAU,CAAC;IACjB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE3E,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8CD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,YAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,cAAc,2CAoDhB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAuBpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,IAAI,EAAE,UAAU,EAChB,OAAO,EACP,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAkDvB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAmBvB;AAMD,eAAO,MAAM,SAAS;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Accordion/index.js

@@ -55,12 +55,14 @@ function AccordionRoot({
     if (controlledOpenItems === void 0) {
       setOpenItems(newItems);
     }
-    if (onValueChange) {
-      onValueChange(type === "single" ? newItems[0] : newItems);
+    if (type === "single") {
+      onValueChange == null ? void 0 : onValueChange(newItems[0]);
+    } else {
+      onValueChange == null ? void 0 : onValueChange(newItems);
     }
   }, [type, currentOpenItems, collapsible, controlledOpenItems, onValueChange]);
   const classes = [styles.accordion, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible, headingLevel }, children: /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", role: "region", children }) });
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible, headingLevel }, children: /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", children }) });
 }
 function AccordionItem({
   children,
@@ -85,6 +87,7 @@ function AccordionItem({
 function AccordionTrigger({
   children,
   className,
+  type: buttonType,
   onClick,
   ...htmlProps
 }) {
@@ -103,6 +106,7 @@ function AccordionTrigger({
     Collapsible.Trigger,
     {
       ...htmlProps,
+      type: buttonType ?? "button",
       id: triggerId,
       className: classes,
       onClick: handleClick,
@@ -169,4 +173,3 @@ export {
   AccordionRoot,
   AccordionTrigger
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Alert/Alert.module.scss.cjs

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const alert = "_alert_1d3ko_1";
-const info = "_info_1d3ko_12";
-const success = "_success_1d3ko_18";
-const warning = "_warning_1d3ko_24";
-const error = "_error_1d3ko_30";
-const icon = "_icon_1d3ko_36";
-const body = "_body_1d3ko_66";
-const title = "_title_1d3ko_71";
-const content = "_content_1d3ko_76";
-const actions = "_actions_1d3ko_80";
-const close = "_close_1d3ko_86";
-const action = "_action_1d3ko_80";
+const alert = "_alert_2yjq3_1";
+const info = "_info_2yjq3_12";
+const success = "_success_2yjq3_18";
+const warning = "_warning_2yjq3_24";
+const error = "_error_2yjq3_30";
+const icon = "_icon_2yjq3_36";
+const body = "_body_2yjq3_66";
+const title = "_title_2yjq3_71";
+const content = "_content_2yjq3_76";
+const actions = "_actions_2yjq3_80";
+const close = "_close_2yjq3_86";
+const action = "_action_2yjq3_80";
 const styles = {
   alert,
   info,
@@ -39,4 +39,3 @@ exports.info = info;
 exports.success = success;
 exports.title = title;
 exports.warning = warning;
-//# sourceMappingURL=Alert.module.scss.cjs.map

package/dist/components/Alert/Alert.module.scss.js

@@ -1,15 +1,15 @@
-const alert = "_alert_1d3ko_1";
-const info = "_info_1d3ko_12";
-const success = "_success_1d3ko_18";
-const warning = "_warning_1d3ko_24";
-const error = "_error_1d3ko_30";
-const icon = "_icon_1d3ko_36";
-const body = "_body_1d3ko_66";
-const title = "_title_1d3ko_71";
-const content = "_content_1d3ko_76";
-const actions = "_actions_1d3ko_80";
-const close = "_close_1d3ko_86";
-const action = "_action_1d3ko_80";
+const alert = "_alert_2yjq3_1";
+const info = "_info_2yjq3_12";
+const success = "_success_2yjq3_18";
+const warning = "_warning_2yjq3_24";
+const error = "_error_2yjq3_30";
+const icon = "_icon_2yjq3_36";
+const body = "_body_2yjq3_66";
+const title = "_title_2yjq3_71";
+const content = "_content_2yjq3_76";
+const actions = "_actions_2yjq3_80";
+const close = "_close_2yjq3_86";
+const action = "_action_2yjq3_80";
 const styles = {
   alert,
   info,
@@ -39,4 +39,3 @@ export {
   title,
   warning
 };
-//# sourceMappingURL=Alert.module.scss.js.map