@frontify/fondue-components 19.2.0 → 19.3.0

package/dist/fondue-components3.js

@@ -1,92 +1,112 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { IconCaretDown as A } from "@frontify/fondue-icons";
-import * as n from "@radix-ui/react-accordion";
-import d from "./fondue-components31.js";
-const c = ({
-  "data-test-id": t = "fondue-accordion",
-  border: o = !0,
-  children: e,
-  defaultValue: i,
-  disabled: r,
-  value: u
-}) => /* @__PURE__ */ a(
-  n.Root,
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { IconCaretDown as C } from "@frontify/fondue-icons";
+import * as c from "@radix-ui/react-accordion";
+import { forwardRef as y, useMemo as R, Children as w, isValidElement as T } from "react";
+import d from "./fondue-components32.js";
+const g = ({
+  "data-test-id": o = "fondue-accordion",
+  border: e = !0,
+  children: r,
+  defaultValue: t,
+  disabled: a,
+  value: l,
+  padding: i = "large"
+}) => /* @__PURE__ */ n(
+  c.Root,
   {
     className: d.root,
-    "data-test-id": t,
-    defaultValue: i,
-    disabled: r,
+    "data-test-id": o,
+    defaultValue: t,
+    disabled: a,
     type: "multiple",
-    value: u,
-    "data-border": o,
-    children: e
+    value: l,
+    "data-border": e,
+    "data-accordion-padding": i,
+    children: r
   }
 );
-c.displayName = "Accordion.Root";
-const s = ({
-  "data-test-id": t = "fondue-accordion-item",
-  children: o,
-  disabled: e,
-  value: i
-}) => /* @__PURE__ */ a(
-  n.Item,
+g.displayName = "Accordion.Root";
+const u = ({
+  "data-test-id": o = "fondue-accordion-item",
+  children: e,
+  disabled: r,
+  value: t
+}) => /* @__PURE__ */ n(
+  c.Item,
   {
     className: d.accordionItem,
-    value: i,
-    onPointerDown: (r) => {
-      r.currentTarget.dataset.showFocusRing = "false";
+    value: t,
+    onPointerDown: (a) => {
+      a.currentTarget.dataset.showFocusRing = "false";
     },
-    onBlur: (r) => {
-      r.currentTarget.dataset.showFocusRing = "true";
+    onBlur: (a) => {
+      a.currentTarget.dataset.showFocusRing = "true";
     },
-    disabled: e,
-    "data-test-id": t,
-    children: o
+    disabled: r,
+    "data-test-id": o,
+    children: e
   }
 );
-s.displayName = "Accordion.Item";
-const m = ({ onClick: t, children: o }) => /* @__PURE__ */ a(n.Header, { onClick: t, children: o });
-m.displayName = "Accordion.Header";
-const l = ({
-  "data-test-id": t = "fondue-accordion-trigger",
-  asChild: o,
-  children: e
-}) => /* @__PURE__ */ p(n.Trigger, { asChild: o, className: d.accordionTrigger, "data-test-id": t, children: [
-  e,
-  /* @__PURE__ */ a(A, { className: d.accordionCaret, size: "16" })
-] });
-l.displayName = "Accordion.Trigger";
-const g = ({
-  "data-test-id": t = "collapsible-wrap",
-  children: o,
-  divider: e = !1,
-  onClick: i,
-  padding: r = "large"
-}) => /* @__PURE__ */ a(
-  n.Content,
+u.displayName = "Accordion.Item";
+const p = ({
+  "data-test-id": o = "fondue-accordion-header",
+  asChild: e,
+  onClick: r,
+  children: t
+}) => {
+  const { slots: a, triggerContent: l } = R(
+    () => w.toArray(t).reduce(
+      (i, s) => (T(s) && s.type === N ? i.slots.push(s) : i.triggerContent.push(s), i),
+      { slots: [], triggerContent: [] }
+    ),
+    [t]
+  );
+  return /* @__PURE__ */ m(c.Header, { asChild: e, className: d.accordionHeader, onClick: r, children: [
+    /* @__PURE__ */ m(c.Trigger, { className: d.accordionTrigger, "data-test-id": o, children: [
+      /* @__PURE__ */ n("div", { className: d.accordionTriggerContent, children: l }),
+      /* @__PURE__ */ n(C, { className: d.accordionCaret, size: "16" })
+    ] }),
+    a
+  ] });
+};
+p.displayName = "Accordion.Header";
+const f = ({
+  "data-test-id": o = "collapsible-wrap",
+  children: e,
+  divider: r = !1,
+  onClick: t,
+  padding: a = "large"
+}) => /* @__PURE__ */ n(
+  c.Content,
   {
     className: d.accordionContent,
-    onClick: i,
-    "data-test-id": t,
-    "data-item-padding": r,
-    "data-item-divider": e,
-    children: /* @__PURE__ */ a("div", { className: d.accordionContentText, "data-test-id": `inner-${t}`, children: o })
+    onClick: t,
+    "data-test-id": o,
+    "data-item-padding": a,
+    "data-item-divider": r,
+    children: /* @__PURE__ */ n("div", { className: d.accordionContentText, "data-test-id": `inner-${o}`, children: e })
   }
 );
-g.displayName = "Accordion.Content";
-const y = {
-  Root: c,
-  Item: s,
-  Header: m,
-  Trigger: l,
-  Content: g
+f.displayName = "Accordion.Content";
+const A = ({ children: o, name: e, "data-test-id": r = "fondue-accordion-slot" }, t) => /* @__PURE__ */ n("div", { "data-name": e, className: d.accordionSlot, "data-test-id": r, ref: t, children: o });
+A.displayName = "Accordion.Slot";
+const N = y(A), h = ({ children: o }) => o, v = {
+  Root: g,
+  Item: u,
+  Header: p,
+  /**
+   * @deprecated Use `Accordion.Header` instead.
+   */
+  Trigger: h,
+  Content: f,
+  Slot: N
 };
 export {
-  y as Accordion,
-  g as AccordionContent,
-  m as AccordionHeader,
-  s as AccordionItem,
-  c as AccordionRoot,
-  l as AccordionTrigger
+  v as Accordion,
+  f as AccordionContent,
+  p as AccordionHeader,
+  u as AccordionItem,
+  g as AccordionRoot,
+  A as AccordionSlot
 };
 //# sourceMappingURL=fondue-components3.js.map

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     * 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    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            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     * Click callback for this item.\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Children of the Accordion header. This should contain `Accordion.Trigger`\n     */\n    children?: ReactNode;\n};\n\nexport const AccordionHeader = ({ onClick, children }: AccordionHeaderProps) => {\n    return <RadixAccordion.Header onClick={onClick}>{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","event","AccordionHeader","onClick","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;AAoBrB,MAAMU,IAAgB,CAAC;AAAA,EAC1B,gBAAgBT,IAAa;AAAA,EAC7B,UAAAE;AAAA,EACA,UAAAE;AAAA,EACA,OAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,OAAAH;AAAA,IACA,eAAe,CAACK,MAAU;AAChB,MAAAA,EAAA,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,QAAQ,CAACA,MAAU;AACT,MAAAA,EAAA,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,UAAAN;AAAA,IACA,gBAAcJ;AAAA,IAEb,UAAAE;AAAA,EAAA;AACL;AAGRO,EAAc,cAAc;AAarB,MAAME,IAAkB,CAAC,EAAE,SAAAC,GAAS,UAAAV,QAC/B,gBAAAI,EAAAC,EAAe,QAAf,EAAsB,SAAAK,GAAmB,UAAAV,EAAS,CAAA;AAE9DS,EAAgB,cAAc;AAevB,MAAME,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,SAAAN;AAAA,EACA,SAAAO,IAAU;AACd,MAEQ,gBAAAb;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,SAAAI;AAAA,IACA,gBAAcZ;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,QAAQE;AAAA,EACR,SAASE;AAAA,EACT,SAASI;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 {\n    Children,\n    forwardRef,\n    isValidElement,\n    useMemo,\n    type ForwardedRef,\n    type MouseEventHandler,\n    type ReactNode,\n} 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     * Controls if we show paddings around the header.\n     * @default 'large'\n     */\n    padding?: AccordionPadding;\n};\n\nexport const AccordionRoot = ({\n    'data-test-id': dataTestId = 'fondue-accordion',\n    border = true,\n    children,\n    defaultValue,\n    disabled,\n    value,\n    padding = 'large',\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            data-accordion-padding={padding}\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     * 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    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            disabled={disabled}\n            data-test-id={dataTestId}\n        >\n            {children}\n        </RadixAccordion.Item>\n    );\n};\nAccordionItem.displayName = 'Accordion.Item';\n\nexport type AccordionHeaderProps = {\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     * Click callback for this item.\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Children of the Accordion header.\n     */\n    children?: ReactNode;\n};\n\nexport const AccordionHeader = ({\n    'data-test-id': dataTestId = 'fondue-accordion-header',\n    asChild,\n    onClick,\n    children,\n}: AccordionHeaderProps) => {\n    const { slots, triggerContent } = useMemo(\n        () =>\n            Children.toArray(children).reduce<{ slots: ReactNode[]; triggerContent: ReactNode[] }>(\n                (acc, child) => {\n                    if (isValidElement<AccordionSlotProps>(child) && child.type === ForwardedRefAccordionSlot) {\n                        acc.slots.push(child);\n                    } else {\n                        acc.triggerContent.push(child);\n                    }\n                    return acc;\n                },\n                { slots: [], triggerContent: [] },\n            ),\n        [children],\n    );\n\n    return (\n        <RadixAccordion.Header asChild={asChild} className={styles.accordionHeader} onClick={onClick}>\n            <RadixAccordion.Trigger className={styles.accordionTrigger} data-test-id={dataTestId}>\n                <div className={styles.accordionTriggerContent}>{triggerContent}</div>\n                <IconCaretDown className={styles.accordionCaret} size=\"16\" />\n            </RadixAccordion.Trigger>\n            {slots}\n        </RadixAccordion.Header>\n    );\n};\nAccordionHeader.displayName = 'Accordion.Header';\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 type AccordionSlotProps = {\n    children: ReactNode;\n    name?: 'action';\n    'data-test-id'?: string;\n};\n\nexport const AccordionSlot = (\n    { children, name, 'data-test-id': dataTestId = 'fondue-accordion-slot' }: AccordionSlotProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div data-name={name} className={styles.accordionSlot} data-test-id={dataTestId} ref={ref}>\n            {children}\n        </div>\n    );\n};\nAccordionSlot.displayName = 'Accordion.Slot';\n\nconst ForwardedRefAccordionSlot = forwardRef<HTMLDivElement, AccordionSlotProps>(AccordionSlot);\n\n/**\n * @deprecated Use `Accordion.Header` instead.\n */\nconst DeprecatedAccordionTrigger = ({ children }: { children: ReactNode }) => children;\n\nexport const Accordion = {\n    Root: AccordionRoot,\n    Item: AccordionItem,\n    Header: AccordionHeader,\n    /**\n     * @deprecated Use `Accordion.Header` instead.\n     */\n    Trigger: DeprecatedAccordionTrigger,\n    Content: AccordionContent,\n    Slot: ForwardedRefAccordionSlot,\n};\n"],"names":["AccordionRoot","dataTestId","border","children","defaultValue","disabled","value","padding","jsx","RadixAccordion","styles","AccordionItem","event","AccordionHeader","asChild","onClick","slots","triggerContent","useMemo","Children","acc","child","isValidElement","ForwardedRefAccordionSlot","jsxs","IconCaretDown","AccordionContent","divider","AccordionSlot","name","ref","forwardRef","DeprecatedAccordionTrigger","Accordion"],"mappings":";;;;;AAiDO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,gBAAgBC,IAAa;AAAA,EAC7B,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AACd,MAEQ,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,gBAAcT;AAAA,IACd,cAAAG;AAAA,IACA,UAAAC;AAAA,IACA,MAAK;AAAA,IACL,OAAAC;AAAA,IACA,eAAaJ;AAAA,IACb,0BAAwBK;AAAA,IAEvB,UAAAJ;AAAA,EAAA;AAAA;AAIbH,EAAc,cAAc;AAoBrB,MAAMW,IAAgB,CAAC;AAAA,EAC1B,gBAAgBV,IAAa;AAAA,EAC7B,UAAAE;AAAA,EACA,UAAAE;AAAA,EACA,OAAAC;AACJ,MAEQ,gBAAAE;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,OAAAJ;AAAA,IACA,eAAe,CAACM,MAAU;AACtB,MAAAA,EAAM,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,QAAQ,CAACA,MAAU;AACf,MAAAA,EAAM,cAAc,QAAQ,gBAAgB;AAAA,IAChD;AAAA,IACA,UAAAP;AAAA,IACA,gBAAcJ;AAAA,IAEb,UAAAE;AAAA,EAAA;AAAA;AAIbQ,EAAc,cAAc;AAmBrB,MAAME,IAAkB,CAAC;AAAA,EAC5B,gBAAgBZ,IAAa;AAAA,EAC7B,SAAAa;AAAA,EACA,SAAAC;AAAA,EACA,UAAAZ;AACJ,MAA4B;AACxB,QAAM,EAAE,OAAAa,GAAO,gBAAAC,EAAA,IAAmBC;AAAA,IAC9B,MACIC,EAAS,QAAQhB,CAAQ,EAAE;AAAA,MACvB,CAACiB,GAAKC,OACEC,EAAmCD,CAAK,KAAKA,EAAM,SAASE,IAC5DH,EAAI,MAAM,KAAKC,CAAK,IAEpBD,EAAI,eAAe,KAAKC,CAAK,GAE1BD;AAAA,MAEX,EAAE,OAAO,IAAI,gBAAgB,CAAA,EAAC;AAAA,IAAE;AAAA,IAExC,CAACjB,CAAQ;AAAA,EAAA;AAGb,SACI,gBAAAqB,EAACf,EAAe,QAAf,EAAsB,SAAAK,GAAkB,WAAWJ,EAAO,iBAAiB,SAAAK,GACxE,UAAA;AAAA,IAAA,gBAAAS,EAACf,EAAe,SAAf,EAAuB,WAAWC,EAAO,kBAAkB,gBAAcT,GACtE,UAAA;AAAA,MAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWE,EAAO,yBAA0B,UAAAO,GAAe;AAAA,wBAC/DQ,GAAA,EAAc,WAAWf,EAAO,gBAAgB,MAAK,KAAA,CAAK;AAAA,IAAA,GAC/D;AAAA,IACCM;AAAA,EAAA,GACL;AAER;AACAH,EAAgB,cAAc;AAuBvB,MAAMa,IAAmB,CAAC;AAAA,EAC7B,gBAAgBzB,IAAa;AAAA,EAC7B,UAAAE;AAAA,EACA,SAAAwB,IAAU;AAAA,EACV,SAAAZ;AAAA,EACA,SAAAR,IAAU;AACd,MAEQ,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACG,WAAWC,EAAO;AAAA,IAClB,SAAAK;AAAA,IACA,gBAAcd;AAAA,IACd,qBAAmBM;AAAA,IACnB,qBAAmBoB;AAAA,IAEnB,UAAA,gBAAAnB,EAAC,SAAI,WAAWE,EAAO,sBAAsB,gBAAc,SAAST,CAAU,IACzE,UAAAE,EAAA,CACL;AAAA,EAAA;AAAA;AAIZuB,EAAiB,cAAc;AAQxB,MAAME,IAAgB,CACzB,EAAE,UAAAzB,GAAU,MAAA0B,GAAM,gBAAgB5B,IAAa,wBAAA,GAC/C6B,MAGI,gBAAAtB,EAAC,OAAA,EAAI,aAAWqB,GAAM,WAAWnB,EAAO,eAAe,gBAAcT,GAAY,KAAA6B,GAC5E,UAAA3B,EAAA,CACL;AAGRyB,EAAc,cAAc;AAE5B,MAAML,IAA4BQ,EAA+CH,CAAa,GAKxFI,IAA6B,CAAC,EAAE,UAAA7B,EAAA,MAAwCA,GAEjE8B,IAAY;AAAA,EACrB,MAAMjC;AAAA,EACN,MAAMW;AAAA,EACN,QAAQE;AAAA;AAAA;AAAA;AAAA,EAIR,SAASmB;AAAA,EACT,SAASN;AAAA,EACT,MAAMH;AACV;"}

package/dist/fondue-components30.js

@@ -1,59 +1,16 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-tooltip";
-import { forwardRef as s } from "react";
-import { cn as u } from "./fondue-components36.js";
-import { useFondueTheme as h, ThemeProvider as y } from "./fondue-components29.js";
-import d from "./fondue-components79.js";
-const l = ({ children: o, enterDelay: r = 700, open: i, onOpenChange: a, ...n }) => /* @__PURE__ */ t(e.Provider, { children: /* @__PURE__ */ t(e.Root, { delayDuration: r, open: i, onOpenChange: a, ...n, children: o }) });
-l.displayName = "Tooltip.Root";
-const p = ({ asChild: o = !1, children: r, "data-test-id": i = "fondue-tooltip-trigger" }, a) => /* @__PURE__ */ t(
-  e.Trigger,
-  {
-    "data-test-id": i,
-    type: o ? void 0 : "button",
-    asChild: o,
-    ref: a,
-    children: r
-  }
-);
-p.displayName = "Tooltip.Trigger";
-const m = ({
-  children: o,
-  className: r,
-  maxWidth: i,
-  "data-test-id": a = "fondue-tooltip-content",
-  padding: n = "spacious",
-  ...c
-}, T) => {
-  const f = h();
-  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(y, { theme: f, children: /* @__PURE__ */ g(
-    e.Content,
-    {
-      "data-test-id": a,
-      "data-tooltip-spacing": n,
-      className: u(d.root, r),
-      style: { maxWidth: i },
-      collisionPadding: 16,
-      sideOffset: 8,
-      ref: T,
-      ...c,
-      children: [
-        o,
-        /* @__PURE__ */ t(e.Arrow, { "aria-hidden": "true", className: d.arrow })
-      ]
-    }
-  ) }) });
-};
-m.displayName = "Tooltip.Content";
-const w = {
-  Root: l,
-  Trigger: s(p),
-  Content: s(m)
+import { jsx as o } from "react/jsx-runtime";
+import n from "./fondue-components80.js";
+import { Slot as i } from "@radix-ui/react-slot";
+import { createContext as l, useContext as a } from "react";
+const e = l("light");
+e.displayName = "ThemeContext";
+const u = () => a(e), x = ({ children: r, theme: t = "light", asChild: m = !1 }) => {
+  const s = m ? i : "div";
+  return /* @__PURE__ */ o(e.Provider, { value: t, children: /* @__PURE__ */ o(s, { className: n[t], children: r }) });
 };
 export {
-  w as Tooltip,
-  m as TooltipContent,
-  l as TooltipRoot,
-  p as TooltipTrigger
+  e as ThemeContext,
+  x as ThemeProvider,
+  u as useFondueTheme
 };
 //# sourceMappingURL=fondue-components30.js.map

package/dist/fondue-components30.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components30.js","sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { forwardRef, type ForwardedRef, type ReactElement, type ReactNode } from 'react';\n\nimport { cn } from '#/utilities/styleUtilities';\n\nimport { ThemeProvider, useFondueTheme } from '../ThemeProvider/ThemeProvider';\n\nimport styles from './styles/tooltip.module.scss';\n\nexport type TooltipRootProps = {\n    /**\n     * Sets the open state of the tooltip.\n     */\n    open?: boolean;\n    /**\n     * Callback that is called when the open state of the tooltip changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * The delay in milliseconds before the tooltip appears.\n     * @default 700\n     */\n    enterDelay?: number;\n    children: Array<ReactElement<TooltipTriggerProps | TooltipContentProps>>;\n};\n\nexport const TooltipRoot = ({ children, enterDelay = 700, open, onOpenChange, ...props }: TooltipRootProps) => {\n    return (\n        <RadixTooltip.Provider>\n            <RadixTooltip.Root delayDuration={enterDelay} open={open} onOpenChange={onOpenChange} {...props}>\n                {children}\n            </RadixTooltip.Root>\n        </RadixTooltip.Provider>\n    );\n};\nTooltipRoot.displayName = 'Tooltip.Root';\n\nexport type TooltipTriggerProps = {\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    children: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const TooltipTrigger = (\n    { asChild = false, children, 'data-test-id': dataTestId = 'fondue-tooltip-trigger' }: TooltipTriggerProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return (\n        <RadixTooltip.Trigger\n            data-test-id={dataTestId}\n            type={!asChild ? 'button' : undefined}\n            asChild={asChild}\n            ref={ref}\n        >\n            {children}\n        </RadixTooltip.Trigger>\n    );\n};\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n\nexport type TooltipContentProps = {\n    /**\n     * @default \"spacious\"\n     */\n    padding?: 'spacious' | 'compact';\n    /**\n     * Defines the preferred side of the tooltip. It will not be respected if there are collisions with the viewport.\n     */\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    maxWidth?: string;\n    className?: string;\n    children: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const TooltipContent = (\n    {\n        children,\n        className,\n        maxWidth,\n        'data-test-id': dataTestId = 'fondue-tooltip-content',\n        padding = 'spacious',\n        ...props\n    }: TooltipContentProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const theme = useFondueTheme();\n    return (\n        <RadixTooltip.Portal>\n            <ThemeProvider theme={theme}>\n                <RadixTooltip.Content\n                    data-test-id={dataTestId}\n                    data-tooltip-spacing={padding}\n                    className={cn(styles.root, className)}\n                    style={{ maxWidth }}\n                    collisionPadding={16}\n                    sideOffset={8}\n                    ref={ref}\n                    {...props}\n                >\n                    {children}\n                    <RadixTooltip.Arrow aria-hidden=\"true\" className={styles.arrow} />\n                </RadixTooltip.Content>\n            </ThemeProvider>\n        </RadixTooltip.Portal>\n    );\n};\nTooltipContent.displayName = 'Tooltip.Content';\n\nexport const Tooltip = {\n    Root: TooltipRoot,\n    Trigger: forwardRef<HTMLButtonElement, TooltipTriggerProps>(TooltipTrigger),\n    Content: forwardRef<HTMLDivElement, TooltipContentProps>(TooltipContent),\n};\n"],"names":["TooltipRoot","children","enterDelay","open","onOpenChange","props","jsx","RadixTooltip","TooltipTrigger","asChild","dataTestId","ref","TooltipContent","className","maxWidth","padding","theme","useFondueTheme","ThemeProvider","jsxs","cn","styles","Tooltip","forwardRef"],"mappings":";;;;;;AA4Ba,MAAAA,IAAc,CAAC,EAAE,UAAAC,GAAU,YAAAC,IAAa,KAAK,MAAAC,GAAM,cAAAC,GAAc,GAAGC,QAExE,gBAAAC,EAAAC,EAAa,UAAb,EACG,4BAACA,EAAa,MAAb,EAAkB,eAAeL,GAAY,MAAAC,GAAY,cAAAC,GAA6B,GAAGC,GACrF,UAAAJ,EACL,CAAA,GACJ;AAGRD,EAAY,cAAc;AAYb,MAAAQ,IAAiB,CAC1B,EAAE,SAAAC,IAAU,IAAO,UAAAR,GAAU,gBAAgBS,IAAa,yBAAyB,GACnFC,MAGI,gBAAAL;AAAA,EAACC,EAAa;AAAA,EAAb;AAAA,IACG,gBAAcG;AAAA,IACd,MAAOD,IAAqB,SAAX;AAAA,IACjB,SAAAA;AAAA,IACA,KAAAE;AAAA,IAEC,UAAAV;AAAA,EAAA;AACL;AAGRO,EAAe,cAAc;AAiBtB,MAAMI,IAAiB,CAC1B;AAAA,EACI,UAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBJ,IAAa;AAAA,EAC7B,SAAAK,IAAU;AAAA,EACV,GAAGV;AACP,GACAM,MACC;AACD,QAAMK,IAAQC,EAAe;AAC7B,2BACKV,EAAa,QAAb,EACG,UAAA,gBAAAD,EAACY,KAAc,OAAAF,GACX,UAAA,gBAAAG;AAAA,IAACZ,EAAa;AAAA,IAAb;AAAA,MACG,gBAAcG;AAAA,MACd,wBAAsBK;AAAA,MACtB,WAAWK,EAAGC,EAAO,MAAMR,CAAS;AAAA,MACpC,OAAO,EAAE,UAAAC,EAAS;AAAA,MAClB,kBAAkB;AAAA,MAClB,YAAY;AAAA,MACZ,KAAAH;AAAA,MACC,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAJ;AAAA,QACD,gBAAAK,EAACC,EAAa,OAAb,EAAmB,eAAY,QAAO,WAAWc,EAAO,MAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAExE,EACJ,CAAA;AAER;AACAT,EAAe,cAAc;AAEtB,MAAMU,IAAU;AAAA,EACnB,MAAMtB;AAAA,EACN,SAASuB,EAAmDf,CAAc;AAAA,EAC1E,SAASe,EAAgDX,CAAc;AAC3E;"}
+{"version":3,"file":"fondue-components30.js","sources":["../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport styles from '@frontify/fondue-tokens/theme-tokens';\nimport { Slot } from '@radix-ui/react-slot';\nimport { createContext, useContext, type ReactNode } from 'react';\n\ntype AvailableTheme = keyof typeof styles;\n\ntype ThemeProviderProps = {\n    children: ReactNode;\n    /**\n     * The theme to apply\n     * @default \"light\"\n     * */\n    theme: AvailableTheme;\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\nexport const ThemeContext = createContext<AvailableTheme>('light');\nThemeContext.displayName = 'ThemeContext';\n\nexport const useFondueTheme = () => {\n    return useContext(ThemeContext);\n};\n\nexport const ThemeProvider = ({ children, theme = 'light', asChild = false }: ThemeProviderProps) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n        <ThemeContext.Provider value={theme}>\n            <Comp className={styles[theme]}>{children}</Comp>\n        </ThemeContext.Provider>\n    );\n};\n"],"names":["ThemeContext","createContext","useFondueTheme","useContext","ThemeProvider","children","theme","asChild","Comp","Slot","jsx","styles"],"mappings":";;;;AAsBO,MAAMA,IAAeC,EAA8B,OAAO;AACjED,EAAa,cAAc;AAEpB,MAAME,IAAiB,MACnBC,EAAWH,CAAY,GAGrBI,IAAgB,CAAC,EAAE,UAAAC,GAAU,OAAAC,IAAQ,SAAS,SAAAC,IAAU,SAAgC;AACjG,QAAMC,IAAOD,IAAUE,IAAO;AAC9B,SACI,gBAAAC,EAACV,EAAa,UAAb,EAAsB,OAAOM,GAC1B,UAAA,gBAAAI,EAACF,GAAA,EAAK,WAAWG,EAAOL,CAAK,GAAI,UAAAD,GAAS,GAC9C;AAER;"}

package/dist/fondue-components31.js

@@ -1,18 +1,59 @@
-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", a = {
-  root: o,
-  accordionItem: c,
-  accordionTrigger: n,
-  accordionCaret: r,
-  accordionContent: t,
-  accordionContentText: e
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-tooltip";
+import { forwardRef as s } from "react";
+import { cn as u } from "./fondue-components37.js";
+import { useFondueTheme as h, ThemeProvider as y } from "./fondue-components30.js";
+import d from "./fondue-components81.js";
+const l = ({ children: o, enterDelay: r = 700, open: i, onOpenChange: a, ...n }) => /* @__PURE__ */ t(e.Provider, { children: /* @__PURE__ */ t(e.Root, { delayDuration: r, open: i, onOpenChange: a, ...n, children: o }) });
+l.displayName = "Tooltip.Root";
+const p = ({ asChild: o = !1, children: r, "data-test-id": i = "fondue-tooltip-trigger" }, a) => /* @__PURE__ */ t(
+  e.Trigger,
+  {
+    "data-test-id": i,
+    type: o ? void 0 : "button",
+    asChild: o,
+    ref: a,
+    children: r
+  }
+);
+p.displayName = "Tooltip.Trigger";
+const m = ({
+  children: o,
+  className: r,
+  maxWidth: i,
+  "data-test-id": a = "fondue-tooltip-content",
+  padding: n = "spacious",
+  ...c
+}, T) => {
+  const f = h();
+  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(y, { theme: f, children: /* @__PURE__ */ g(
+    e.Content,
+    {
+      "data-test-id": a,
+      "data-tooltip-spacing": n,
+      className: u(d.root, r),
+      style: { maxWidth: i },
+      collisionPadding: 16,
+      sideOffset: 8,
+      ref: T,
+      ...c,
+      children: [
+        o,
+        /* @__PURE__ */ t(e.Arrow, { "aria-hidden": "true", className: d.arrow })
+      ]
+    }
+  ) }) });
+};
+m.displayName = "Tooltip.Content";
+const w = {
+  Root: l,
+  Trigger: s(p),
+  Content: s(m)
 };
 export {
-  r as accordionCaret,
-  t as accordionContent,
-  e as accordionContentText,
-  c as accordionItem,
-  n as accordionTrigger,
-  a as default,
-  o as root
+  w as Tooltip,
+  m as TooltipContent,
+  l as TooltipRoot,
+  p as TooltipTrigger
 };
 //# sourceMappingURL=fondue-components31.js.map

package/dist/fondue-components31.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"fondue-components31.js","sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { forwardRef, type ForwardedRef, type ReactElement, type ReactNode } from 'react';\n\nimport { cn } from '#/utilities/styleUtilities';\n\nimport { ThemeProvider, useFondueTheme } from '../ThemeProvider/ThemeProvider';\n\nimport styles from './styles/tooltip.module.scss';\n\nexport type TooltipRootProps = {\n    /**\n     * Sets the open state of the tooltip.\n     */\n    open?: boolean;\n    /**\n     * Callback that is called when the open state of the tooltip changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * The delay in milliseconds before the tooltip appears.\n     * @default 700\n     */\n    enterDelay?: number;\n    children: Array<ReactElement<TooltipTriggerProps | TooltipContentProps>>;\n};\n\nexport const TooltipRoot = ({ children, enterDelay = 700, open, onOpenChange, ...props }: TooltipRootProps) => {\n    return (\n        <RadixTooltip.Provider>\n            <RadixTooltip.Root delayDuration={enterDelay} open={open} onOpenChange={onOpenChange} {...props}>\n                {children}\n            </RadixTooltip.Root>\n        </RadixTooltip.Provider>\n    );\n};\nTooltipRoot.displayName = 'Tooltip.Root';\n\nexport type TooltipTriggerProps = {\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    children: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const TooltipTrigger = (\n    { asChild = false, children, 'data-test-id': dataTestId = 'fondue-tooltip-trigger' }: TooltipTriggerProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return (\n        <RadixTooltip.Trigger\n            data-test-id={dataTestId}\n            type={!asChild ? 'button' : undefined}\n            asChild={asChild}\n            ref={ref}\n        >\n            {children}\n        </RadixTooltip.Trigger>\n    );\n};\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n\nexport type TooltipContentProps = {\n    /**\n     * @default \"spacious\"\n     */\n    padding?: 'spacious' | 'compact';\n    /**\n     * Defines the preferred side of the tooltip. It will not be respected if there are collisions with the viewport.\n     */\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    maxWidth?: string;\n    className?: string;\n    children: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const TooltipContent = (\n    {\n        children,\n        className,\n        maxWidth,\n        'data-test-id': dataTestId = 'fondue-tooltip-content',\n        padding = 'spacious',\n        ...props\n    }: TooltipContentProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const theme = useFondueTheme();\n    return (\n        <RadixTooltip.Portal>\n            <ThemeProvider theme={theme}>\n                <RadixTooltip.Content\n                    data-test-id={dataTestId}\n                    data-tooltip-spacing={padding}\n                    className={cn(styles.root, className)}\n                    style={{ maxWidth }}\n                    collisionPadding={16}\n                    sideOffset={8}\n                    ref={ref}\n                    {...props}\n                >\n                    {children}\n                    <RadixTooltip.Arrow aria-hidden=\"true\" className={styles.arrow} />\n                </RadixTooltip.Content>\n            </ThemeProvider>\n        </RadixTooltip.Portal>\n    );\n};\nTooltipContent.displayName = 'Tooltip.Content';\n\nexport const Tooltip = {\n    Root: TooltipRoot,\n    Trigger: forwardRef<HTMLButtonElement, TooltipTriggerProps>(TooltipTrigger),\n    Content: forwardRef<HTMLDivElement, TooltipContentProps>(TooltipContent),\n};\n"],"names":["TooltipRoot","children","enterDelay","open","onOpenChange","props","jsx","RadixTooltip","TooltipTrigger","asChild","dataTestId","ref","TooltipContent","className","maxWidth","padding","theme","useFondueTheme","ThemeProvider","jsxs","cn","styles","Tooltip","forwardRef"],"mappings":";;;;;;AA4BO,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,YAAAC,IAAa,KAAK,MAAAC,GAAM,cAAAC,GAAc,GAAGC,QAEzE,gBAAAC,EAACC,EAAa,UAAb,EACG,4BAACA,EAAa,MAAb,EAAkB,eAAeL,GAAY,MAAAC,GAAY,cAAAC,GAA6B,GAAGC,GACrF,UAAAJ,GACL,GACJ;AAGRD,EAAY,cAAc;AAYnB,MAAMQ,IAAiB,CAC1B,EAAE,SAAAC,IAAU,IAAO,UAAAR,GAAU,gBAAgBS,IAAa,yBAAA,GAC1DC,MAGI,gBAAAL;AAAA,EAACC,EAAa;AAAA,EAAb;AAAA,IACG,gBAAcG;AAAA,IACd,MAAOD,IAAqB,SAAX;AAAA,IACjB,SAAAA;AAAA,IACA,KAAAE;AAAA,IAEC,UAAAV;AAAA,EAAA;AAAA;AAIbO,EAAe,cAAc;AAiBtB,MAAMI,IAAiB,CAC1B;AAAA,EACI,UAAAX;AAAA,EACA,WAAAY;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBJ,IAAa;AAAA,EAC7B,SAAAK,IAAU;AAAA,EACV,GAAGV;AACP,GACAM,MACC;AACD,QAAMK,IAAQC,EAAA;AACd,2BACKV,EAAa,QAAb,EACG,UAAA,gBAAAD,EAACY,KAAc,OAAAF,GACX,UAAA,gBAAAG;AAAA,IAACZ,EAAa;AAAA,IAAb;AAAA,MACG,gBAAcG;AAAA,MACd,wBAAsBK;AAAA,MACtB,WAAWK,EAAGC,EAAO,MAAMR,CAAS;AAAA,MACpC,OAAO,EAAE,UAAAC,EAAA;AAAA,MACT,kBAAkB;AAAA,MAClB,YAAY;AAAA,MACZ,KAAAH;AAAA,MACC,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAJ;AAAA,QACD,gBAAAK,EAACC,EAAa,OAAb,EAAmB,eAAY,QAAO,WAAWc,EAAO,MAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAExE,EAAA,CACJ;AAER;AACAT,EAAe,cAAc;AAEtB,MAAMU,IAAU;AAAA,EACnB,MAAMtB;AAAA,EACN,SAASuB,EAAmDf,CAAc;AAAA,EAC1E,SAASe,EAAgDX,CAAc;AAC3E;"}

package/dist/fondue-components32.js

@@ -1,11 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "./fondue-components80.js";
-import { colorToCss as e } from "./fondue-components81.js";
-const a = ["default", "positive", "highlight", "warning", "negative"], i = (t) => typeof t == "string" && a.includes(t), p = ({ status: t }) => {
-  const o = i(t) ? { "data-status": t } : { style: { backgroundColor: typeof t == "string" ? t : e(t) || "transparent" } };
-  return /* @__PURE__ */ r("div", { "data-test-id": "badge-status", className: s.root, ...o });
+const o = "_root_bp61n_2", n = "_accordionItem_bp61n_23", c = "_accordionTrigger_bp61n_29", r = "_accordionHeader_bp61n_34", t = "_accordionSlot_bp61n_41", e = "_accordionCaret_bp61n_66", a = "_accordionTriggerContent_bp61n_74", i = "_accordionContent_bp61n_79", d = "_accordionContentText_bp61n_108", _ = {
+  root: o,
+  accordionItem: n,
+  accordionTrigger: c,
+  accordionHeader: r,
+  accordionSlot: t,
+  accordionCaret: e,
+  accordionTriggerContent: a,
+  accordionContent: i,
+  accordionContentText: d
 };
 export {
-  p as BadgeStatus
+  e as accordionCaret,
+  i as accordionContent,
+  d as accordionContentText,
+  r as accordionHeader,
+  n as accordionItem,
+  t as accordionSlot,
+  c as accordionTrigger,
+  a as accordionTriggerContent,
+  _ as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components32.js.map

package/dist/fondue-components32.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components32.js","sources":["../src/components/Badge/BadgeStatus.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport styles from './styles/badgestatus.module.scss';\nimport { type RgbaColor } from './types';\nimport { colorToCss } from './utils';\n\ntype BadgeStatusType = 'default' | 'positive' | 'highlight' | 'warning' | 'negative';\n\nconst badgeStatusMap = ['default', 'positive', 'highlight', 'warning', 'negative'];\n\nexport type BadgeStatusProps = { status: BadgeStatusType } | { status: RgbaColor | string };\n\nconst isBadgeStatusType = (value: RgbaColor | string): value is BadgeStatusType =>\n    typeof value === 'string' && badgeStatusMap.includes(value);\n\nexport const BadgeStatus = ({ status }: BadgeStatusProps) => {\n    const colorProps = isBadgeStatusType(status)\n        ? { 'data-status': status }\n        : { style: { backgroundColor: typeof status === 'string' ? status : colorToCss(status) || 'transparent' } };\n\n    return <div data-test-id=\"badge-status\" className={styles.root} {...colorProps}></div>;\n};\n"],"names":["badgeStatusMap","isBadgeStatusType","value","BadgeStatus","status","colorProps","colorToCss","jsx","styles"],"mappings":";;;AAQA,MAAMA,IAAiB,CAAC,WAAW,YAAY,aAAa,WAAW,UAAU,GAI3EC,IAAoB,CAACC,MACvB,OAAOA,KAAU,YAAYF,EAAe,SAASE,CAAK,GAEjDC,IAAc,CAAC,EAAE,QAAAC,QAA+B;AACnD,QAAAC,IAAaJ,EAAkBG,CAAM,IACrC,EAAE,eAAeA,MACjB,EAAE,OAAO,EAAE,iBAAiB,OAAOA,KAAW,WAAWA,IAASE,EAAWF,CAAM,KAAK,gBAAgB;AAEvG,SAAA,gBAAAG,EAAC,SAAI,gBAAa,gBAAe,WAAWC,EAAO,MAAO,GAAGH,GAAY;AACpF;"}
+{"version":3,"file":"fondue-components32.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/fondue-components33.js

@@ -1,10 +1,11 @@
-const s = "_root_bgze9_3", o = "_dismiss_bgze9_161", t = {
-  root: s,
-  dismiss: o
+import { jsx as r } from "react/jsx-runtime";
+import s from "./fondue-components82.js";
+import { colorToCss as e } from "./fondue-components83.js";
+const a = ["default", "positive", "highlight", "warning", "negative"], i = (t) => typeof t == "string" && a.includes(t), p = ({ status: t }) => {
+  const o = i(t) ? { "data-status": t } : { style: { backgroundColor: typeof t == "string" ? t : e(t) || "transparent" } };
+  return /* @__PURE__ */ r("div", { "data-test-id": "badge-status", className: s.root, ...o });
 };
 export {
-  t as default,
-  o as dismiss,
-  s as root
+  p as BadgeStatus
 };
 //# sourceMappingURL=fondue-components33.js.map

package/dist/fondue-components33.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components33.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"fondue-components33.js","sources":["../src/components/Badge/BadgeStatus.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport styles from './styles/badgestatus.module.scss';\nimport { type RgbaColor } from './types';\nimport { colorToCss } from './utils';\n\ntype BadgeStatusType = 'default' | 'positive' | 'highlight' | 'warning' | 'negative';\n\nconst badgeStatusMap = ['default', 'positive', 'highlight', 'warning', 'negative'];\n\nexport type BadgeStatusProps = { status: BadgeStatusType } | { status: RgbaColor | string };\n\nconst isBadgeStatusType = (value: RgbaColor | string): value is BadgeStatusType =>\n    typeof value === 'string' && badgeStatusMap.includes(value);\n\nexport const BadgeStatus = ({ status }: BadgeStatusProps) => {\n    const colorProps = isBadgeStatusType(status)\n        ? { 'data-status': status }\n        : { style: { backgroundColor: typeof status === 'string' ? status : colorToCss(status) || 'transparent' } };\n\n    return <div data-test-id=\"badge-status\" className={styles.root} {...colorProps}></div>;\n};\n"],"names":["badgeStatusMap","isBadgeStatusType","value","BadgeStatus","status","colorProps","colorToCss","jsx","styles"],"mappings":";;;AAQA,MAAMA,IAAiB,CAAC,WAAW,YAAY,aAAa,WAAW,UAAU,GAI3EC,IAAoB,CAACC,MACvB,OAAOA,KAAU,YAAYF,EAAe,SAASE,CAAK,GAEjDC,IAAc,CAAC,EAAE,QAAAC,QAA+B;AACzD,QAAMC,IAAaJ,EAAkBG,CAAM,IACrC,EAAE,eAAeA,EAAA,IACjB,EAAE,OAAO,EAAE,iBAAiB,OAAOA,KAAW,WAAWA,IAASE,EAAWF,CAAM,KAAK,gBAAc;AAE5G,SAAO,gBAAAG,EAAC,SAAI,gBAAa,gBAAe,WAAWC,EAAO,MAAO,GAAGH,GAAY;AACpF;"}

package/dist/fondue-components34.js

@@ -1,35 +1,10 @@
-const g = (n) => n.startsWith("aria-") || n === "role", s = {
-  m: "margin",
-  mx: "margin-x",
-  my: "margin-y",
-  mt: "margin-top",
-  mr: "margin-right",
-  mb: "margin-bottom",
-  ml: "margin-left",
-  p: "padding",
-  px: "padding-x",
-  py: "padding-y",
-  pt: "padding-top",
-  pr: "padding-right",
-  pb: "padding-bottom",
-  pl: "padding-left",
-  direction: "flex-direction",
-  align: "align-items",
-  wrap: "flex-wrap",
-  columns: "grid-template-columns",
-  rows: "grid-template-rows"
-}, m = (n, r) => n === "columns" || n === "rows" ? typeof r == "number" ? `repeat(${r}, 1fr)` : r : typeof r == "number" ? `${r * 0.25}rem` : r, f = (n, r = {}) => Object.entries(n).reduce((i, [t, o]) => {
-  if (g(t))
-    return i;
-  const e = t in r ? r[t] : t in s ? s[t] : t, p = e == null ? void 0 : e.replaceAll(/([\da-z]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-  if (typeof o == "object")
-    for (const [d, a] of Object.entries(o))
-      a !== void 0 && (i[`--${d}-${p}`] = m(t, a));
-  else
-    i[`--${p}`] = m(t, o);
-  return i;
-}, {});
+const s = "_root_qxbmr_3", o = "_dismiss_qxbmr_161", t = {
+  root: s,
+  dismiss: o
+};
 export {
-  f as propsToCssVariables
+  t as default,
+  o as dismiss,
+  s as root
 };
 //# sourceMappingURL=fondue-components34.js.map

package/dist/fondue-components34.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components34.js","sources":["../src/helpers/propsToCssVariables.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { type Breakpoint } from './layout';\n\nconst isAriaProp = (key: string): boolean => {\n    return key.startsWith('aria-') || key === 'role';\n};\n\nconst abbreviationToCssProperty: Record<string, string> = {\n    m: 'margin',\n    mx: 'margin-x',\n    my: 'margin-y',\n    mt: 'margin-top',\n    mr: 'margin-right',\n    mb: 'margin-bottom',\n    ml: 'margin-left',\n    p: 'padding',\n    px: 'padding-x',\n    py: 'padding-y',\n    pt: 'padding-top',\n    pr: 'padding-right',\n    pb: 'padding-bottom',\n    pl: 'padding-left',\n    direction: 'flex-direction',\n    align: 'align-items',\n    wrap: 'flex-wrap',\n    columns: 'grid-template-columns',\n    rows: 'grid-template-rows',\n};\n\nconst transformValueBasedOnKey = (key: string, value: string | number): string | number => {\n    if (key === 'columns' || key === 'rows') {\n        if (typeof value === 'number') {\n            return `repeat(${value}, 1fr)`;\n        }\n        return value;\n    }\n\n    // Spacing tokens\n    if (typeof value === 'number') {\n        return `${value * 0.25}rem`;\n    }\n\n    return value;\n};\n\nexport const propsToCssVariables = (\n    props: Record<string, string | number | boolean | { [key in Breakpoint]?: string | number | boolean }>,\n    extraAbbreviationToCssProperty: Record<string, string> = {},\n): CSSProperties => {\n    return Object.entries(props).reduce((acc, [key, value]) => {\n        if (isAriaProp(key)) {\n            return acc;\n        }\n\n        const cssProperty =\n            key in extraAbbreviationToCssProperty\n                ? extraAbbreviationToCssProperty[key]\n                : key in abbreviationToCssProperty\n                  ? abbreviationToCssProperty[key]\n                  : key;\n        const cssPropertyKebabCase = cssProperty?.replaceAll(/([\\da-z]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n\n        if (typeof value === 'object') {\n            for (const [breakpoint, breakpointValue] of Object.entries(value)) {\n                if (breakpointValue !== undefined) {\n                    // @ts-expect-error CSS variables are not typed into `CSSProperties`\n                    acc[`--${breakpoint}-${cssPropertyKebabCase}`] = transformValueBasedOnKey(key, breakpointValue);\n                }\n            }\n        } else {\n            // @ts-expect-error CSS variables are not typed into `CSSProperties`\n            acc[`--${cssPropertyKebabCase}`] = transformValueBasedOnKey(key, value);\n        }\n\n        return acc;\n    }, {} as CSSProperties);\n};\n"],"names":["isAriaProp","key","abbreviationToCssProperty","transformValueBasedOnKey","value","propsToCssVariables","props","extraAbbreviationToCssProperty","acc","cssProperty","cssPropertyKebabCase","breakpoint","breakpointValue"],"mappings":"AAMA,MAAMA,IAAa,CAACC,MACTA,EAAI,WAAW,OAAO,KAAKA,MAAQ,QAGxCC,IAAoD;AAAA,EACtD,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACV,GAEMC,IAA2B,CAACF,GAAaG,MACvCH,MAAQ,aAAaA,MAAQ,SACzB,OAAOG,KAAU,WACV,UAAUA,CAAK,WAEnBA,IAIP,OAAOA,KAAU,WACV,GAAGA,IAAQ,IAAI,QAGnBA,GAGEC,IAAsB,CAC/BC,GACAC,IAAyD,OAElD,OAAO,QAAQD,CAAK,EAAE,OAAO,CAACE,GAAK,CAACP,GAAKG,CAAK,MAAM;AACnD,MAAAJ,EAAWC,CAAG;AACP,WAAAO;AAGL,QAAAC,IACFR,KAAOM,IACDA,EAA+BN,CAAG,IAClCA,KAAOC,IACLA,EAA0BD,CAAG,IAC7BA,GACNS,IAAuBD,KAAA,gBAAAA,EAAa,WAAW,+BAA+B,SAAS;AAEzF,MAAA,OAAOL,KAAU;AACjB,eAAW,CAACO,GAAYC,CAAe,KAAK,OAAO,QAAQR,CAAK;AAC5D,MAAIQ,MAAoB,WAEhBJ,EAAA,KAAKG,CAAU,IAAID,CAAoB,EAAE,IAAIP,EAAyBF,GAAKW,CAAe;AAAA;AAKtG,IAAAJ,EAAI,KAAKE,CAAoB,EAAE,IAAIP,EAAyBF,GAAKG,CAAK;AAGnE,SAAAI;AACX,GAAG,EAAmB;"}
+{"version":3,"file":"fondue-components34.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/fondue-components35.js

@@ -1,8 +1,35 @@
-const o = "_root_5sic9_5", t = {
-  root: o
-};
+const g = (n) => n.startsWith("aria-") || n === "role", s = {
+  m: "margin",
+  mx: "margin-x",
+  my: "margin-y",
+  mt: "margin-top",
+  mr: "margin-right",
+  mb: "margin-bottom",
+  ml: "margin-left",
+  p: "padding",
+  px: "padding-x",
+  py: "padding-y",
+  pt: "padding-top",
+  pr: "padding-right",
+  pb: "padding-bottom",
+  pl: "padding-left",
+  direction: "flex-direction",
+  align: "align-items",
+  wrap: "flex-wrap",
+  columns: "grid-template-columns",
+  rows: "grid-template-rows"
+}, m = (n, r) => n === "columns" || n === "rows" ? typeof r == "number" ? `repeat(${r}, 1fr)` : r : typeof r == "number" ? `${r * 0.25}rem` : r, f = (n, r = {}) => Object.entries(n).reduce((i, [t, o]) => {
+  if (g(t))
+    return i;
+  const e = t in r ? r[t] : t in s ? s[t] : t, p = e == null ? void 0 : e.replaceAll(/([\da-z]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+  if (typeof o == "object")
+    for (const [d, a] of Object.entries(o))
+      a !== void 0 && (i[`--${d}-${p}`] = m(t, a));
+  else
+    i[`--${p}`] = m(t, o);
+  return i;
+}, {});
 export {
-  t as default,
-  o as root
+  f as propsToCssVariables
 };
 //# sourceMappingURL=fondue-components35.js.map

package/dist/fondue-components35.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components35.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"fondue-components35.js","sources":["../src/helpers/propsToCssVariables.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { type Breakpoint } from './layout';\n\nconst isAriaProp = (key: string): boolean => {\n    return key.startsWith('aria-') || key === 'role';\n};\n\nconst abbreviationToCssProperty: Record<string, string> = {\n    m: 'margin',\n    mx: 'margin-x',\n    my: 'margin-y',\n    mt: 'margin-top',\n    mr: 'margin-right',\n    mb: 'margin-bottom',\n    ml: 'margin-left',\n    p: 'padding',\n    px: 'padding-x',\n    py: 'padding-y',\n    pt: 'padding-top',\n    pr: 'padding-right',\n    pb: 'padding-bottom',\n    pl: 'padding-left',\n    direction: 'flex-direction',\n    align: 'align-items',\n    wrap: 'flex-wrap',\n    columns: 'grid-template-columns',\n    rows: 'grid-template-rows',\n};\n\nconst transformValueBasedOnKey = (key: string, value: string | number): string | number => {\n    if (key === 'columns' || key === 'rows') {\n        if (typeof value === 'number') {\n            return `repeat(${value}, 1fr)`;\n        }\n        return value;\n    }\n\n    // Spacing tokens\n    if (typeof value === 'number') {\n        return `${value * 0.25}rem`;\n    }\n\n    return value;\n};\n\nexport const propsToCssVariables = (\n    props: Record<string, string | number | boolean | { [key in Breakpoint]?: string | number | boolean }>,\n    extraAbbreviationToCssProperty: Record<string, string> = {},\n): CSSProperties => {\n    return Object.entries(props).reduce((acc, [key, value]) => {\n        if (isAriaProp(key)) {\n            return acc;\n        }\n\n        const cssProperty =\n            key in extraAbbreviationToCssProperty\n                ? extraAbbreviationToCssProperty[key]\n                : key in abbreviationToCssProperty\n                  ? abbreviationToCssProperty[key]\n                  : key;\n        // The lookahead is necessary to split camelCase boundaries; disabling false-positive lint warning\n        const cssPropertyKebabCase = cssProperty?.replaceAll(/([\\da-z]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n\n        if (typeof value === 'object') {\n            for (const [breakpoint, breakpointValue] of Object.entries(value)) {\n                if (breakpointValue !== undefined) {\n                    // @ts-expect-error CSS variables are not typed into `CSSProperties`\n                    acc[`--${breakpoint}-${cssPropertyKebabCase}`] = transformValueBasedOnKey(key, breakpointValue);\n                }\n            }\n        } else {\n            // @ts-expect-error CSS variables are not typed into `CSSProperties`\n            acc[`--${cssPropertyKebabCase}`] = transformValueBasedOnKey(key, value);\n        }\n\n        return acc;\n    }, {} as CSSProperties);\n};\n"],"names":["isAriaProp","key","abbreviationToCssProperty","transformValueBasedOnKey","value","propsToCssVariables","props","extraAbbreviationToCssProperty","acc","cssProperty","cssPropertyKebabCase","breakpoint","breakpointValue"],"mappings":"AAMA,MAAMA,IAAa,CAACC,MACTA,EAAI,WAAW,OAAO,KAAKA,MAAQ,QAGxCC,IAAoD;AAAA,EACtD,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACV,GAEMC,IAA2B,CAACF,GAAaG,MACvCH,MAAQ,aAAaA,MAAQ,SACzB,OAAOG,KAAU,WACV,UAAUA,CAAK,WAEnBA,IAIP,OAAOA,KAAU,WACV,GAAGA,IAAQ,IAAI,QAGnBA,GAGEC,IAAsB,CAC/BC,GACAC,IAAyD,OAElD,OAAO,QAAQD,CAAK,EAAE,OAAO,CAACE,GAAK,CAACP,GAAKG,CAAK,MAAM;AACvD,MAAIJ,EAAWC,CAAG;AACd,WAAOO;AAGX,QAAMC,IACFR,KAAOM,IACDA,EAA+BN,CAAG,IAClCA,KAAOC,IACLA,EAA0BD,CAAG,IAC7BA,GAENS,IAAuBD,KAAA,gBAAAA,EAAa,WAAW,+BAA+B,SAAS;AAE7F,MAAI,OAAOL,KAAU;AACjB,eAAW,CAACO,GAAYC,CAAe,KAAK,OAAO,QAAQR,CAAK;AAC5D,MAAIQ,MAAoB,WAEpBJ,EAAI,KAAKG,CAAU,IAAID,CAAoB,EAAE,IAAIP,EAAyBF,GAAKW,CAAe;AAAA;AAKtG,IAAAJ,EAAI,KAAKE,CAAoB,EAAE,IAAIP,EAAyBF,GAAKG,CAAK;AAG1E,SAAOI;AACX,GAAG,CAAA,CAAmB;"}

package/dist/fondue-components36.js

@@ -1,15 +1,8 @@
-import { extendTailwindMerge as e } from "tailwind-merge";
-import { tv as o } from "tailwind-variants";
-const r = e({
-  prefix: "tw-",
-  extend: {
-    classGroups: {
-      "font-size": ["text-body-x-small", "text-body-small", "text-body-medium", "text-body-large"]
-    }
-  }
-}), m = (...t) => r(...t), x = (t) => o(t);
+const o = "_root_5sic9_5", t = {
+  root: o
+};
 export {
-  m as cn,
-  x as sv
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components36.js.map