@frontify/fondue-components 29.1.0 → 29.2.0

package/dist/fondue-components26.js

@@ -1,80 +1,21 @@
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-scroll-area";
-import { forwardRef as p } from "react";
-import { useFondueTheme as u } from "./fondue-components39.js";
-import o from "./fondue-components86.js";
-const f = ({
-  type: t = "hover",
-  maxHeight: e = "100%",
-  maxWidth: s = "100%",
-  showShadow: c = !1,
-  scrollbarGutter: i = "auto",
-  padding: m,
-  children: n,
-  "data-test-id": r = "fondue-scroll-area"
-}, d) => {
-  const { dir: b } = u();
-  return /* @__PURE__ */ h(
-    a.Root,
-    {
-      type: t,
-      dir: b,
-      className: o.root,
-      style: { maxWidth: s },
-      "data-component": "scroll-area",
-      "data-test-id": r,
-      children: [
-        /* @__PURE__ */ l(
-          a.Viewport,
-          {
-            ref: d,
-            className: o.viewport,
-            style: { maxHeight: e },
-            "data-scroll-padding": m,
-            "data-show-shadow": c,
-            "data-scrollbar-type": t,
-            "data-scrollbar-gutter": i,
-            "data-test-id": `${r}-viewport`,
-            children: n
-          }
-        ),
-        /* @__PURE__ */ l(
-          a.Scrollbar,
-          {
-            className: o.scrollbar,
-            orientation: "vertical",
-            "data-test-id": `${r}-vertical-scrollbar`,
-            children: /* @__PURE__ */ l(
-              a.Thumb,
-              {
-                className: o.thumb,
-                "data-test-id": `${r}-vertical-scrollbar-thumb`
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ l(
-          a.Scrollbar,
-          {
-            className: o.scrollbar,
-            orientation: "horizontal",
-            "data-test-id": `${r}-horizontal-scrollbar`,
-            children: /* @__PURE__ */ l(
-              a.Thumb,
-              {
-                className: o.thumb,
-                "data-test-id": `${r}-horizontal-scrollbar-thumb`
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ l(a.Corner, { className: o.corner, "data-test-id": `${r}-corner` })
-      ]
-    }
-  );
-}, N = p(f);
-N.displayName = "ScrollArea";
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as i, useContext as s, useMemo as m } from "react";
+const e = i({
+  navigate: () => {
+    throw new Error("RouterProvider: `navigate` function is not implemented");
+  },
+  // eslint-disable-next-line @eslint-react/no-unnecessary-use-prefix
+  useHref: () => {
+    throw new Error("RouterProvider: `useHref` function is not implemented");
+  }
+});
+e.displayName = "RouterContext";
+const a = () => s(e), x = ({ children: r, navigate: t, useHref: o }) => {
+  const n = m(() => ({ navigate: t, useHref: o }), [t, o]);
+  return /* @__PURE__ */ u(e.Provider, { value: n, children: r });
+};
 export {
-  N as ScrollArea
+  x as RouterProvider,
+  a as useFondueRouter
 };
 //# sourceMappingURL=fondue-components26.js.map

package/dist/fondue-components26.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components26.js","sources":["../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixScrollArea from '@radix-ui/react-scroll-area';\nimport { type ForwardedRef, forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { useFondueTheme } from '../ThemeProvider/ThemeProvider';\n\nimport styles from './styles/scrollArea.module.scss';\n\nexport type ScrollAreaProps = {\n    /**\n     * \"auto\" visible when content is overflowing on the corresponding orientation.\n     * \"always\" always visible regardless of whether the content is overflowing. Sets the scrollbar gutter to stable.\n     * \"scroll\" visible when the user is scrolling along its corresponding orientation.\n     * \"hover\" when the user is hovering over the scroll area.\n     * @default 'hover'\n     */\n    type?: 'auto' | 'always' | 'scroll' | 'hover';\n    /**\n     * Determines if the scrollbar should take up space in the content area\n     * @default 'auto'\n     */\n    scrollbarGutter?: 'auto' | 'stable' | 'stable-horizontal' | 'stable-vertical';\n    /**\n     * Maximum height of the scroll area\n     * @default '100%'\n     */\n    maxHeight?: string | number;\n    /**\n     * Minimum width of the scroll area\n     * @default '100%'\n     */\n    maxWidth?: string | number;\n    /**\n     * Define the padding of the scroll area\n     * @default \"compact\"\n     */\n    padding?: 'none' | 'tight' | 'compact' | 'comfortable' | 'spacious';\n    /**\n     * Determines if a inset shadow should be shown the edge of the component\n     */\n    showShadow?: boolean;\n    'data-test-id'?: string;\n    children: ReactNode;\n};\n\nconst ScrollAreaComponent = (\n    {\n        type = 'hover',\n        maxHeight = '100%',\n        maxWidth = '100%',\n        showShadow = false,\n        scrollbarGutter = 'auto',\n        padding,\n        children,\n        'data-test-id': dataTestId = 'fondue-scroll-area',\n    }: ScrollAreaProps,\n    ref: ForwardedRef<HTMLDivElement>,\n): ReactElement => {\n    const { dir } = useFondueTheme();\n\n    return (\n        <RadixScrollArea.Root\n            type={type}\n            dir={dir}\n            className={styles.root}\n            style={{ maxWidth }}\n            data-component=\"scroll-area\"\n            data-test-id={dataTestId}\n        >\n            <RadixScrollArea.Viewport\n                ref={ref}\n                className={styles.viewport}\n                style={{ maxHeight }}\n                data-scroll-padding={padding}\n                data-show-shadow={showShadow}\n                data-scrollbar-type={type}\n                data-scrollbar-gutter={scrollbarGutter}\n                data-test-id={`${dataTestId}-viewport`}\n            >\n                {children}\n            </RadixScrollArea.Viewport>\n            <RadixScrollArea.Scrollbar\n                className={styles.scrollbar}\n                orientation=\"vertical\"\n                data-test-id={`${dataTestId}-vertical-scrollbar`}\n            >\n                <RadixScrollArea.Thumb\n                    className={styles.thumb}\n                    data-test-id={`${dataTestId}-vertical-scrollbar-thumb`}\n                />\n            </RadixScrollArea.Scrollbar>\n            <RadixScrollArea.Scrollbar\n                className={styles.scrollbar}\n                orientation=\"horizontal\"\n                data-test-id={`${dataTestId}-horizontal-scrollbar`}\n            >\n                <RadixScrollArea.Thumb\n                    className={styles.thumb}\n                    data-test-id={`${dataTestId}-horizontal-scrollbar-thumb`}\n                />\n            </RadixScrollArea.Scrollbar>\n            <RadixScrollArea.Corner className={styles.corner} data-test-id={`${dataTestId}-corner`} />\n        </RadixScrollArea.Root>\n    );\n};\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(ScrollAreaComponent);\nScrollArea.displayName = 'ScrollArea';\n"],"names":["ScrollAreaComponent","type","maxHeight","maxWidth","showShadow","scrollbarGutter","padding","children","dataTestId","ref","dir","useFondueTheme","jsxs","RadixScrollArea","styles","jsx","ScrollArea","forwardRef"],"mappings":";;;;;AA8CA,MAAMA,IAAsB,CACxB;AAAA,EACI,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,GACAC,MACe;AACf,QAAM,EAAE,KAAAC,EAAA,IAAQC,EAAA;AAEhB,SACI,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACG,MAAAZ;AAAA,MACA,KAAAS;AAAA,MACA,WAAWI,EAAO;AAAA,MAClB,OAAO,EAAE,UAAAX,EAAA;AAAA,MACT,kBAAe;AAAA,MACf,gBAAcK;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACG,KAAAJ;AAAA,YACA,WAAWK,EAAO;AAAA,YAClB,OAAO,EAAE,WAAAZ,EAAA;AAAA,YACT,uBAAqBI;AAAA,YACrB,oBAAkBF;AAAA,YAClB,uBAAqBH;AAAA,YACrB,yBAAuBI;AAAA,YACvB,gBAAc,GAAGG,CAAU;AAAA,YAE1B,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAQ;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACG,WAAWC,EAAO;AAAA,YAClB,aAAY;AAAA,YACZ,gBAAc,GAAGN,CAAU;AAAA,YAE3B,UAAA,gBAAAO;AAAA,cAACF,EAAgB;AAAA,cAAhB;AAAA,gBACG,WAAWC,EAAO;AAAA,gBAClB,gBAAc,GAAGN,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,QAEJ,gBAAAO;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACG,WAAWC,EAAO;AAAA,YAClB,aAAY;AAAA,YACZ,gBAAc,GAAGN,CAAU;AAAA,YAE3B,UAAA,gBAAAO;AAAA,cAACF,EAAgB;AAAA,cAAhB;AAAA,gBACG,WAAWC,EAAO;AAAA,gBAClB,gBAAc,GAAGN,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,QAEJ,gBAAAO,EAACF,EAAgB,QAAhB,EAAuB,WAAWC,EAAO,QAAQ,gBAAc,GAAGN,CAAU,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpG,GAEaQ,IAAaC,EAA4CjB,CAAmB;AACzFgB,EAAW,cAAc;"}
+{"version":3,"file":"fondue-components26.js","sources":["../src/components/RouterProvider/RouterProvider.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createContext, useContext, useMemo, type ReactNode } from 'react';\n\nexport type RouterProviderProps = {\n    children: ReactNode;\n    /**\n     * Function to navigate to a specific path\n     */\n    navigate: (path: string) => void;\n    /**\n     * Function to resolves a URL against the current location.\n     */\n    useHref: (path: string) => string;\n};\n\nconst RouterContext = createContext<{\n    navigate: (path: string) => void;\n    useHref: (path: string) => string;\n}>({\n    navigate: () => {\n        throw new Error('RouterProvider: `navigate` function is not implemented');\n    },\n    // eslint-disable-next-line @eslint-react/no-unnecessary-use-prefix\n    useHref: () => {\n        throw new Error('RouterProvider: `useHref` function is not implemented');\n    },\n});\nRouterContext.displayName = 'RouterContext';\n\nexport const useFondueRouter = () => {\n    return useContext(RouterContext);\n};\n\nexport const RouterProvider = ({ children, navigate, useHref }: RouterProviderProps) => {\n    const contextValue = useMemo(() => ({ navigate, useHref }), [navigate, useHref]);\n\n    return <RouterContext.Provider value={contextValue}>{children}</RouterContext.Provider>;\n};\n"],"names":["RouterContext","createContext","useFondueRouter","useContext","RouterProvider","children","navigate","useHref","contextValue","useMemo"],"mappings":";;AAgBA,MAAMA,IAAgBC,EAGnB;AAAA,EACC,UAAU,MAAM;AACZ,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC5E;AAAA;AAAA,EAEA,SAAS,MAAM;AACX,UAAM,IAAI,MAAM,uDAAuD;AAAA,EAC3E;AACJ,CAAC;AACDD,EAAc,cAAc;AAErB,MAAME,IAAkB,MACpBC,EAAWH,CAAa,GAGtBI,IAAiB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,SAAAC,QAAmC;AACpF,QAAMC,IAAeC,EAAQ,OAAO,EAAE,UAAAH,GAAU,SAAAC,MAAY,CAACD,GAAUC,CAAO,CAAC;AAE/E,2BAAQP,EAAc,UAAd,EAAuB,OAAOQ,GAAe,UAAAH,GAAS;AAClE;"}

package/dist/fondue-components27.js

@@ -1,39 +1,80 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { propsToCssVariables as c } from "./fondue-components45.js";
-import f from "./fondue-components87.js";
-const y = m(
-  ({
-    "data-test-id": a = "fondue-section",
-    children: e,
-    role: r,
-    "aria-label": i,
-    "aria-hidden": o,
-    "aria-describedby": d,
-    "aria-labelledby": s,
-    "aria-expanded": t,
-    "aria-haspopup": p,
-    ...l
-  }, b) => /* @__PURE__ */ n(
-    "section",
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-scroll-area";
+import { forwardRef as p } from "react";
+import { useFondueTheme as u } from "./fondue-components40.js";
+import o from "./fondue-components91.js";
+const f = ({
+  type: t = "hover",
+  maxHeight: e = "100%",
+  maxWidth: s = "100%",
+  showShadow: c = !1,
+  scrollbarGutter: i = "auto",
+  padding: m,
+  children: n,
+  "data-test-id": r = "fondue-scroll-area"
+}, d) => {
+  const { dir: b } = u();
+  return /* @__PURE__ */ h(
+    a.Root,
     {
-      className: f.root,
-      "data-test-id": a,
-      style: c(l),
-      role: r,
-      "aria-label": i,
-      "aria-hidden": o,
-      "aria-describedby": d,
-      "aria-labelledby": s,
-      "aria-expanded": t,
-      "aria-haspopup": p,
-      ref: b,
-      children: e
+      type: t,
+      dir: b,
+      className: o.root,
+      style: { maxWidth: s },
+      "data-component": "scroll-area",
+      "data-test-id": r,
+      children: [
+        /* @__PURE__ */ l(
+          a.Viewport,
+          {
+            ref: d,
+            className: o.viewport,
+            style: { maxHeight: e },
+            "data-scroll-padding": m,
+            "data-show-shadow": c,
+            "data-scrollbar-type": t,
+            "data-scrollbar-gutter": i,
+            "data-test-id": `${r}-viewport`,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ l(
+          a.Scrollbar,
+          {
+            className: o.scrollbar,
+            orientation: "vertical",
+            "data-test-id": `${r}-vertical-scrollbar`,
+            children: /* @__PURE__ */ l(
+              a.Thumb,
+              {
+                className: o.thumb,
+                "data-test-id": `${r}-vertical-scrollbar-thumb`
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ l(
+          a.Scrollbar,
+          {
+            className: o.scrollbar,
+            orientation: "horizontal",
+            "data-test-id": `${r}-horizontal-scrollbar`,
+            children: /* @__PURE__ */ l(
+              a.Thumb,
+              {
+                className: o.thumb,
+                "data-test-id": `${r}-horizontal-scrollbar-thumb`
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ l(a.Corner, { className: o.corner, "data-test-id": `${r}-corner` })
+      ]
     }
-  )
-);
-y.displayName = "Section";
+  );
+}, N = p(f);
+N.displayName = "ScrollArea";
 export {
-  y as Section
+  N as ScrollArea
 };
 //# sourceMappingURL=fondue-components27.js.map

package/dist/fondue-components27.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components27.js","sources":["../src/components/Section/Section.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { type Responsive, type LayoutComponentProps } from '#/helpers/layout';\nimport { propsToCssVariables } from '#/helpers/propsToCssVariables';\n\nimport styles from './styles/section.module.scss';\n\nexport type SectionProps = LayoutComponentProps & {\n    /**\n     * The display property.\n     * @default 'block'\n     */\n    display?: Responsive<'none' | 'block' | 'inline-block' | 'inline'>;\n\n    children?: ReactNode;\n    'data-test-id'?: string;\n} & CommonAriaProps;\n\nexport const Section = forwardRef<HTMLDivElement, SectionProps>(\n    (\n        {\n            'data-test-id': dataTestId = 'fondue-section',\n            children,\n            role,\n            'aria-label': ariaLabel,\n            'aria-hidden': ariaHidden,\n            'aria-describedby': ariaDescribedBy,\n            'aria-labelledby': ariaLabelledBy,\n            'aria-expanded': ariaExpanded,\n            'aria-haspopup': ariaHasPopup,\n            ...props\n        },\n        ref,\n    ) => {\n        return (\n            <section\n                className={styles.root}\n                data-test-id={dataTestId}\n                style={propsToCssVariables(props)}\n                role={role}\n                aria-label={ariaLabel}\n                aria-hidden={ariaHidden}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy}\n                aria-expanded={ariaExpanded}\n                aria-haspopup={ariaHasPopup}\n                ref={ref}\n            >\n                {children}\n            </section>\n        );\n    },\n);\nSection.displayName = 'Section';\n"],"names":["Section","forwardRef","dataTestId","children","role","ariaLabel","ariaHidden","ariaDescribedBy","ariaLabelledBy","ariaExpanded","ariaHasPopup","props","ref","jsx","styles","propsToCssVariables"],"mappings":";;;;AAqBO,MAAMA,IAAUC;AAAA,EACnB,CACI;AAAA,IACI,gBAAgBC,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAcC;AAAA,IACd,eAAeC;AAAA,IACf,oBAAoBC;AAAA,IACpB,mBAAmBC;AAAA,IACnB,iBAAiBC;AAAA,IACjB,iBAAiBC;AAAA,IACjB,GAAGC;AAAA,EAAA,GAEPC,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAO;AAAA,MAClB,gBAAcZ;AAAA,MACd,OAAOa,EAAoBJ,CAAK;AAAA,MAChC,MAAAP;AAAA,MACA,cAAYC;AAAA,MACZ,eAAaC;AAAA,MACb,oBAAkBC;AAAA,MAClB,mBAAiBC;AAAA,MACjB,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MACf,KAAAE;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAH,EAAQ,cAAc;"}
+{"version":3,"file":"fondue-components27.js","sources":["../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixScrollArea from '@radix-ui/react-scroll-area';\nimport { type ForwardedRef, forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { useFondueTheme } from '../ThemeProvider/ThemeProvider';\n\nimport styles from './styles/scrollArea.module.scss';\n\nexport type ScrollAreaProps = {\n    /**\n     * \"auto\" visible when content is overflowing on the corresponding orientation.\n     * \"always\" always visible regardless of whether the content is overflowing. Sets the scrollbar gutter to stable.\n     * \"scroll\" visible when the user is scrolling along its corresponding orientation.\n     * \"hover\" when the user is hovering over the scroll area.\n     * @default 'hover'\n     */\n    type?: 'auto' | 'always' | 'scroll' | 'hover';\n    /**\n     * Determines if the scrollbar should take up space in the content area\n     * @default 'auto'\n     */\n    scrollbarGutter?: 'auto' | 'stable' | 'stable-horizontal' | 'stable-vertical';\n    /**\n     * Maximum height of the scroll area\n     * @default '100%'\n     */\n    maxHeight?: string | number;\n    /**\n     * Minimum width of the scroll area\n     * @default '100%'\n     */\n    maxWidth?: string | number;\n    /**\n     * Define the padding of the scroll area\n     * @default \"compact\"\n     */\n    padding?: 'none' | 'tight' | 'compact' | 'comfortable' | 'spacious';\n    /**\n     * Determines if a inset shadow should be shown the edge of the component\n     */\n    showShadow?: boolean;\n    'data-test-id'?: string;\n    children: ReactNode;\n};\n\nconst ScrollAreaComponent = (\n    {\n        type = 'hover',\n        maxHeight = '100%',\n        maxWidth = '100%',\n        showShadow = false,\n        scrollbarGutter = 'auto',\n        padding,\n        children,\n        'data-test-id': dataTestId = 'fondue-scroll-area',\n    }: ScrollAreaProps,\n    ref: ForwardedRef<HTMLDivElement>,\n): ReactElement => {\n    const { dir } = useFondueTheme();\n\n    return (\n        <RadixScrollArea.Root\n            type={type}\n            dir={dir}\n            className={styles.root}\n            style={{ maxWidth }}\n            data-component=\"scroll-area\"\n            data-test-id={dataTestId}\n        >\n            <RadixScrollArea.Viewport\n                ref={ref}\n                className={styles.viewport}\n                style={{ maxHeight }}\n                data-scroll-padding={padding}\n                data-show-shadow={showShadow}\n                data-scrollbar-type={type}\n                data-scrollbar-gutter={scrollbarGutter}\n                data-test-id={`${dataTestId}-viewport`}\n            >\n                {children}\n            </RadixScrollArea.Viewport>\n            <RadixScrollArea.Scrollbar\n                className={styles.scrollbar}\n                orientation=\"vertical\"\n                data-test-id={`${dataTestId}-vertical-scrollbar`}\n            >\n                <RadixScrollArea.Thumb\n                    className={styles.thumb}\n                    data-test-id={`${dataTestId}-vertical-scrollbar-thumb`}\n                />\n            </RadixScrollArea.Scrollbar>\n            <RadixScrollArea.Scrollbar\n                className={styles.scrollbar}\n                orientation=\"horizontal\"\n                data-test-id={`${dataTestId}-horizontal-scrollbar`}\n            >\n                <RadixScrollArea.Thumb\n                    className={styles.thumb}\n                    data-test-id={`${dataTestId}-horizontal-scrollbar-thumb`}\n                />\n            </RadixScrollArea.Scrollbar>\n            <RadixScrollArea.Corner className={styles.corner} data-test-id={`${dataTestId}-corner`} />\n        </RadixScrollArea.Root>\n    );\n};\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(ScrollAreaComponent);\nScrollArea.displayName = 'ScrollArea';\n"],"names":["ScrollAreaComponent","type","maxHeight","maxWidth","showShadow","scrollbarGutter","padding","children","dataTestId","ref","dir","useFondueTheme","jsxs","RadixScrollArea","styles","jsx","ScrollArea","forwardRef"],"mappings":";;;;;AA8CA,MAAMA,IAAsB,CACxB;AAAA,EACI,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,GACAC,MACe;AACf,QAAM,EAAE,KAAAC,EAAA,IAAQC,EAAA;AAEhB,SACI,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACG,MAAAZ;AAAA,MACA,KAAAS;AAAA,MACA,WAAWI,EAAO;AAAA,MAClB,OAAO,EAAE,UAAAX,EAAA;AAAA,MACT,kBAAe;AAAA,MACf,gBAAcK;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACG,KAAAJ;AAAA,YACA,WAAWK,EAAO;AAAA,YAClB,OAAO,EAAE,WAAAZ,EAAA;AAAA,YACT,uBAAqBI;AAAA,YACrB,oBAAkBF;AAAA,YAClB,uBAAqBH;AAAA,YACrB,yBAAuBI;AAAA,YACvB,gBAAc,GAAGG,CAAU;AAAA,YAE1B,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,gBAAAQ;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACG,WAAWC,EAAO;AAAA,YAClB,aAAY;AAAA,YACZ,gBAAc,GAAGN,CAAU;AAAA,YAE3B,UAAA,gBAAAO;AAAA,cAACF,EAAgB;AAAA,cAAhB;AAAA,gBACG,WAAWC,EAAO;AAAA,gBAClB,gBAAc,GAAGN,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,QAEJ,gBAAAO;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACG,WAAWC,EAAO;AAAA,YAClB,aAAY;AAAA,YACZ,gBAAc,GAAGN,CAAU;AAAA,YAE3B,UAAA,gBAAAO;AAAA,cAACF,EAAgB;AAAA,cAAhB;AAAA,gBACG,WAAWC,EAAO;AAAA,gBAClB,gBAAc,GAAGN,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,QAEJ,gBAAAO,EAACF,EAAgB,QAAhB,EAAuB,WAAWC,EAAO,QAAQ,gBAAc,GAAGN,CAAU,UAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpG,GAEaQ,IAAaC,EAA4CjB,CAAmB;AACzFgB,EAAW,cAAc;"}

package/dist/fondue-components28.js

@@ -1,58 +1,39 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-toggle-group";
-import { forwardRef as i } from "react";
-import { useControllableState as N } from "./fondue-components88.js";
-import e from "./fondue-components89.js";
-const d = ({
-  children: a,
-  value: o,
-  defaultValue: s,
-  onValueChange: p,
-  hugWidth: f = !0,
-  ...m
-}, g) => {
-  const [C, u] = N({
-    prop: o,
-    defaultProp: s,
-    onChange: p
-  });
-  return /* @__PURE__ */ l(
-    n.Root,
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { propsToCssVariables as c } from "./fondue-components46.js";
+import f from "./fondue-components92.js";
+const y = m(
+  ({
+    "data-test-id": a = "fondue-section",
+    children: e,
+    role: r,
+    "aria-label": i,
+    "aria-hidden": o,
+    "aria-describedby": d,
+    "aria-labelledby": s,
+    "aria-expanded": t,
+    "aria-haspopup": p,
+    ...l
+  }, b) => /* @__PURE__ */ n(
+    "section",
     {
-      ref: g,
-      ...m,
-      className: e.root,
-      onValueChange: (r) => {
-        r && u(r);
-      },
-      value: C,
-      type: "single",
-      asChild: !1,
-      "data-hug-width": f,
-      "aria-disabled": m.disabled,
-      children: [
-        a,
-        /* @__PURE__ */ t("div", { className: e.activeIndicator })
-      ]
+      className: f.root,
+      "data-test-id": a,
+      style: c(l),
+      role: r,
+      "aria-label": i,
+      "aria-hidden": o,
+      "aria-describedby": d,
+      "aria-labelledby": s,
+      "aria-expanded": t,
+      "aria-haspopup": p,
+      ref: b,
+      children: e
     }
-  );
-};
-d.displayName = "SegmentedControl.Root";
-const c = ({ children: a, ...o }, s) => /* @__PURE__ */ l(n.Item, { ref: s, ...o, className: e.item, asChild: !1, children: [
-  /* @__PURE__ */ t("span", { className: e.separator }),
-  /* @__PURE__ */ l("span", { className: e.itemLabel, children: [
-    /* @__PURE__ */ t("span", { className: e.itemLabelActive, children: a }),
-    /* @__PURE__ */ t("span", { className: e.itemLabelInactive, children: a })
-  ] })
-] });
-c.displayName = "SegmentedControl.Item";
-const S = {
-  Root: i(d),
-  Item: i(c)
-};
+  )
+);
+y.displayName = "Section";
 export {
-  S as SegmentedControl,
-  c as SegmentedControlItem,
-  d as SegmentedControlRoot
+  y as Section
 };
 //# sourceMappingURL=fondue-components28.js.map

package/dist/fondue-components28.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components28.js","sources":["../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { forwardRef, type ForwardedRef, type ReactElement, type ReactNode } from 'react';\n\nimport { useControllableState } from '#/hooks/useControllableState';\n\nimport styles from './styles/segmentedControl.module.scss';\n\nexport type SegmentedControlRootProps<TValue extends string = string> = {\n    id?: string;\n    children: ReactNode;\n    /**\n     * The default value of the segmented control\n     * Used for uncontrolled components\n     */\n    defaultValue?: TValue;\n    /**\n     * The controlled value of the segmented control\n     */\n    value?: TValue;\n    /**\n     * Event handler called when the value changes\n     */\n    onValueChange?: (value: TValue) => void;\n    /**\n     * Disable the segmented control\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Specify if the segmented control should only take the width of its content\n     * @default true\n     */\n    hugWidth?: boolean;\n};\n\nexport const SegmentedControlRoot = <TValue extends string = string>(\n    {\n        children,\n        value: propsValue,\n        defaultValue,\n        onValueChange,\n        hugWidth = true,\n        ...rootProps\n    }: SegmentedControlRootProps<TValue>,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const [value, setValue] = useControllableState({\n        prop: propsValue,\n        defaultProp: defaultValue,\n        onChange: onValueChange,\n    });\n\n    return (\n        <ToggleGroupPrimitive.Root\n            ref={ref}\n            {...rootProps}\n            className={styles.root}\n            onValueChange={(value) => {\n                if (value) {\n                    setValue(value as TValue);\n                }\n            }}\n            value={value}\n            type=\"single\"\n            asChild={false}\n            data-hug-width={hugWidth}\n            aria-disabled={rootProps.disabled}\n        >\n            {children}\n            {/* Active indicator */}\n            <div className={styles.activeIndicator} />\n        </ToggleGroupPrimitive.Root>\n    );\n};\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ntype SegmentedControlItemProps = {\n    children: ReactNode;\n    value: string;\n};\n\nexport const SegmentedControlItem = (\n    { children, ...itemProps }: SegmentedControlItemProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => (\n    <ToggleGroupPrimitive.Item ref={ref} {...itemProps} className={styles.item} asChild={false}>\n        {/* Separator */}\n        <span className={styles.separator} />\n        <span className={styles.itemLabel}>\n            {/* Active children */}\n            <span className={styles.itemLabelActive}>{children}</span>\n\n            {/* Inactive children */}\n            <span className={styles.itemLabelInactive}>{children}</span>\n        </span>\n    </ToggleGroupPrimitive.Item>\n);\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport const SegmentedControl = {\n    Root: forwardRef(SegmentedControlRoot) as <TValue extends string = string>(\n        props: SegmentedControlRootProps<TValue> & { ref?: ForwardedRef<HTMLDivElement> },\n    ) => ReactElement,\n    Item: forwardRef(SegmentedControlItem),\n};\n"],"names":["SegmentedControlRoot","children","propsValue","defaultValue","onValueChange","hugWidth","rootProps","ref","value","setValue","useControllableState","jsxs","ToggleGroupPrimitive","styles","jsx","SegmentedControlItem","itemProps","SegmentedControl","forwardRef"],"mappings":";;;;;AAqCO,MAAMA,IAAuB,CAChC;AAAA,EACI,UAAAC;AAAA,EACA,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,GACAC,MACC;AACD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAqB;AAAA,IAC3C,MAAMR;AAAA,IACN,aAAaC;AAAA,IACb,UAAUC;AAAA,EAAA,CACb;AAED,SACI,gBAAAO;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACG,KAAAL;AAAA,MACC,GAAGD;AAAA,MACJ,WAAWO,EAAO;AAAA,MAClB,eAAe,CAACL,MAAU;AACtB,QAAIA,KACAC,EAASD,CAAe;AAAA,MAEhC;AAAA,MACA,OAAAA;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACT,kBAAgBH;AAAA,MAChB,iBAAeC,EAAU;AAAA,MAExB,UAAA;AAAA,QAAAL;AAAA,QAED,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;AACAb,EAAqB,cAAc;AAO5B,MAAMe,IAAuB,CAChC,EAAE,UAAAd,GAAU,GAAGe,EAAA,GACfT,MAEA,gBAAAI,EAACC,EAAqB,MAArB,EAA0B,KAAAL,GAAW,GAAGS,GAAW,WAAWH,EAAO,MAAM,SAAS,IAEjF,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAA,CAAW;AAAA,EACnC,gBAAAF,EAAC,QAAA,EAAK,WAAWE,EAAO,WAEpB,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,iBAAkB,UAAAZ,GAAS;AAAA,IAGnD,gBAAAa,EAAC,QAAA,EAAK,WAAWD,EAAO,mBAAoB,UAAAZ,EAAA,CAAS;AAAA,EAAA,EAAA,CACzD;AAAA,EAAA,CACJ;AAEJc,EAAqB,cAAc;AAE5B,MAAME,IAAmB;AAAA,EAC5B,MAAMC,EAAWlB,CAAoB;AAAA,EAGrC,MAAMkB,EAAWH,CAAoB;AACzC;"}
+{"version":3,"file":"fondue-components28.js","sources":["../src/components/Section/Section.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { type Responsive, type LayoutComponentProps } from '#/helpers/layout';\nimport { propsToCssVariables } from '#/helpers/propsToCssVariables';\n\nimport styles from './styles/section.module.scss';\n\nexport type SectionProps = LayoutComponentProps & {\n    /**\n     * The display property.\n     * @default 'block'\n     */\n    display?: Responsive<'none' | 'block' | 'inline-block' | 'inline'>;\n\n    children?: ReactNode;\n    'data-test-id'?: string;\n} & CommonAriaProps;\n\nexport const Section = forwardRef<HTMLDivElement, SectionProps>(\n    (\n        {\n            'data-test-id': dataTestId = 'fondue-section',\n            children,\n            role,\n            'aria-label': ariaLabel,\n            'aria-hidden': ariaHidden,\n            'aria-describedby': ariaDescribedBy,\n            'aria-labelledby': ariaLabelledBy,\n            'aria-expanded': ariaExpanded,\n            'aria-haspopup': ariaHasPopup,\n            ...props\n        },\n        ref,\n    ) => {\n        return (\n            <section\n                className={styles.root}\n                data-test-id={dataTestId}\n                style={propsToCssVariables(props)}\n                role={role}\n                aria-label={ariaLabel}\n                aria-hidden={ariaHidden}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy}\n                aria-expanded={ariaExpanded}\n                aria-haspopup={ariaHasPopup}\n                ref={ref}\n            >\n                {children}\n            </section>\n        );\n    },\n);\nSection.displayName = 'Section';\n"],"names":["Section","forwardRef","dataTestId","children","role","ariaLabel","ariaHidden","ariaDescribedBy","ariaLabelledBy","ariaExpanded","ariaHasPopup","props","ref","jsx","styles","propsToCssVariables"],"mappings":";;;;AAqBO,MAAMA,IAAUC;AAAA,EACnB,CACI;AAAA,IACI,gBAAgBC,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAcC;AAAA,IACd,eAAeC;AAAA,IACf,oBAAoBC;AAAA,IACpB,mBAAmBC;AAAA,IACnB,iBAAiBC;AAAA,IACjB,iBAAiBC;AAAA,IACjB,GAAGC;AAAA,EAAA,GAEPC,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAO;AAAA,MAClB,gBAAcZ;AAAA,MACd,OAAOa,EAAoBJ,CAAK;AAAA,MAChC,MAAAP;AAAA,MACA,cAAYC;AAAA,MACZ,eAAaC;AAAA,MACb,oBAAkBC;AAAA,MAClB,mBAAiBC;AAAA,MACjB,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MACf,KAAAE;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAH,EAAQ,cAAc;"}

package/dist/fondue-components29.js

@@ -1,26 +1,58 @@
-import { ComboboxMultiple as o } from "./fondue-components90.js";
-import { ComboboxSingle as t } from "./fondue-components91.js";
-import { SelectMultiple as m } from "./fondue-components92.js";
-import { SelectSingle as p } from "./fondue-components93.js";
-import { ForwardedRefSelectItem as i, ForwardedRefSelectItemGroup as r } from "./fondue-components94.js";
-import { ForwardedRefSelectSlot as S } from "./fondue-components95.js";
-const l = t;
-l.Multiple = o;
-const e = p;
-e.displayName = "Select";
-e.Multiple = m;
-e.Multiple.displayName = "Select.Multiple";
-e.Combobox = l;
-e.Combobox.displayName = "Select.Combobox";
-e.Combobox.Multiple = o;
-e.Combobox.Multiple.displayName = "Select.Combobox.Multiple";
-e.Item = i;
-e.Item.displayName = "Select.Item";
-e.Group = r;
-e.Group.displayName = "Select.Group";
-e.Slot = S;
-e.Slot.displayName = "Select.Slot";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-toggle-group";
+import { forwardRef as i } from "react";
+import { useControllableState as N } from "./fondue-components93.js";
+import e from "./fondue-components94.js";
+const d = ({
+  children: a,
+  value: o,
+  defaultValue: s,
+  onValueChange: p,
+  hugWidth: f = !0,
+  ...m
+}, g) => {
+  const [C, u] = N({
+    prop: o,
+    defaultProp: s,
+    onChange: p
+  });
+  return /* @__PURE__ */ l(
+    n.Root,
+    {
+      ref: g,
+      ...m,
+      className: e.root,
+      onValueChange: (r) => {
+        r && u(r);
+      },
+      value: C,
+      type: "single",
+      asChild: !1,
+      "data-hug-width": f,
+      "aria-disabled": m.disabled,
+      children: [
+        a,
+        /* @__PURE__ */ t("div", { className: e.activeIndicator })
+      ]
+    }
+  );
+};
+d.displayName = "SegmentedControl.Root";
+const c = ({ children: a, ...o }, s) => /* @__PURE__ */ l(n.Item, { ref: s, ...o, className: e.item, asChild: !1, children: [
+  /* @__PURE__ */ t("span", { className: e.separator }),
+  /* @__PURE__ */ l("span", { className: e.itemLabel, children: [
+    /* @__PURE__ */ t("span", { className: e.itemLabelActive, children: a }),
+    /* @__PURE__ */ t("span", { className: e.itemLabelInactive, children: a })
+  ] })
+] });
+c.displayName = "SegmentedControl.Item";
+const S = {
+  Root: i(d),
+  Item: i(c)
+};
 export {
-  e as Select
+  S as SegmentedControl,
+  c as SegmentedControlItem,
+  d as SegmentedControlRoot
 };
 //# sourceMappingURL=fondue-components29.js.map

package/dist/fondue-components29.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components29.js","sources":["../src/components/Select/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ComboboxMultiple } from './ComboboxMultiple';\nimport { ComboboxSingle } from './ComboboxSingle';\nimport { SelectMultiple } from './SelectMultiple';\nimport { SelectSingle } from './SelectSingle';\nimport { ForwardedRefSelectItem, ForwardedRefSelectItemGroup } from './components/SelectItem';\nimport { ForwardedRefSelectSlot } from './components/SelectSlot';\n\ntype ComboboxComponent = typeof ComboboxSingle & {\n    Multiple: typeof ComboboxMultiple;\n};\n\n// @ts-expect-error We support both Select and Select.Combobox as the Root\nconst Combobox: ComboboxComponent = ComboboxSingle;\nCombobox.Multiple = ComboboxMultiple;\n\n// @ts-expect-error We support both Select and Select.Combobox as the Root\nexport const Select: typeof SelectSingle & {\n    Multiple: typeof SelectMultiple;\n    Combobox: ComboboxComponent;\n    Item: typeof ForwardedRefSelectItem;\n    Group: typeof ForwardedRefSelectItemGroup;\n    Slot: typeof ForwardedRefSelectSlot;\n} = SelectSingle;\n\nSelect.displayName = 'Select';\nSelect.Multiple = SelectMultiple;\nSelect.Multiple.displayName = 'Select.Multiple';\nSelect.Combobox = Combobox;\nSelect.Combobox.displayName = 'Select.Combobox';\nSelect.Combobox.Multiple = ComboboxMultiple;\nSelect.Combobox.Multiple.displayName = 'Select.Combobox.Multiple';\nSelect.Item = ForwardedRefSelectItem;\nSelect.Item.displayName = 'Select.Item';\nSelect.Group = ForwardedRefSelectItemGroup;\nSelect.Group.displayName = 'Select.Group';\nSelect.Slot = ForwardedRefSelectSlot;\nSelect.Slot.displayName = 'Select.Slot';\n"],"names":["Combobox","ComboboxSingle","ComboboxMultiple","Select","SelectSingle","SelectMultiple","ForwardedRefSelectItem","ForwardedRefSelectItemGroup","ForwardedRefSelectSlot"],"mappings":";;;;;;AAcA,MAAMA,IAA8BC;AACpCD,EAAS,WAAWE;AAGb,MAAMC,IAMTC;AAEJD,EAAO,cAAc;AACrBA,EAAO,WAAWE;AAClBF,EAAO,SAAS,cAAc;AAC9BA,EAAO,WAAWH;AAClBG,EAAO,SAAS,cAAc;AAC9BA,EAAO,SAAS,WAAWD;AAC3BC,EAAO,SAAS,SAAS,cAAc;AACvCA,EAAO,OAAOG;AACdH,EAAO,KAAK,cAAc;AAC1BA,EAAO,QAAQI;AACfJ,EAAO,MAAM,cAAc;AAC3BA,EAAO,OAAOK;AACdL,EAAO,KAAK,cAAc;"}
+{"version":3,"file":"fondue-components29.js","sources":["../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { forwardRef, type ForwardedRef, type ReactElement, type ReactNode } from 'react';\n\nimport { useControllableState } from '#/hooks/useControllableState';\n\nimport styles from './styles/segmentedControl.module.scss';\n\nexport type SegmentedControlRootProps<TValue extends string = string> = {\n    id?: string;\n    children: ReactNode;\n    /**\n     * The default value of the segmented control\n     * Used for uncontrolled components\n     */\n    defaultValue?: TValue;\n    /**\n     * The controlled value of the segmented control\n     */\n    value?: TValue;\n    /**\n     * Event handler called when the value changes\n     */\n    onValueChange?: (value: TValue) => void;\n    /**\n     * Disable the segmented control\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Specify if the segmented control should only take the width of its content\n     * @default true\n     */\n    hugWidth?: boolean;\n};\n\nexport const SegmentedControlRoot = <TValue extends string = string>(\n    {\n        children,\n        value: propsValue,\n        defaultValue,\n        onValueChange,\n        hugWidth = true,\n        ...rootProps\n    }: SegmentedControlRootProps<TValue>,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const [value, setValue] = useControllableState({\n        prop: propsValue,\n        defaultProp: defaultValue,\n        onChange: onValueChange,\n    });\n\n    return (\n        <ToggleGroupPrimitive.Root\n            ref={ref}\n            {...rootProps}\n            className={styles.root}\n            onValueChange={(value) => {\n                if (value) {\n                    setValue(value as TValue);\n                }\n            }}\n            value={value}\n            type=\"single\"\n            asChild={false}\n            data-hug-width={hugWidth}\n            aria-disabled={rootProps.disabled}\n        >\n            {children}\n            {/* Active indicator */}\n            <div className={styles.activeIndicator} />\n        </ToggleGroupPrimitive.Root>\n    );\n};\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ntype SegmentedControlItemProps = {\n    children: ReactNode;\n    value: string;\n};\n\nexport const SegmentedControlItem = (\n    { children, ...itemProps }: SegmentedControlItemProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => (\n    <ToggleGroupPrimitive.Item ref={ref} {...itemProps} className={styles.item} asChild={false}>\n        {/* Separator */}\n        <span className={styles.separator} />\n        <span className={styles.itemLabel}>\n            {/* Active children */}\n            <span className={styles.itemLabelActive}>{children}</span>\n\n            {/* Inactive children */}\n            <span className={styles.itemLabelInactive}>{children}</span>\n        </span>\n    </ToggleGroupPrimitive.Item>\n);\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport const SegmentedControl = {\n    Root: forwardRef(SegmentedControlRoot) as <TValue extends string = string>(\n        props: SegmentedControlRootProps<TValue> & { ref?: ForwardedRef<HTMLDivElement> },\n    ) => ReactElement,\n    Item: forwardRef(SegmentedControlItem),\n};\n"],"names":["SegmentedControlRoot","children","propsValue","defaultValue","onValueChange","hugWidth","rootProps","ref","value","setValue","useControllableState","jsxs","ToggleGroupPrimitive","styles","jsx","SegmentedControlItem","itemProps","SegmentedControl","forwardRef"],"mappings":";;;;;AAqCO,MAAMA,IAAuB,CAChC;AAAA,EACI,UAAAC;AAAA,EACA,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,GACAC,MACC;AACD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAqB;AAAA,IAC3C,MAAMR;AAAA,IACN,aAAaC;AAAA,IACb,UAAUC;AAAA,EAAA,CACb;AAED,SACI,gBAAAO;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACG,KAAAL;AAAA,MACC,GAAGD;AAAA,MACJ,WAAWO,EAAO;AAAA,MAClB,eAAe,CAACL,MAAU;AACtB,QAAIA,KACAC,EAASD,CAAe;AAAA,MAEhC;AAAA,MACA,OAAAA;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACT,kBAAgBH;AAAA,MAChB,iBAAeC,EAAU;AAAA,MAExB,UAAA;AAAA,QAAAL;AAAA,QAED,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;AACAb,EAAqB,cAAc;AAO5B,MAAMe,IAAuB,CAChC,EAAE,UAAAd,GAAU,GAAGe,EAAA,GACfT,MAEA,gBAAAI,EAACC,EAAqB,MAArB,EAA0B,KAAAL,GAAW,GAAGS,GAAW,WAAWH,EAAO,MAAM,SAAS,IAEjF,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAA,CAAW;AAAA,EACnC,gBAAAF,EAAC,QAAA,EAAK,WAAWE,EAAO,WAEpB,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,iBAAkB,UAAAZ,GAAS;AAAA,IAGnD,gBAAAa,EAAC,QAAA,EAAK,WAAWD,EAAO,mBAAoB,UAAAZ,EAAA,CAAS;AAAA,EAAA,EAAA,CACzD;AAAA,EAAA,CACJ;AAEJc,EAAqB,cAAc;AAE5B,MAAME,IAAmB;AAAA,EAC5B,MAAMC,EAAWlB,CAAoB;AAAA,EAGrC,MAAMkB,EAAWH,CAAoB;AACzC;"}

package/dist/fondue-components3.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { IconCaretDown as C } from "@frontify/fondue-icons";
 import * as s from "@radix-ui/react-accordion";
 import { forwardRef as y, useMemo as R, Children as w, isValidElement as T } from "react";
-import d from "./fondue-components41.js";
+import d from "./fondue-components42.js";
 const g = ({
   "data-test-id": o = "fondue-accordion",
   border: e = !0,

package/dist/fondue-components30.js

@@ -1,58 +1,26 @@
-import { jsxs as f, jsx as s } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-slider";
-import { forwardRef as h, useRef as R } from "react";
-import r from "./fondue-components96.js";
-const g = ({
-  value: a,
-  defaultValue: n = [0],
-  onChange: i,
-  onCommit: m,
-  "data-test-id": c = "fondue-slider",
-  ...d
-}, l) => {
-  const o = R(null);
-  return /* @__PURE__ */ f(
-    e.Root,
-    {
-      ref: l,
-      className: r.root,
-      value: a,
-      defaultValue: n,
-      onValueChange: i,
-      onValueCommit: m,
-      "data-test-id": c,
-      ...d,
-      children: [
-        /* @__PURE__ */ s(
-          e.Track,
-          {
-            onPointerDown: () => {
-              o.current && (o.current.dataset.showFocusRing = "false");
-            },
-            className: r.track,
-            children: /* @__PURE__ */ s(e.Range, { className: r.range })
-          }
-        ),
-        (a || n).map((w, u) => /* @__PURE__ */ s(
-          e.Thumb,
-          {
-            ref: o,
-            className: r.thumb,
-            onPointerDown: (t) => {
-              t.currentTarget.dataset.showFocusRing = "false";
-            },
-            onBlur: (t) => {
-              t.currentTarget.dataset.showFocusRing = "true";
-            }
-          },
-          u
-        ))
-      ]
-    }
-  );
-}, p = h(g);
-p.displayName = "Slider";
+import { ComboboxMultiple as o } from "./fondue-components95.js";
+import { ComboboxSingle as t } from "./fondue-components96.js";
+import { SelectMultiple as m } from "./fondue-components97.js";
+import { SelectSingle as p } from "./fondue-components98.js";
+import { ForwardedRefSelectItem as i, ForwardedRefSelectItemGroup as r } from "./fondue-components99.js";
+import { ForwardedRefSelectSlot as S } from "./fondue-components100.js";
+const l = t;
+l.Multiple = o;
+const e = p;
+e.displayName = "Select";
+e.Multiple = m;
+e.Multiple.displayName = "Select.Multiple";
+e.Combobox = l;
+e.Combobox.displayName = "Select.Combobox";
+e.Combobox.Multiple = o;
+e.Combobox.Multiple.displayName = "Select.Combobox.Multiple";
+e.Item = i;
+e.Item.displayName = "Select.Item";
+e.Group = r;
+e.Group.displayName = "Select.Group";
+e.Slot = S;
+e.Slot.displayName = "Select.Slot";
 export {
-  p as Slider
+  e as Select
 };
 //# sourceMappingURL=fondue-components30.js.map