@frontify/fondue-components 29.1.0 → 29.2.0

package/dist/fondue-components30.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components30.js","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { type ForwardedRef, forwardRef, useRef } from 'react';\n\nimport { type CommonAriaAttrs } from '#/utilities/types';\n\nimport styles from './styles/slider.module.scss';\n\nexport type SliderProps = {\n    id?: string;\n    name?: string;\n    /**\n     * The default value of the slider\n     * Used for uncontrolled components\n     * @default [0]\n     */\n    defaultValue?: number[];\n    /**\n     * The controlled value of the slider\n     * @default [0]\n     */\n    value?: number[];\n    /**\n     * Minimum value of the slider\n     * @default 0\n     */\n    min?: number;\n    /**\n     * Maximum value of the slider\n     * @default 100\n     */\n    max?: number;\n    /**\n     * The granularity with which the slider can step through values\n     * @default 1\n     */\n    step?: number;\n    /**\n     * The minimum steps between thumbs in a range slider\n     * @default 0\n     */\n    minStepsBetweenThumbs?: number;\n    /**\n     * Disable the slider\n     * @default false\n     */\n    disabled?: boolean;\n    onChange?: (value: number[]) => void;\n    onCommit?: (value: number[]) => void;\n    'data-test-id'?: string;\n} & CommonAriaAttrs;\n\nconst SliderComponent = (\n    {\n        value,\n        defaultValue = [0],\n        onChange,\n        onCommit,\n        'data-test-id': dataTestId = 'fondue-slider',\n        ...props\n    }: SliderProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    const sliderThumbRef = useRef<HTMLSpanElement | null>(null);\n    return (\n        <RadixSlider.Root\n            ref={ref}\n            className={styles.root}\n            value={value}\n            defaultValue={defaultValue}\n            onValueChange={onChange}\n            onValueCommit={onCommit}\n            data-test-id={dataTestId}\n            {...props}\n        >\n            <RadixSlider.Track\n                onPointerDown={() => {\n                    if (sliderThumbRef.current) {\n                        sliderThumbRef.current.dataset.showFocusRing = 'false';\n                    }\n                }}\n                className={styles.track}\n            >\n                <RadixSlider.Range className={styles.range} />\n            </RadixSlider.Track>\n            {(value || defaultValue).map((_, index) => (\n                <RadixSlider.Thumb\n                    ref={sliderThumbRef}\n                    className={styles.thumb}\n                    onPointerDown={(event) => {\n                        event.currentTarget.dataset.showFocusRing = 'false';\n                    }}\n                    onBlur={(event) => {\n                        event.currentTarget.dataset.showFocusRing = 'true';\n                    }}\n                    key={index}\n                />\n            ))}\n        </RadixSlider.Root>\n    );\n};\n\nexport const Slider = forwardRef<HTMLButtonElement, SliderProps>(SliderComponent);\nSlider.displayName = 'Slider';\n"],"names":["SliderComponent","value","defaultValue","onChange","onCommit","dataTestId","props","ref","sliderThumbRef","useRef","jsxs","RadixSlider","styles","jsx","_","index","event","Slider","forwardRef"],"mappings":";;;;AAqDA,MAAMA,IAAkB,CACpB;AAAA,EACI,OAAAC;AAAA,EACA,cAAAC,IAAe,CAAC,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBC,IAAa;AAAA,EAC7B,GAAGC;AACP,GACAC,MACC;AACD,QAAMC,IAAiBC,EAA+B,IAAI;AAC1D,SACI,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWK,EAAO;AAAA,MAClB,OAAAX;AAAA,MACA,cAAAC;AAAA,MACA,eAAeC;AAAA,MACf,eAAeC;AAAA,MACf,gBAAcC;AAAA,MACb,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACF,EAAY;AAAA,UAAZ;AAAA,YACG,eAAe,MAAM;AACjB,cAAIH,EAAe,YACfA,EAAe,QAAQ,QAAQ,gBAAgB;AAAA,YAEvD;AAAA,YACA,WAAWI,EAAO;AAAA,YAElB,4BAACD,EAAY,OAAZ,EAAkB,WAAWC,EAAO,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,SAE9CX,KAASC,GAAc,IAAI,CAACY,GAAGC,MAC7B,gBAAAF;AAAA,UAACF,EAAY;AAAA,UAAZ;AAAA,YACG,KAAKH;AAAA,YACL,WAAWI,EAAO;AAAA,YAClB,eAAe,CAACI,MAAU;AACtB,cAAAA,EAAM,cAAc,QAAQ,gBAAgB;AAAA,YAChD;AAAA,YACA,QAAQ,CAACA,MAAU;AACf,cAAAA,EAAM,cAAc,QAAQ,gBAAgB;AAAA,YAChD;AAAA,UAAA;AAAA,UACKD;AAAA,QAAA,CAEZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaE,IAASC,EAA2ClB,CAAe;AAChFiB,EAAO,cAAc;"}
+{"version":3,"file":"fondue-components30.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;"}

package/dist/fondue-components31.js

@@ -1,103 +1,58 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import d from "./fondue-components97.js";
-const b = c(
-  ({
-    "aria-label": t,
-    "data-test-id": a = "split-button",
-    children: o,
-    disabled: i = !1,
-    emphasis: e = "default",
-    size: n = "medium"
-  }, l) => /* @__PURE__ */ s(
-    "div",
+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-components101.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,
-      role: "group",
-      "aria-label": t,
-      "data-test-id": a,
-      "data-component": "split-button",
-      "data-emphasis": e,
-      "data-size": n,
-      "data-disabled": i,
-      className: d.root,
-      children: o
+      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
+        ))
+      ]
     }
-  )
-);
-b.displayName = "SplitButton.Root";
-const p = c(
-  ({
-    "aria-label": t,
-    "aria-describedby": a,
-    "data-test-id": o = "split-button-content",
-    children: i,
-    disabled: e = !1,
-    onPress: n,
-    title: l,
-    type: r = "button"
-  }, u) => /* @__PURE__ */ s(
-    "button",
-    {
-      ref: u,
-      type: r,
-      disabled: e,
-      "aria-label": t,
-      "aria-describedby": a,
-      title: l,
-      "data-test-id": o,
-      className: d.content,
-      onClick: n,
-      children: i
-    }
-  )
-);
-p.displayName = "SplitButton.Content";
-const m = ({
-  "aria-label": t,
-  "data-test-id": a = "split-button-action",
-  rotateIcon: o = !0,
-  children: i
-}) => /* @__PURE__ */ s("div", { "aria-label": t, "data-test-id": a, "data-rotate-icon": o, className: d.action, children: i });
-m.displayName = "SplitButton.Action";
-const B = c(
-  ({
-    "aria-label": t,
-    "aria-describedby": a,
-    "data-test-id": o = "split-button-action-button",
-    children: i,
-    disabled: e = !1,
-    title: n,
-    type: l = "button",
-    ...r
-  }, u) => /* @__PURE__ */ s(
-    "button",
-    {
-      ref: u,
-      type: l,
-      disabled: e,
-      "aria-label": t,
-      "aria-describedby": a,
-      title: n,
-      "data-test-id": o,
-      className: d.actionButton,
-      ...r,
-      children: i
-    }
-  )
-);
-B.displayName = "SplitButton.ActionButton";
-const N = {
-  Root: b,
-  Content: p,
-  Action: m,
-  ActionButton: B
-};
+  );
+}, p = h(g);
+p.displayName = "Slider";
 export {
-  N as SplitButton,
-  m as SplitButtonAction,
-  B as SplitButtonActionButton,
-  p as SplitButtonContent,
-  b as SplitButtonRoot
+  p as Slider
 };
 //# sourceMappingURL=fondue-components31.js.map

package/dist/fondue-components31.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components31.js","sources":["../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef, type MouseEvent, type ReactNode } from 'react';\n\nimport styles from './styles/splitButton.module.scss';\n\ntype ButtonSize = 'small' | 'medium' | 'large';\n\ntype ButtonEmphasis = 'default' | 'weak' | 'strong';\n\nexport type SplitButtonProps = {\n    /**\n     * @default 'default'\n     */\n    emphasis?: ButtonEmphasis;\n    /**\n     * @default 'medium'\n     */\n    size?: ButtonSize;\n    /**\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Accessible label for the button group\n     */\n    'aria-label'?: string;\n    /**\n     * Test ID for the root element\n     */\n    'data-test-id'?: string;\n    children: ReactNode;\n};\n\nexport type SplitButtonContentProps = {\n    /**\n     * Button type\n     * @default 'button'\n     */\n    type?: 'button' | 'submit' | 'reset';\n    /**\n     * Whether the button is disabled\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Click handler\n     */\n    onPress?: (event?: MouseEvent<HTMLButtonElement>) => void;\n    /**\n     * Accessible label\n     */\n    'aria-label'?: string;\n    /**\n     * Accessible description\n     */\n    'aria-describedby'?: string;\n    /**\n     * Test ID for the content section\n     */\n    'data-test-id'?: string;\n    /**\n     * Button title\n     */\n    title?: string;\n    children: ReactNode;\n};\n\nexport type SplitButtonActionProps = {\n    /**\n     * Accessible label\n     */\n    'aria-label'?: string;\n    /**\n     * Test ID for the action slot\n     */\n    'data-test-id'?: string;\n    /**\n     * Whether to rotate the icon 180 degrees when active (typically for caret icons)\n     * @default true\n     */\n    rotateIcon?: boolean;\n    children: ReactNode;\n};\n\nexport type SplitButtonActionButtonProps = {\n    /**\n     * Button type\n     * @default 'button'\n     */\n    type?: 'button' | 'submit' | 'reset';\n    /**\n     * Whether the button is disabled\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Accessible label\n     */\n    'aria-label'?: string;\n    /**\n     * Accessible description\n     */\n    'aria-describedby'?: string;\n    /**\n     * Test ID for the action button\n     */\n    'data-test-id'?: string;\n    /**\n     * Button title\n     */\n    title?: string;\n    children: ReactNode;\n};\n\nexport const SplitButtonRoot = forwardRef<HTMLDivElement, SplitButtonProps>(\n    (\n        {\n            'aria-label': ariaLabel,\n            'data-test-id': dataTestId = 'split-button',\n            children,\n            disabled = false,\n            emphasis = 'default',\n            size = 'medium',\n        }: SplitButtonProps,\n        ref: ForwardedRef<HTMLDivElement>,\n    ) => {\n        return (\n            <div\n                ref={ref}\n                role=\"group\"\n                aria-label={ariaLabel}\n                data-test-id={dataTestId}\n                data-component=\"split-button\"\n                data-emphasis={emphasis}\n                data-size={size}\n                data-disabled={disabled}\n                className={styles.root}\n            >\n                {children}\n            </div>\n        );\n    },\n);\nSplitButtonRoot.displayName = 'SplitButton.Root';\n\nexport const SplitButtonContent = forwardRef<HTMLButtonElement, SplitButtonContentProps>(\n    (\n        {\n            'aria-label': ariaLabel,\n            'aria-describedby': ariaDescribedby,\n            'data-test-id': dataTestId = 'split-button-content',\n            children,\n            disabled = false,\n            onPress,\n            title,\n            type = 'button',\n        }: SplitButtonContentProps,\n        ref: ForwardedRef<HTMLButtonElement>,\n    ) => {\n        return (\n            <button\n                ref={ref}\n                type={type}\n                disabled={disabled}\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n                title={title}\n                data-test-id={dataTestId}\n                className={styles.content}\n                onClick={onPress}\n            >\n                {children}\n            </button>\n        );\n    },\n);\nSplitButtonContent.displayName = 'SplitButton.Content';\n\nexport const SplitButtonAction = ({\n    'aria-label': ariaLabel,\n    'data-test-id': dataTestId = 'split-button-action',\n    rotateIcon = true,\n    children,\n}: SplitButtonActionProps) => {\n    return (\n        <div aria-label={ariaLabel} data-test-id={dataTestId} data-rotate-icon={rotateIcon} className={styles.action}>\n            {children}\n        </div>\n    );\n};\nSplitButtonAction.displayName = 'SplitButton.Action';\n\nexport const SplitButtonActionButton = forwardRef<HTMLButtonElement, SplitButtonActionButtonProps>(\n    (\n        {\n            'aria-label': ariaLabel,\n            'aria-describedby': ariaDescribedby,\n            'data-test-id': dataTestId = 'split-button-action-button',\n            children,\n            disabled = false,\n            title,\n            type = 'button',\n            ...props\n        },\n        ref,\n    ) => {\n        return (\n            <button\n                ref={ref}\n                type={type}\n                disabled={disabled}\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n                title={title}\n                data-test-id={dataTestId}\n                className={styles.actionButton}\n                {...props}\n            >\n                {children}\n            </button>\n        );\n    },\n);\nSplitButtonActionButton.displayName = 'SplitButton.ActionButton';\n\nexport const SplitButton = {\n    Root: SplitButtonRoot,\n    Content: SplitButtonContent,\n    Action: SplitButtonAction,\n    ActionButton: SplitButtonActionButton,\n};\n"],"names":["SplitButtonRoot","forwardRef","ariaLabel","dataTestId","children","disabled","emphasis","size","ref","jsx","styles","SplitButtonContent","ariaDescribedby","onPress","title","type","SplitButtonAction","rotateIcon","SplitButtonActionButton","props","SplitButton"],"mappings":";;;AAmHO,MAAMA,IAAkBC;AAAA,EAC3B,CACI;AAAA,IACI,cAAcC;AAAA,IACd,gBAAgBC,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,EAAA,GAEXC,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,MAAK;AAAA,MACL,cAAYN;AAAA,MACZ,gBAAcC;AAAA,MACd,kBAAe;AAAA,MACf,iBAAeG;AAAA,MACf,aAAWC;AAAA,MACX,iBAAeF;AAAA,MACf,WAAWK,EAAO;AAAA,MAEjB,UAAAN;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAJ,EAAgB,cAAc;AAEvB,MAAMW,IAAqBV;AAAA,EAC9B,CACI;AAAA,IACI,cAAcC;AAAA,IACd,oBAAoBU;AAAA,IACpB,gBAAgBT,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAQ;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,EAAA,GAEXP,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,MAAAO;AAAA,MACA,UAAAV;AAAA,MACA,cAAYH;AAAA,MACZ,oBAAkBU;AAAA,MAClB,OAAAE;AAAA,MACA,gBAAcX;AAAA,MACd,WAAWO,EAAO;AAAA,MAClB,SAASG;AAAA,MAER,UAAAT;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAO,EAAmB,cAAc;AAE1B,MAAMK,IAAoB,CAAC;AAAA,EAC9B,cAAcd;AAAA,EACd,gBAAgBC,IAAa;AAAA,EAC7B,YAAAc,IAAa;AAAA,EACb,UAAAb;AACJ,MAEQ,gBAAAK,EAAC,OAAA,EAAI,cAAYP,GAAW,gBAAcC,GAAY,oBAAkBc,GAAY,WAAWP,EAAO,QACjG,UAAAN,EAAA,CACL;AAGRY,EAAkB,cAAc;AAEzB,MAAME,IAA0BjB;AAAA,EACnC,CACI;AAAA,IACI,cAAcC;AAAA,IACd,oBAAoBU;AAAA,IACpB,gBAAgBT,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAS;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGI;AAAA,EAAA,GAEPX,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,MAAAO;AAAA,MACA,UAAAV;AAAA,MACA,cAAYH;AAAA,MACZ,oBAAkBU;AAAA,MAClB,OAAAE;AAAA,MACA,gBAAcX;AAAA,MACd,WAAWO,EAAO;AAAA,MACjB,GAAGS;AAAA,MAEH,UAAAf;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAc,EAAwB,cAAc;AAE/B,MAAME,IAAc;AAAA,EACvB,MAAMpB;AAAA,EACN,SAASW;AAAA,EACT,QAAQK;AAAA,EACR,cAAcE;AAClB;"}
+{"version":3,"file":"fondue-components31.js","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { type ForwardedRef, forwardRef, useRef } from 'react';\n\nimport { type CommonAriaAttrs } from '#/utilities/types';\n\nimport styles from './styles/slider.module.scss';\n\nexport type SliderProps = {\n    id?: string;\n    name?: string;\n    /**\n     * The default value of the slider\n     * Used for uncontrolled components\n     * @default [0]\n     */\n    defaultValue?: number[];\n    /**\n     * The controlled value of the slider\n     * @default [0]\n     */\n    value?: number[];\n    /**\n     * Minimum value of the slider\n     * @default 0\n     */\n    min?: number;\n    /**\n     * Maximum value of the slider\n     * @default 100\n     */\n    max?: number;\n    /**\n     * The granularity with which the slider can step through values\n     * @default 1\n     */\n    step?: number;\n    /**\n     * The minimum steps between thumbs in a range slider\n     * @default 0\n     */\n    minStepsBetweenThumbs?: number;\n    /**\n     * Disable the slider\n     * @default false\n     */\n    disabled?: boolean;\n    onChange?: (value: number[]) => void;\n    onCommit?: (value: number[]) => void;\n    'data-test-id'?: string;\n} & CommonAriaAttrs;\n\nconst SliderComponent = (\n    {\n        value,\n        defaultValue = [0],\n        onChange,\n        onCommit,\n        'data-test-id': dataTestId = 'fondue-slider',\n        ...props\n    }: SliderProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    const sliderThumbRef = useRef<HTMLSpanElement | null>(null);\n    return (\n        <RadixSlider.Root\n            ref={ref}\n            className={styles.root}\n            value={value}\n            defaultValue={defaultValue}\n            onValueChange={onChange}\n            onValueCommit={onCommit}\n            data-test-id={dataTestId}\n            {...props}\n        >\n            <RadixSlider.Track\n                onPointerDown={() => {\n                    if (sliderThumbRef.current) {\n                        sliderThumbRef.current.dataset.showFocusRing = 'false';\n                    }\n                }}\n                className={styles.track}\n            >\n                <RadixSlider.Range className={styles.range} />\n            </RadixSlider.Track>\n            {(value || defaultValue).map((_, index) => (\n                <RadixSlider.Thumb\n                    ref={sliderThumbRef}\n                    className={styles.thumb}\n                    onPointerDown={(event) => {\n                        event.currentTarget.dataset.showFocusRing = 'false';\n                    }}\n                    onBlur={(event) => {\n                        event.currentTarget.dataset.showFocusRing = 'true';\n                    }}\n                    key={index}\n                />\n            ))}\n        </RadixSlider.Root>\n    );\n};\n\nexport const Slider = forwardRef<HTMLButtonElement, SliderProps>(SliderComponent);\nSlider.displayName = 'Slider';\n"],"names":["SliderComponent","value","defaultValue","onChange","onCommit","dataTestId","props","ref","sliderThumbRef","useRef","jsxs","RadixSlider","styles","jsx","_","index","event","Slider","forwardRef"],"mappings":";;;;AAqDA,MAAMA,IAAkB,CACpB;AAAA,EACI,OAAAC;AAAA,EACA,cAAAC,IAAe,CAAC,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAgBC,IAAa;AAAA,EAC7B,GAAGC;AACP,GACAC,MACC;AACD,QAAMC,IAAiBC,EAA+B,IAAI;AAC1D,SACI,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWK,EAAO;AAAA,MAClB,OAAAX;AAAA,MACA,cAAAC;AAAA,MACA,eAAeC;AAAA,MACf,eAAeC;AAAA,MACf,gBAAcC;AAAA,MACb,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACF,EAAY;AAAA,UAAZ;AAAA,YACG,eAAe,MAAM;AACjB,cAAIH,EAAe,YACfA,EAAe,QAAQ,QAAQ,gBAAgB;AAAA,YAEvD;AAAA,YACA,WAAWI,EAAO;AAAA,YAElB,4BAACD,EAAY,OAAZ,EAAkB,WAAWC,EAAO,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,SAE9CX,KAASC,GAAc,IAAI,CAACY,GAAGC,MAC7B,gBAAAF;AAAA,UAACF,EAAY;AAAA,UAAZ;AAAA,YACG,KAAKH;AAAA,YACL,WAAWI,EAAO;AAAA,YAClB,eAAe,CAACI,MAAU;AACtB,cAAAA,EAAM,cAAc,QAAQ,gBAAgB;AAAA,YAChD;AAAA,YACA,QAAQ,CAACA,MAAU;AACf,cAAAA,EAAM,cAAc,QAAQ,gBAAgB;AAAA,YAChD;AAAA,UAAA;AAAA,UACKD;AAAA,QAAA,CAEZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaE,IAASC,EAA2ClB,CAAe;AAChFiB,EAAO,cAAc;"}

package/dist/fondue-components32.js

@@ -1,36 +1,103 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-switch";
-import { forwardRef as n } from "react";
-import { useTranslation as f } from "./fondue-components42.js";
-import e from "./fondue-components98.js";
-const p = ({
-  value: o,
-  defaultValue: i,
-  size: r = "medium",
-  onChange: m,
-  "data-test-id": s = "fondue-switch",
-  "aria-label": c,
-  ...d
-}, h) => {
-  const { t: l } = f();
-  return /* @__PURE__ */ t(
-    a.Root,
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import d from "./fondue-components102.js";
+const b = c(
+  ({
+    "aria-label": t,
+    "data-test-id": a = "split-button",
+    children: o,
+    disabled: i = !1,
+    emphasis: e = "default",
+    size: n = "medium"
+  }, l) => /* @__PURE__ */ s(
+    "div",
     {
-      ref: h,
-      checked: o,
-      defaultChecked: i,
-      className: e.root,
-      onCheckedChange: m,
-      "aria-label": c ?? l("Switch_defaultLabel"),
-      "data-test-id": s,
-      "data-size": r,
-      ...d,
-      children: /* @__PURE__ */ t(a.Thumb, { className: e.thumb })
+      ref: l,
+      role: "group",
+      "aria-label": t,
+      "data-test-id": a,
+      "data-component": "split-button",
+      "data-emphasis": e,
+      "data-size": n,
+      "data-disabled": i,
+      className: d.root,
+      children: o
     }
-  );
-}, u = n(p);
-u.displayName = "Switch";
+  )
+);
+b.displayName = "SplitButton.Root";
+const p = c(
+  ({
+    "aria-label": t,
+    "aria-describedby": a,
+    "data-test-id": o = "split-button-content",
+    children: i,
+    disabled: e = !1,
+    onPress: n,
+    title: l,
+    type: r = "button"
+  }, u) => /* @__PURE__ */ s(
+    "button",
+    {
+      ref: u,
+      type: r,
+      disabled: e,
+      "aria-label": t,
+      "aria-describedby": a,
+      title: l,
+      "data-test-id": o,
+      className: d.content,
+      onClick: n,
+      children: i
+    }
+  )
+);
+p.displayName = "SplitButton.Content";
+const m = ({
+  "aria-label": t,
+  "data-test-id": a = "split-button-action",
+  rotateIcon: o = !0,
+  children: i
+}) => /* @__PURE__ */ s("div", { "aria-label": t, "data-test-id": a, "data-rotate-icon": o, className: d.action, children: i });
+m.displayName = "SplitButton.Action";
+const B = c(
+  ({
+    "aria-label": t,
+    "aria-describedby": a,
+    "data-test-id": o = "split-button-action-button",
+    children: i,
+    disabled: e = !1,
+    title: n,
+    type: l = "button",
+    ...r
+  }, u) => /* @__PURE__ */ s(
+    "button",
+    {
+      ref: u,
+      type: l,
+      disabled: e,
+      "aria-label": t,
+      "aria-describedby": a,
+      title: n,
+      "data-test-id": o,
+      className: d.actionButton,
+      ...r,
+      children: i
+    }
+  )
+);
+B.displayName = "SplitButton.ActionButton";
+const N = {
+  Root: b,
+  Content: p,
+  Action: m,
+  ActionButton: B
+};
 export {
-  u as Switch
+  N as SplitButton,
+  m as SplitButtonAction,
+  B as SplitButtonActionButton,
+  p as SplitButtonContent,
+  b as SplitButtonRoot
 };
 //# sourceMappingURL=fondue-components32.js.map

package/dist/fondue-components32.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components32.js","sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixSwitch from '@radix-ui/react-switch';\nimport { type FormEvent, type ForwardedRef, forwardRef } from 'react';\n\nimport { useTranslation } from '#/hooks/useTranslation';\nimport { type CommonAriaAttrs } from '#/utilities/types';\n\nimport styles from './styles/switch.module.scss';\n\ntype SwitchProps = {\n    id?: string;\n    name?: string;\n    /**\n     * The size of the switch component.\n     * @default medium\n     */\n    size?: 'small' | 'medium' | 'large';\n    /**\n     * The active value in the select component. This is used to control the select externally.\n     * @default false\n     */\n    value?: boolean;\n    /**\n     * The default value of the select component. Used for uncontrolled usages.\n     * @default false\n     */\n    defaultValue?: boolean;\n    /**\n     * Disables the select component.\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Whether the switch is required.\n     * @default false\n     */\n    required?: boolean;\n    /**\n     * Callback function that is called when the switch is toggled.\n     * @param checked - The new checked state of the switch\n     */\n    onChange?: (checked: boolean) => void;\n    /**\n     * Event handler called when the checkbox is blurred\n     * @param event - The event object\n     */\n    onBlur?: (event: FormEvent<HTMLButtonElement>) => void;\n    /**\n     * Event handler called when the checkbox is focused\n     * @param event - The event object\n     */\n    onFocus?: (event: FormEvent<HTMLButtonElement>) => void;\n    'data-test-id'?: string;\n} & CommonAriaAttrs;\n\nconst SwitchComponent = (\n    {\n        value,\n        defaultValue,\n        size = 'medium',\n        onChange,\n        'data-test-id': dataTestId = 'fondue-switch',\n        'aria-label': ariaLabel,\n        ...props\n    }: SwitchProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    const { t } = useTranslation();\n\n    return (\n        <RadixSwitch.Root\n            ref={ref}\n            checked={value}\n            defaultChecked={defaultValue}\n            className={styles.root}\n            onCheckedChange={onChange}\n            aria-label={ariaLabel ?? t('Switch_defaultLabel')}\n            data-test-id={dataTestId}\n            data-size={size}\n            {...props}\n        >\n            <RadixSwitch.Thumb className={styles.thumb} />\n        </RadixSwitch.Root>\n    );\n};\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(SwitchComponent);\nSwitch.displayName = 'Switch';\n"],"names":["SwitchComponent","value","defaultValue","size","onChange","dataTestId","ariaLabel","props","ref","t","useTranslation","jsx","RadixSwitch","styles","Switch","forwardRef"],"mappings":";;;;;AAwDA,MAAMA,IAAkB,CACpB;AAAA,EACI,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,gBAAgBC,IAAa;AAAA,EAC7B,cAAcC;AAAA,EACd,GAAGC;AACP,GACAC,MACC;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,KAAAJ;AAAA,MACA,SAASP;AAAA,MACT,gBAAgBC;AAAA,MAChB,WAAWW,EAAO;AAAA,MAClB,iBAAiBT;AAAA,MACjB,cAAYE,KAAaG,EAAE,qBAAqB;AAAA,MAChD,gBAAcJ;AAAA,MACd,aAAWF;AAAA,MACV,GAAGI;AAAA,MAEJ,4BAACK,EAAY,OAAZ,EAAkB,WAAWC,EAAO,MAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGxD,GAEaC,IAASC,EAA2Cf,CAAe;AAChFc,EAAO,cAAc;"}
+{"version":3,"file":"fondue-components32.js","sources":["../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef, type MouseEvent, type ReactNode } from 'react';\n\nimport styles from './styles/splitButton.module.scss';\n\ntype ButtonSize = 'small' | 'medium' | 'large';\n\ntype ButtonEmphasis = 'default' | 'weak' | 'strong';\n\nexport type SplitButtonProps = {\n    /**\n     * @default 'default'\n     */\n    emphasis?: ButtonEmphasis;\n    /**\n     * @default 'medium'\n     */\n    size?: ButtonSize;\n    /**\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Accessible label for the button group\n     */\n    'aria-label'?: string;\n    /**\n     * Test ID for the root element\n     */\n    'data-test-id'?: string;\n    children: ReactNode;\n};\n\nexport type SplitButtonContentProps = {\n    /**\n     * Button type\n     * @default 'button'\n     */\n    type?: 'button' | 'submit' | 'reset';\n    /**\n     * Whether the button is disabled\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Click handler\n     */\n    onPress?: (event?: MouseEvent<HTMLButtonElement>) => void;\n    /**\n     * Accessible label\n     */\n    'aria-label'?: string;\n    /**\n     * Accessible description\n     */\n    'aria-describedby'?: string;\n    /**\n     * Test ID for the content section\n     */\n    'data-test-id'?: string;\n    /**\n     * Button title\n     */\n    title?: string;\n    children: ReactNode;\n};\n\nexport type SplitButtonActionProps = {\n    /**\n     * Accessible label\n     */\n    'aria-label'?: string;\n    /**\n     * Test ID for the action slot\n     */\n    'data-test-id'?: string;\n    /**\n     * Whether to rotate the icon 180 degrees when active (typically for caret icons)\n     * @default true\n     */\n    rotateIcon?: boolean;\n    children: ReactNode;\n};\n\nexport type SplitButtonActionButtonProps = {\n    /**\n     * Button type\n     * @default 'button'\n     */\n    type?: 'button' | 'submit' | 'reset';\n    /**\n     * Whether the button is disabled\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Accessible label\n     */\n    'aria-label'?: string;\n    /**\n     * Accessible description\n     */\n    'aria-describedby'?: string;\n    /**\n     * Test ID for the action button\n     */\n    'data-test-id'?: string;\n    /**\n     * Button title\n     */\n    title?: string;\n    children: ReactNode;\n};\n\nexport const SplitButtonRoot = forwardRef<HTMLDivElement, SplitButtonProps>(\n    (\n        {\n            'aria-label': ariaLabel,\n            'data-test-id': dataTestId = 'split-button',\n            children,\n            disabled = false,\n            emphasis = 'default',\n            size = 'medium',\n        }: SplitButtonProps,\n        ref: ForwardedRef<HTMLDivElement>,\n    ) => {\n        return (\n            <div\n                ref={ref}\n                role=\"group\"\n                aria-label={ariaLabel}\n                data-test-id={dataTestId}\n                data-component=\"split-button\"\n                data-emphasis={emphasis}\n                data-size={size}\n                data-disabled={disabled}\n                className={styles.root}\n            >\n                {children}\n            </div>\n        );\n    },\n);\nSplitButtonRoot.displayName = 'SplitButton.Root';\n\nexport const SplitButtonContent = forwardRef<HTMLButtonElement, SplitButtonContentProps>(\n    (\n        {\n            'aria-label': ariaLabel,\n            'aria-describedby': ariaDescribedby,\n            'data-test-id': dataTestId = 'split-button-content',\n            children,\n            disabled = false,\n            onPress,\n            title,\n            type = 'button',\n        }: SplitButtonContentProps,\n        ref: ForwardedRef<HTMLButtonElement>,\n    ) => {\n        return (\n            <button\n                ref={ref}\n                type={type}\n                disabled={disabled}\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n                title={title}\n                data-test-id={dataTestId}\n                className={styles.content}\n                onClick={onPress}\n            >\n                {children}\n            </button>\n        );\n    },\n);\nSplitButtonContent.displayName = 'SplitButton.Content';\n\nexport const SplitButtonAction = ({\n    'aria-label': ariaLabel,\n    'data-test-id': dataTestId = 'split-button-action',\n    rotateIcon = true,\n    children,\n}: SplitButtonActionProps) => {\n    return (\n        <div aria-label={ariaLabel} data-test-id={dataTestId} data-rotate-icon={rotateIcon} className={styles.action}>\n            {children}\n        </div>\n    );\n};\nSplitButtonAction.displayName = 'SplitButton.Action';\n\nexport const SplitButtonActionButton = forwardRef<HTMLButtonElement, SplitButtonActionButtonProps>(\n    (\n        {\n            'aria-label': ariaLabel,\n            'aria-describedby': ariaDescribedby,\n            'data-test-id': dataTestId = 'split-button-action-button',\n            children,\n            disabled = false,\n            title,\n            type = 'button',\n            ...props\n        },\n        ref,\n    ) => {\n        return (\n            <button\n                ref={ref}\n                type={type}\n                disabled={disabled}\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n                title={title}\n                data-test-id={dataTestId}\n                className={styles.actionButton}\n                {...props}\n            >\n                {children}\n            </button>\n        );\n    },\n);\nSplitButtonActionButton.displayName = 'SplitButton.ActionButton';\n\nexport const SplitButton = {\n    Root: SplitButtonRoot,\n    Content: SplitButtonContent,\n    Action: SplitButtonAction,\n    ActionButton: SplitButtonActionButton,\n};\n"],"names":["SplitButtonRoot","forwardRef","ariaLabel","dataTestId","children","disabled","emphasis","size","ref","jsx","styles","SplitButtonContent","ariaDescribedby","onPress","title","type","SplitButtonAction","rotateIcon","SplitButtonActionButton","props","SplitButton"],"mappings":";;;AAmHO,MAAMA,IAAkBC;AAAA,EAC3B,CACI;AAAA,IACI,cAAcC;AAAA,IACd,gBAAgBC,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,EAAA,GAEXC,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,MAAK;AAAA,MACL,cAAYN;AAAA,MACZ,gBAAcC;AAAA,MACd,kBAAe;AAAA,MACf,iBAAeG;AAAA,MACf,aAAWC;AAAA,MACX,iBAAeF;AAAA,MACf,WAAWK,EAAO;AAAA,MAEjB,UAAAN;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAJ,EAAgB,cAAc;AAEvB,MAAMW,IAAqBV;AAAA,EAC9B,CACI;AAAA,IACI,cAAcC;AAAA,IACd,oBAAoBU;AAAA,IACpB,gBAAgBT,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAQ;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,EAAA,GAEXP,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,MAAAO;AAAA,MACA,UAAAV;AAAA,MACA,cAAYH;AAAA,MACZ,oBAAkBU;AAAA,MAClB,OAAAE;AAAA,MACA,gBAAcX;AAAA,MACd,WAAWO,EAAO;AAAA,MAClB,SAASG;AAAA,MAER,UAAAT;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAO,EAAmB,cAAc;AAE1B,MAAMK,IAAoB,CAAC;AAAA,EAC9B,cAAcd;AAAA,EACd,gBAAgBC,IAAa;AAAA,EAC7B,YAAAc,IAAa;AAAA,EACb,UAAAb;AACJ,MAEQ,gBAAAK,EAAC,OAAA,EAAI,cAAYP,GAAW,gBAAcC,GAAY,oBAAkBc,GAAY,WAAWP,EAAO,QACjG,UAAAN,EAAA,CACL;AAGRY,EAAkB,cAAc;AAEzB,MAAME,IAA0BjB;AAAA,EACnC,CACI;AAAA,IACI,cAAcC;AAAA,IACd,oBAAoBU;AAAA,IACpB,gBAAgBT,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAS;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGI;AAAA,EAAA,GAEPX,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,MAAAO;AAAA,MACA,UAAAV;AAAA,MACA,cAAYH;AAAA,MACZ,oBAAkBU;AAAA,MAClB,OAAAE;AAAA,MACA,gBAAcX;AAAA,MACd,WAAWO,EAAO;AAAA,MACjB,GAAGS;AAAA,MAEH,UAAAf;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAc,EAAwB,cAAc;AAE/B,MAAME,IAAc;AAAA,EACvB,MAAMpB;AAAA,EACN,SAASW;AAAA,EACT,QAAQK;AAAA,EACR,cAAcE;AAClB;"}

package/dist/fondue-components33.js

@@ -1,199 +1,36 @@
-import { jsx as n, jsxs as T } from "react/jsx-runtime";
-import { IconArrowUp as O, IconArrowDown as K, IconArrowBidirectional as W } from "@frontify/fondue-icons";
-import { forwardRef as u, useRef as v, useState as _, useEffect as D, useMemo as L } from "react";
-import { useSyncRefs as R } from "./fondue-components54.js";
-import { useTextTruncation as h } from "./fondue-components99.js";
-import { useTranslation as j } from "./fondue-components42.js";
-import { Box as M } from "./fondue-components5.js";
-import { LoadingCircle as S } from "./fondue-components21.js";
-import s from "./fondue-components100.js";
-import { handleKeyDown as U, shouldIgnoreRowClick as q } from "./fondue-components101.js";
-const x = u(
-  ({ layout: t = "auto", fontSize: e = "medium", gutter: r = "0px", sticky: o, noBorder: a = !1, children: l, ...m }, f) => {
-    const b = v(null), [p, i] = _(!1);
-    R(b, f);
-    const d = o === "head" || o === "both", N = o === "col" || o === "both";
-    return D(() => {
-      const c = b.current;
-      if (!c)
-        return;
-      const y = () => {
-        const g = c.parentElement;
-        if (!g)
-          return;
-        const C = c.scrollWidth, E = g.clientWidth;
-        i(C > E);
-      };
-      y();
-      const w = new ResizeObserver(y);
-      return w.observe(c), c.parentElement && w.observe(c.parentElement), () => {
-        w.disconnect();
-      };
-    }, [l]), // eslint-disable-next-line jsx-a11y-x/no-noninteractive-element-interactions
-    /* @__PURE__ */ n(
-      "table",
-      {
-        ref: b,
-        className: s.table,
-        style: {
-          // @ts-expect-error CSS custom properties are not in CSSProperties type
-          "--table-gutter": r
-        },
-        "data-layout": t,
-        "data-font-size": e,
-        "data-sticky-header": d,
-        "data-sticky-left-column": N,
-        "data-no-border": a,
-        "data-has-horizontal-overflow": p,
-        onKeyDown: U,
-        ...m,
-        children: l
-      }
-    );
-  }
-);
-x.displayName = "Table.Root";
-const k = u(({ children: t }, e) => /* @__PURE__ */ n("caption", { ref: e, className: s.caption, children: t }));
-k.displayName = "Table.Caption";
-const z = u(
-  ({ sticky: t = !1, children: e, "aria-label": r, "aria-busy": o }, a) => /* @__PURE__ */ n("thead", { ref: a, className: s.header, "data-sticky": t, "aria-label": r, "aria-busy": o, children: e })
-);
-z.displayName = "Table.Header";
-const H = u(
-  ({
-    noShrink: t = !1,
-    truncate: e = !1,
-    align: r = "left",
-    scope: o = "col",
-    sortTranslations: a,
-    sortDirection: l,
-    colSpan: m,
-    width: f,
-    state: b = "idle",
-    loadingStateAriaLabel: p,
-    onSortChange: i,
-    children: d
-  }, N) => {
-    const { t: c } = j(), y = v(null);
-    R(y, N), h(y);
-    const w = L(() => typeof d == "string" ? l === "ascending" ? (a == null ? void 0 : a.sortDescending) ?? c("Table_sortByDescending", { column: d }) : (a == null ? void 0 : a.sortAscending) ?? c("Table_sortByAscending", { column: d }) : c(l === "ascending" ? "Table_sortDescending" : "Table_sortAscending"), [d, l, a, c]), g = () => {
-      if (!i)
-        return;
-      i(l === void 0 || l === "descending" ? "ascending" : "descending");
-    };
-    return /* @__PURE__ */ n(
-      "th",
-      {
-        ref: y,
-        style: { width: f },
-        className: s.headerCell,
-        scope: o,
-        colSpan: m,
-        "data-align": r,
-        "data-truncate": e,
-        "data-no-shrink": t,
-        "data-sortable": !!i,
-        "aria-sort": i ? l || "none" : void 0,
-        children: b === "loading" ? /* @__PURE__ */ T("div", { className: s.cellContent, "aria-live": "polite", "aria-label": p, children: [
-          typeof d == "string" && e ? /* @__PURE__ */ n("span", { className: s.buttonText, children: d }) : d,
-          /* @__PURE__ */ n(S, { "data-test-id": "fondue-loading-circle", size: "xx-small" })
-        ] }) : i ? /* @__PURE__ */ T(
-          "button",
-          {
-            className: s.cellContent,
-            "aria-label": w,
-            "data-active": !!l,
-            onClick: g,
-            type: "button",
-            children: [
-              typeof d == "string" && e ? /* @__PURE__ */ n("span", { className: s.buttonText, children: d }) : d,
-              /* @__PURE__ */ n(M, { width: 3, children: l === "ascending" ? /* @__PURE__ */ n(O, { className: s.sortIndicator, size: "12" }) : l === "descending" ? /* @__PURE__ */ n(K, { className: s.sortIndicator, size: "12" }) : /* @__PURE__ */ n(W, { className: s.sortIndicator, size: "12" }) })
-            ]
-          }
-        ) : d
-      }
-    );
-  }
-);
-H.displayName = "Table.HeaderCell";
-const I = u(
-  ({ firstColumnSticky: t = !1, lastColumnSticky: e = !1, children: r, "aria-busy": o }, a) => /* @__PURE__ */ n(
-    "tbody",
+import { jsx as t } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-switch";
+import { forwardRef as n } from "react";
+import { useTranslation as f } from "./fondue-components43.js";
+import e from "./fondue-components103.js";
+const p = ({
+  value: o,
+  defaultValue: i,
+  size: r = "medium",
+  onChange: m,
+  "data-test-id": s = "fondue-switch",
+  "aria-label": c,
+  ...d
+}, h) => {
+  const { t: l } = f();
+  return /* @__PURE__ */ t(
+    a.Root,
     {
-      ref: a,
-      className: s.body,
-      "data-first-column-sticky": t,
-      "data-last-column-sticky": e,
-      "aria-busy": o,
-      children: r
+      ref: h,
+      checked: o,
+      defaultChecked: i,
+      className: e.root,
+      onCheckedChange: m,
+      "aria-label": c ?? l("Switch_defaultLabel"),
+      "data-test-id": s,
+      "data-size": r,
+      ...d,
+      children: /* @__PURE__ */ t(a.Thumb, { className: e.thumb })
     }
-  )
-);
-I.displayName = "Table.Body";
-const B = u(
-  ({ disabled: t = !1, selected: e = !1, onClick: r, children: o, "aria-label": a, "data-test-id": l }, m) => {
-    const f = r !== void 0 && !t, b = (i) => {
-      t || q(i) || r && r(e);
-    }, p = (i) => {
-      f && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), b());
-    };
-    return /* @__PURE__ */ n(
-      "tr",
-      {
-        ref: m,
-        className: s.row,
-        tabIndex: 0,
-        role: f ? "button" : "row",
-        "data-disabled": t,
-        "data-interactive": f,
-        "data-selected": f ? void 0 : e,
-        "aria-disabled": t,
-        "aria-label": a,
-        "aria-selected": f ? void 0 : e,
-        onClick: f ? b : void 0,
-        onKeyDown: f ? p : void 0,
-        "data-test-id": l,
-        children: o
-      }
-    );
-  }
-);
-B.displayName = "Table.Row";
-const A = u(
-  ({ colSpan: t, truncate: e, align: r = "left", children: o, "aria-label": a }, l) => {
-    const m = v(null);
-    return R(m, l), h(m), /* @__PURE__ */ n(
-      "td",
-      {
-        ref: m,
-        className: s.rowCell,
-        colSpan: t,
-        "data-align": r,
-        "data-truncate": e,
-        "aria-label": a,
-        children: o
-      }
-    );
-  }
-);
-A.displayName = "Table.RowCell";
-const ee = {
-  Root: x,
-  Caption: k,
-  Header: z,
-  HeaderCell: H,
-  Body: I,
-  Row: B,
-  RowCell: A
-};
+  );
+}, u = n(p);
+u.displayName = "Switch";
 export {
-  ee as Table,
-  I as TableBody,
-  k as TableCaption,
-  z as TableHeader,
-  H as TableHeaderCell,
-  x as TableRoot,
-  B as TableRow,
-  A as TableRowCell
+  u as Switch
 };
 //# sourceMappingURL=fondue-components33.js.map