@frontify/fondue-components 14.1.0 → 14.2.0

package/dist/fondue-components3.js

@@ -1,38 +1,38 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import { IconCaretDown as A } from "@frontify/fondue-icons";
 import * as c from "@radix-ui/react-accordion";
-import r from "./fondue-components30.js";
+import a from "./fondue-components30.js";
 const s = ({
   "data-test-id": t = "fondue-accordion",
   border: o = !0,
-  children: a,
+  children: e,
   defaultValue: d,
   disabled: i,
   value: n
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ r(
   c.Root,
   {
-    className: r.root,
+    className: a.root,
     "data-test-id": t,
     defaultValue: d,
     disabled: i,
     type: "multiple",
     value: n,
     "data-border": o,
-    children: a
+    children: e
   }
 );
 s.displayName = "Accordion.Root";
 const m = ({
   "data-test-id": t = "fondue-accordion-item",
   children: o,
-  disabled: a,
+  disabled: e,
   onClick: d,
   value: i
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ r(
   c.Item,
   {
-    className: r.accordionItem,
+    className: a.accordionItem,
     value: i,
     onPointerDown: (n) => {
       n.currentTarget.dataset.showFocusRing = "false";
@@ -41,37 +41,38 @@ const m = ({
       n.currentTarget.dataset.showFocusRing = "true";
     },
     onClick: d,
-    disabled: a,
+    disabled: e,
     "data-test-id": t,
     children: o
   }
 );
 m.displayName = "Accordion.Item";
-const l = ({ children: t }) => /* @__PURE__ */ e(c.Header, { children: t });
+const l = ({ children: t }) => /* @__PURE__ */ r(c.Header, { children: t });
 l.displayName = "Accordion.Header";
 const g = ({
   "data-test-id": t = "fondue-accordion-trigger",
-  children: o
-}) => /* @__PURE__ */ p(c.Trigger, { className: r.accordionTrigger, "data-test-id": t, children: [
-  o,
-  /* @__PURE__ */ e(A, { className: r.accordionCaret, size: "16" })
+  asChild: o,
+  children: e
+}) => /* @__PURE__ */ p(c.Trigger, { asChild: o, className: a.accordionTrigger, "data-test-id": t, children: [
+  e,
+  /* @__PURE__ */ r(A, { className: a.accordionCaret, size: "16" })
 ] });
 g.displayName = "Accordion.Trigger";
 const u = ({
   "data-test-id": t = "collapsible-wrap",
   children: o,
-  divider: a = !1,
+  divider: e = !1,
   onClick: d,
   padding: i = "large"
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ r(
   c.Content,
   {
-    className: r.accordionContent,
+    className: a.accordionContent,
     onClick: d,
     "data-test-id": t,
     "data-item-padding": i,
-    "data-item-divider": a,
-    children: /* @__PURE__ */ e("div", { className: r.accordionContentText, "data-test-id": `inner-${t}`, children: o })
+    "data-item-divider": e,
+    children: /* @__PURE__ */ r("div", { className: a.accordionContentText, "data-test-id": `inner-${t}`, children: o })
   }
 );
 u.displayName = "Accordion.Content";

package/dist/fondue-components3.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components3.js","sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown } from '@frontify/fondue-icons';\nimport * as RadixAccordion from '@radix-ui/react-accordion';\nimport { type MouseEventHandler, type ReactNode } from 'react';\n\nimport styles from './styles/accordion.module.scss';\n\ntype AccordionPadding = 'none' | 'small' | 'medium' | 'large';\n\nexport type AccordionRootProps = {\n    'data-test-id'?: string;\n    /**\n     * Show or hide the top and bottom border\n     * @default true\n     */\n    border?: boolean;\n    /**\n     * Children of the Accordion component. This should contain the `Accordion.Item` components\n     */\n    children?: ReactNode;\n    /**\n     * The value of the items whose contents are expanded when the accordion is initially rendered.\n     * Use `defaultValue` if you do not need to control the state of an accordion.\n     */\n    defaultValue?: string[];\n    /**\n     * Whether or not an accordion is disabled from user interaction.\n     */\n    disabled?: boolean;\n    /**\n     * The controlled stateful value of the accordion items whose contents are expanded.\n     */\n    value?: string[];\n};\n\nexport const AccordionRoot = ({\n    'data-test-id': dataTestId = 'fondue-accordion',\n    border = true,\n    children,\n    defaultValue,\n    disabled,\n    value,\n}: AccordionRootProps) => {\n    return (\n        <RadixAccordion.Root\n            className={styles.root}\n            data-test-id={dataTestId}\n            defaultValue={defaultValue}\n            disabled={disabled}\n            type=\"multiple\"\n            value={value}\n            data-border={border}\n        >\n            {children}\n        </RadixAccordion.Root>\n    );\n};\nAccordionRoot.displayName = 'Accordion.Root';\n\nexport type AccordionItemProps = {\n    'data-test-id'?: string;\n    /**\n     * Children of the Accordion item. This should contain the `Accordion.Header` and `Accordion.Content` components\n     */\n    children?: ReactNode;\n    /**\n     * Whether or not an accordion item is disabled from user interaction.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Click callback for this item.\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * A string value for the accordion item. All items within an accordion should use a unique value.\n     */\n    value: string;\n};\n\nexport const AccordionItem = ({\n    'data-test-id': dataTestId = 'fondue-accordion-item',\n    children,\n    disabled,\n    onClick,\n    value,\n}: AccordionItemProps) => {\n    return (\n        <RadixAccordion.Item\n            className={styles.accordionItem}\n            value={value}\n            onPointerDown={(event) => {\n                event.currentTarget.dataset.showFocusRing = 'false';\n            }}\n            onBlur={(event) => {\n                event.currentTarget.dataset.showFocusRing = 'true';\n            }}\n            onClick={onClick}\n            disabled={disabled}\n            data-test-id={dataTestId}\n        >\n            {children}\n        </RadixAccordion.Item>\n    );\n};\nAccordionItem.displayName = 'Accordion.Item';\n\nexport type AccordionHeaderProps = {\n    /**\n     * Children of the Accordion header. This should contain `Accordion.Trigger`\n     */\n    children?: ReactNode;\n};\n\nexport const AccordionHeader = ({ children }: AccordionHeaderProps) => {\n    return <RadixAccordion.Header>{children}</RadixAccordion.Header>;\n};\nAccordionHeader.displayName = 'Accordion.Header';\n\nexport type AccordionTriggerProps = {\n    'data-test-id'?: string;\n    /**\n     * Children of the Accordion trigger. This contains the actually clickable and visible header content\n     */\n    children?: ReactNode;\n};\n\nexport const AccordionTrigger = ({\n    'data-test-id': dataTestId = 'fondue-accordion-trigger',\n    children,\n}: AccordionTriggerProps) => {\n    return (\n        <RadixAccordion.Trigger className={styles.accordionTrigger} data-test-id={dataTestId}>\n            {children}\n            <IconCaretDown className={styles.accordionCaret} size=\"16\" />\n        </RadixAccordion.Trigger>\n    );\n};\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\ntype AccordionContentProps = {\n    'data-test-id'?: string;\n    /**\n     * Children of the Accordion content. This contains the main content.\n     */\n    children?: ReactNode;\n    /**\n     * Adds a divider line between the header and the content.\n     */\n    divider?: boolean;\n    /**\n     * Click callback for the content.\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Controls if we show paddings around the content.\n     * @default 'large'\n     */\n    padding?: AccordionPadding;\n};\n\nexport const AccordionContent = ({\n    'data-test-id': dataTestId = 'collapsible-wrap',\n    children,\n    divider = false,\n    onClick,\n    padding = 'large',\n}: AccordionContentProps) => {\n    return (\n        <RadixAccordion.Content\n            className={styles.accordionContent}\n            onClick={onClick}\n            data-test-id={dataTestId}\n            data-item-padding={padding}\n            data-item-divider={divider}\n        >\n            <div className={styles.accordionContentText} data-test-id={`inner-${dataTestId}`}>\n                {children}\n            </div>\n        </RadixAccordion.Content>\n    );\n};\nAccordionContent.displayName = 'Accordion.Content';\n\nexport const Accordion = {\n    Root: AccordionRoot,\n    Item: AccordionItem,\n    Header: AccordionHeader,\n    Trigger: AccordionTrigger,\n    Content: AccordionContent,\n};\n"],"names":["AccordionRoot","dataTestId","border","children","defaultValue","disabled","value","jsx","RadixAccordion","styles","AccordionItem","onClick","event","AccordionHeader","AccordionTrigger","jsxs","IconCaretDown","AccordionContent","divider","padding","Accordion"],"mappings":";;;;AAoCO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,gBAAgBC,IAAa;AAAA,EAC7B,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,gBAAcR;AAAA,IACd,cAAAG;AAAA,IACA,UAAAC;AAAA,IACA,MAAK;AAAA,IACL,OAAAC;AAAA,IACA,eAAaJ;AAAA,IAEZ,UAAAC;AAAA,EAAA;AACL;AAGRH,EAAc,cAAc;AAwBrB,MAAMU,IAAgB,CAAC;AAAA,EAC1B,gBAAgBT,IAAa;AAAA,EAC7B,UAAAE;AAAA,EACA,UAAAE;AAAA,EACA,SAAAM;AAAA,EACA,OAAAL;AACJ,MAEQ,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,OAAAH;AAAA,IACA,eAAe,CAACM,MAAU;AAChB,MAAAA,EAAA,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,QAAQ,CAACA,MAAU;AACT,MAAAA,EAAA,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,SAAAD;AAAA,IACA,UAAAN;AAAA,IACA,gBAAcJ;AAAA,IAEb,UAAAE;AAAA,EAAA;AACL;AAGRO,EAAc,cAAc;AASrB,MAAMG,IAAkB,CAAC,EAAE,UAAAV,QACtB,gBAAAI,EAAAC,EAAe,QAAf,EAAuB,UAAAL,EAAS,CAAA;AAE5CU,EAAgB,cAAc;AAUvB,MAAMC,IAAmB,CAAC;AAAA,EAC7B,gBAAgBb,IAAa;AAAA,EAC7B,UAAAE;AACJ,MAEQ,gBAAAY,EAACP,EAAe,SAAf,EAAuB,WAAWC,EAAO,kBAAkB,gBAAcR,GACrE,UAAA;AAAA,EAAAE;AAAA,oBACAa,GAAc,EAAA,WAAWP,EAAO,gBAAgB,MAAK,KAAK,CAAA;AAAA,GAC/D;AAGRK,EAAiB,cAAc;AAuBxB,MAAMG,IAAmB,CAAC;AAAA,EAC7B,gBAAgBhB,IAAa;AAAA,EAC7B,UAAAE;AAAA,EACA,SAAAe,IAAU;AAAA,EACV,SAAAP;AAAA,EACA,SAAAQ,IAAU;AACd,MAEQ,gBAAAZ;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,SAAAE;AAAA,IACA,gBAAcV;AAAA,IACd,qBAAmBkB;AAAA,IACnB,qBAAmBD;AAAA,IAEnB,UAAA,gBAAAX,EAAC,SAAI,WAAWE,EAAO,sBAAsB,gBAAc,SAASR,CAAU,IACzE,UAAAE,EACL,CAAA;AAAA,EAAA;AACJ;AAGRc,EAAiB,cAAc;AAExB,MAAMG,IAAY;AAAA,EACrB,MAAMpB;AAAA,EACN,MAAMU;AAAA,EACN,QAAQG;AAAA,EACR,SAASC;AAAA,EACT,SAASG;AACb;"}
+{"version":3,"file":"fondue-components3.js","sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown } from '@frontify/fondue-icons';\nimport * as RadixAccordion from '@radix-ui/react-accordion';\nimport { type MouseEventHandler, type ReactNode } from 'react';\n\nimport styles from './styles/accordion.module.scss';\n\ntype AccordionPadding = 'none' | 'small' | 'medium' | 'large';\n\nexport type AccordionRootProps = {\n    'data-test-id'?: string;\n    /**\n     * Show or hide the top and bottom border\n     * @default true\n     */\n    border?: boolean;\n    /**\n     * Children of the Accordion component. This should contain the `Accordion.Item` components\n     */\n    children?: ReactNode;\n    /**\n     * The value of the items whose contents are expanded when the accordion is initially rendered.\n     * Use `defaultValue` if you do not need to control the state of an accordion.\n     */\n    defaultValue?: string[];\n    /**\n     * Whether or not an accordion is disabled from user interaction.\n     */\n    disabled?: boolean;\n    /**\n     * The controlled stateful value of the accordion items whose contents are expanded.\n     */\n    value?: string[];\n};\n\nexport const AccordionRoot = ({\n    'data-test-id': dataTestId = 'fondue-accordion',\n    border = true,\n    children,\n    defaultValue,\n    disabled,\n    value,\n}: AccordionRootProps) => {\n    return (\n        <RadixAccordion.Root\n            className={styles.root}\n            data-test-id={dataTestId}\n            defaultValue={defaultValue}\n            disabled={disabled}\n            type=\"multiple\"\n            value={value}\n            data-border={border}\n        >\n            {children}\n        </RadixAccordion.Root>\n    );\n};\nAccordionRoot.displayName = 'Accordion.Root';\n\nexport type AccordionItemProps = {\n    'data-test-id'?: string;\n    /**\n     * Children of the Accordion item. This should contain the `Accordion.Header` and `Accordion.Content` components\n     */\n    children?: ReactNode;\n    /**\n     * Whether or not an accordion item is disabled from user interaction.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Click callback for this item.\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * A string value for the accordion item. All items within an accordion should use a unique value.\n     */\n    value: string;\n};\n\nexport const AccordionItem = ({\n    'data-test-id': dataTestId = 'fondue-accordion-item',\n    children,\n    disabled,\n    onClick,\n    value,\n}: AccordionItemProps) => {\n    return (\n        <RadixAccordion.Item\n            className={styles.accordionItem}\n            value={value}\n            onPointerDown={(event) => {\n                event.currentTarget.dataset.showFocusRing = 'false';\n            }}\n            onBlur={(event) => {\n                event.currentTarget.dataset.showFocusRing = 'true';\n            }}\n            onClick={onClick}\n            disabled={disabled}\n            data-test-id={dataTestId}\n        >\n            {children}\n        </RadixAccordion.Item>\n    );\n};\nAccordionItem.displayName = 'Accordion.Item';\n\nexport type AccordionHeaderProps = {\n    /**\n     * Children of the Accordion header. This should contain `Accordion.Trigger`\n     */\n    children?: ReactNode;\n};\n\nexport const AccordionHeader = ({ children }: AccordionHeaderProps) => {\n    return <RadixAccordion.Header>{children}</RadixAccordion.Header>;\n};\nAccordionHeader.displayName = 'Accordion.Header';\n\nexport type AccordionTriggerProps = {\n    'data-test-id'?: string;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    /**\n     * Children of the Accordion trigger. This contains the actually clickable and visible header content\n     */\n    children?: ReactNode;\n};\n\nexport const AccordionTrigger = ({\n    'data-test-id': dataTestId = 'fondue-accordion-trigger',\n    asChild,\n    children,\n}: AccordionTriggerProps) => {\n    return (\n        <RadixAccordion.Trigger asChild={asChild} className={styles.accordionTrigger} data-test-id={dataTestId}>\n            {children}\n            <IconCaretDown className={styles.accordionCaret} size=\"16\" />\n        </RadixAccordion.Trigger>\n    );\n};\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\ntype AccordionContentProps = {\n    'data-test-id'?: string;\n    /**\n     * Children of the Accordion content. This contains the main content.\n     */\n    children?: ReactNode;\n    /**\n     * Adds a divider line between the header and the content.\n     */\n    divider?: boolean;\n    /**\n     * Click callback for the content.\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Controls if we show paddings around the content.\n     * @default 'large'\n     */\n    padding?: AccordionPadding;\n};\n\nexport const AccordionContent = ({\n    'data-test-id': dataTestId = 'collapsible-wrap',\n    children,\n    divider = false,\n    onClick,\n    padding = 'large',\n}: AccordionContentProps) => {\n    return (\n        <RadixAccordion.Content\n            className={styles.accordionContent}\n            onClick={onClick}\n            data-test-id={dataTestId}\n            data-item-padding={padding}\n            data-item-divider={divider}\n        >\n            <div className={styles.accordionContentText} data-test-id={`inner-${dataTestId}`}>\n                {children}\n            </div>\n        </RadixAccordion.Content>\n    );\n};\nAccordionContent.displayName = 'Accordion.Content';\n\nexport const Accordion = {\n    Root: AccordionRoot,\n    Item: AccordionItem,\n    Header: AccordionHeader,\n    Trigger: AccordionTrigger,\n    Content: AccordionContent,\n};\n"],"names":["AccordionRoot","dataTestId","border","children","defaultValue","disabled","value","jsx","RadixAccordion","styles","AccordionItem","onClick","event","AccordionHeader","AccordionTrigger","asChild","jsxs","IconCaretDown","AccordionContent","divider","padding","Accordion"],"mappings":";;;;AAoCO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,gBAAgBC,IAAa;AAAA,EAC7B,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,gBAAcR;AAAA,IACd,cAAAG;AAAA,IACA,UAAAC;AAAA,IACA,MAAK;AAAA,IACL,OAAAC;AAAA,IACA,eAAaJ;AAAA,IAEZ,UAAAC;AAAA,EAAA;AACL;AAGRH,EAAc,cAAc;AAwBrB,MAAMU,IAAgB,CAAC;AAAA,EAC1B,gBAAgBT,IAAa;AAAA,EAC7B,UAAAE;AAAA,EACA,UAAAE;AAAA,EACA,SAAAM;AAAA,EACA,OAAAL;AACJ,MAEQ,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,OAAAH;AAAA,IACA,eAAe,CAACM,MAAU;AAChB,MAAAA,EAAA,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,QAAQ,CAACA,MAAU;AACT,MAAAA,EAAA,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,SAAAD;AAAA,IACA,UAAAN;AAAA,IACA,gBAAcJ;AAAA,IAEb,UAAAE;AAAA,EAAA;AACL;AAGRO,EAAc,cAAc;AASrB,MAAMG,IAAkB,CAAC,EAAE,UAAAV,QACtB,gBAAAI,EAAAC,EAAe,QAAf,EAAuB,UAAAL,EAAS,CAAA;AAE5CU,EAAgB,cAAc;AAevB,MAAMC,IAAmB,CAAC;AAAA,EAC7B,gBAAgBb,IAAa;AAAA,EAC7B,SAAAc;AAAA,EACA,UAAAZ;AACJ,MAEQ,gBAAAa,EAACR,EAAe,SAAf,EAAuB,SAAAO,GAAkB,WAAWN,EAAO,kBAAkB,gBAAcR,GACvF,UAAA;AAAA,EAAAE;AAAA,oBACAc,GAAc,EAAA,WAAWR,EAAO,gBAAgB,MAAK,KAAK,CAAA;AAAA,GAC/D;AAGRK,EAAiB,cAAc;AAuBxB,MAAMI,IAAmB,CAAC;AAAA,EAC7B,gBAAgBjB,IAAa;AAAA,EAC7B,UAAAE;AAAA,EACA,SAAAgB,IAAU;AAAA,EACV,SAAAR;AAAA,EACA,SAAAS,IAAU;AACd,MAEQ,gBAAAb;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,SAAAE;AAAA,IACA,gBAAcV;AAAA,IACd,qBAAmBmB;AAAA,IACnB,qBAAmBD;AAAA,IAEnB,UAAA,gBAAAZ,EAAC,SAAI,WAAWE,EAAO,sBAAsB,gBAAc,SAASR,CAAU,IACzE,UAAAE,EACL,CAAA;AAAA,EAAA;AACJ;AAGRe,EAAiB,cAAc;AAExB,MAAMG,IAAY;AAAA,EACrB,MAAMrB;AAAA,EACN,MAAMU;AAAA,EACN,QAAQG;AAAA,EACR,SAASC;AAAA,EACT,SAASI;AACb;"}

package/dist/fondue-components30.js

@@ -1,22 +1,22 @@
-const o = "_root_16fsu_2", c = "_accordionItem_16fsu_7", n = "_accordionTrigger_16fsu_13", t = "_accordionCaret_16fsu_30", r = "_accordionContent_16fsu_34", e = "_accordionContentText_16fsu_61", s = "_slideDown_16fsu_1", i = "_slideUp_16fsu_1", _ = {
+const o = "_root_1f8r4_2", c = "_accordionItem_1f8r4_7", n = "_accordionTrigger_1f8r4_13", r = "_accordionCaret_1f8r4_31", t = "_accordionContent_1f8r4_35", e = "_accordionContentText_1f8r4_62", i = "_slideDown_1f8r4_1", _ = "_slideUp_1f8r4_1", d = {
   root: o,
   accordionItem: c,
   accordionTrigger: n,
-  accordionCaret: t,
-  accordionContent: r,
+  accordionCaret: r,
+  accordionContent: t,
   accordionContentText: e,
-  slideDown: s,
-  slideUp: i
+  slideDown: i,
+  slideUp: _
 };
 export {
-  t as accordionCaret,
-  r as accordionContent,
+  r as accordionCaret,
+  t as accordionContent,
   e as accordionContentText,
   c as accordionItem,
   n as accordionTrigger,
-  _ as default,
+  d as default,
   o as root,
-  s as slideDown,
-  i as slideUp
+  i as slideDown,
+  _ as slideUp
 };
 //# sourceMappingURL=fondue-components30.js.map

package/dist/fondue-components45.js

@@ -1,18 +1,18 @@
-const t = "_content_2dhca_6", e = "_header_2dhca_51", o = "_footer_2dhca_52", n = "_body_2dhca_53", d = "_underlay_2dhca_177", _ = "_sideContent_2dhca_190", c = {
+const t = "_content_1ajv4_6", e = "_header_1ajv4_50", o = "_footer_1ajv4_51", n = "_body_1ajv4_52", _ = "_underlay_1ajv4_176", a = "_sideContent_1ajv4_189", d = {
   content: t,
   header: e,
   footer: o,
   body: n,
-  underlay: d,
-  sideContent: _
+  underlay: _,
+  sideContent: a
 };
 export {
   n as body,
   t as content,
-  c as default,
+  d as default,
   o as footer,
   e as header,
-  _ as sideContent,
-  d as underlay
+  a as sideContent,
+  _ as underlay
 };
 //# sourceMappingURL=fondue-components45.js.map

package/dist/index.d.ts

@@ -32,7 +32,7 @@ export declare const Accordion: {
         displayName: string;
     };
     Trigger: {
-        ({ "data-test-id": dataTestId, children, }: AccordionTriggerProps): JSX_2.Element;
+        ({ "data-test-id": dataTestId, asChild, children, }: AccordionTriggerProps): JSX_2.Element;
         displayName: string;
     };
     Content: {
@@ -121,6 +121,11 @@ declare type AccordionRootProps = {
 
 declare type AccordionTriggerProps = {
     'data-test-id'?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
     /**
      * Children of the Accordion trigger. This contains the actually clickable and visible header content
      */