@frontify/fondue-components 1.3.4 → 1.4.0

package/dist/fondue-components29.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components29.js","sources":["../../../node_modules/.pnpm/tailwind-variants@0.2.1_tailwindcss@3.4.3_ts-node@10.9.2_@types+node@20.14.0_typescript@5.4.5__/node_modules/tailwind-variants/dist/chunk-JXBJZR5A.js"],"sourcesContent":["var l=e=>typeof e==\"boolean\"?`${e}`:e===0?\"0\":e,u=e=>!e||typeof e!=\"object\"||Object.keys(e).length===0,x=(e,o)=>JSON.stringify(e)===JSON.stringify(o),A=e=>typeof e==\"boolean\";function i(e,o){e.forEach(function(r){Array.isArray(r)?i(r,o):o.push(r);});}function y(e){let o=[];return i(e,o),o}var a=(...e)=>y(e).filter(Boolean),p=(e,o)=>{let r={},c=Object.keys(e),f=Object.keys(o);for(let t of c)if(f.includes(t)){let s=e[t],n=o[t];typeof s==\"object\"&&typeof n==\"object\"?r[t]=p(s,n):Array.isArray(s)||Array.isArray(n)?r[t]=a(n,s):r[t]=n+\" \"+s;}else r[t]=e[t];for(let t of f)c.includes(t)||(r[t]=o[t]);return r},g=e=>!e||typeof e!=\"string\"?e:e.replace(/\\s+/g,\" \").trim();\n\nexport { l as a, u as b, x as c, A as d, y as e, a as f, p as g, g as h };\n"],"names":["l","e","x","o","i","r","a","p","c","f","t","s","n"],"mappings":"AAAG,IAACA,IAAE,CAAAC,MAAG,OAAOA,KAAG,YAAU,GAAGA,CAAC,KAAGA,MAAI,IAAE,MAAIA,GAAE,IAAE,CAAAA,MAAG,CAACA,KAAG,OAAOA,KAAG,YAAU,OAAO,KAAKA,CAAC,EAAE,WAAS,GAAEC,IAAE,CAACD,GAAEE,MAAI,KAAK,UAAUF,CAAC,MAAI,KAAK,UAAUE,CAAC;AAA2B,SAASC,EAAEH,GAAEE,GAAE;AAAC,EAAAF,EAAE,QAAQ,SAASI,GAAE;AAAC,UAAM,QAAQA,CAAC,IAAED,EAAEC,GAAEF,CAAC,IAAEA,EAAE,KAAKE,CAAC;AAAA,EAAE,CAAC;AAAE;AAAC,SAAS,EAAEJ,GAAE;AAAC,MAAIE,IAAE,CAAE;AAAC,SAAOC,EAAEH,GAAEE,CAAC,GAAEA;AAAC;AAAI,IAACG,IAAE,IAAIL,MAAI,EAAEA,CAAC,EAAE,OAAO,OAAO,GAAEM,IAAE,CAACN,GAAEE,MAAI;AAAC,MAAIE,IAAE,CAAA,GAAGG,IAAE,OAAO,KAAKP,CAAC,GAAEQ,IAAE,OAAO,KAAKN,CAAC;AAAE,WAAQO,KAAKF;AAAE,QAAGC,EAAE,SAASC,CAAC,GAAE;AAAC,UAAIC,IAAEV,EAAES,CAAC,GAAEE,IAAET,EAAEO,CAAC;AAAE,aAAOC,KAAG,YAAU,OAAOC,KAAG,WAASP,EAAEK,CAAC,IAAEH,EAAEI,GAAEC,CAAC,IAAE,MAAM,QAAQD,CAAC,KAAG,MAAM,QAAQC,CAAC,IAAEP,EAAEK,CAAC,IAAEJ,EAAEM,GAAED,CAAC,IAAEN,EAAEK,CAAC,IAAEE,IAAE,MAAID;AAAA,IAAE;AAAM,MAAAN,EAAEK,CAAC,IAAET,EAAES,CAAC;AAAE,WAAQA,KAAKD;AAAE,IAAAD,EAAE,SAASE,CAAC,MAAIL,EAAEK,CAAC,IAAEP,EAAEO,CAAC;AAAG,SAAOL;AAAC,GAAE,IAAE,CAAAJ,MAAG,CAACA,KAAG,OAAOA,KAAG,WAASA,IAAEA,EAAE,QAAQ,QAAO,GAAG,EAAE,KAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components29.js","sources":["../src/components/Select/SelectMenu.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { Slot as RadixSlot } from '@radix-ui/react-slot';\nimport { type UseComboboxPropGetters, type UseSelectPropGetters } from 'downshift';\nimport { isValidElement, type ForwardedRef, type ReactElement, type ReactNode } from 'react';\n\nimport { type SelectItemProps } from './SelectItem';\nimport styles from './styles/select.module.scss';\nimport { getSelectOptionValue, recursiveMap } from './utils';\n\nexport type SelectMenuProps = {\n    /**\n     * @internal\n     * The index of the highlighted item in the menu.\n     */\n    highlightedIndex: number;\n    /**\n     * @internal\n     * Callback function to retrieve the props for a menu element.\n     */\n    getMenuProps: UseSelectPropGetters<unknown>['getMenuProps'] | UseComboboxPropGetters<unknown>['getMenuProps'];\n    /**\n     * @internal\n     * Callback function to retrieve the props for a item element.\n     */\n    getItemProps: UseSelectPropGetters<unknown>['getItemProps'] | UseComboboxPropGetters<unknown>['getItemProps'];\n    /**\n     * @internal\n     * The children of the menu component. This can contain multiple `Select.Item` or `Select.Group` components.\n     */\n    children: ReactNode;\n    /**\n     * @internal\n     * The filter text shown in the combobox input element.\n     */\n    filterText?: string;\n};\n\nexport const SelectMenu = ({ highlightedIndex, getMenuProps, getItemProps, children, filterText }: SelectMenuProps) => {\n    return (\n        <RadixPopover.Portal>\n            <RadixPopover.Content\n                onOpenAutoFocus={(event) => {\n                    event.preventDefault();\n                }}\n                className={styles.portal}\n            >\n                <ul className={styles.menu} {...getMenuProps()} role=\"dialog\">\n                    {\n                        recursiveMap(\n                            children,\n                            (child, index) => {\n                                const isValid = <TProps,>(\n                                    child: ReactNode,\n                                ): child is ReactElement<TProps> & { ref: ForwardedRef<HTMLElement> } => {\n                                    // @ts-expect-error - We are explicitly checking for ref\n                                    return isValidElement<TProps>(child) && child.ref !== undefined;\n                                };\n\n                                if (isValid<SelectItemProps>(child)) {\n                                    return (\n                                        <RadixSlot\n                                            className={styles.item}\n                                            data-highlighted={highlightedIndex === index}\n                                            key={`${child.props.value}`}\n                                            {...getItemProps({\n                                                item: getSelectOptionValue(child.props),\n                                                index,\n                                                ...(child.ref ? { ref: child.ref } : {}),\n                                            })}\n                                        >\n                                            {child}\n                                        </RadixSlot>\n                                    );\n                                }\n                            },\n                            filterText,\n                        ).parsedChildren\n                    }\n                </ul>\n            </RadixPopover.Content>\n        </RadixPopover.Portal>\n    );\n};\nSelectMenu.displayName = 'Select.Menu';\n"],"names":["SelectMenu","highlightedIndex","getMenuProps","getItemProps","children","filterText","jsx","RadixPopover","event","styles","recursiveMap","child","index","isValidElement","RadixSlot","getSelectOptionValue"],"mappings":";;;;;;AAuCa,MAAAA,IAAa,CAAC,EAAE,kBAAAC,GAAkB,cAAAC,GAAc,cAAAC,GAAc,UAAAC,GAAU,YAAAC,QAE7E,gBAAAC,EAACC,EAAa,QAAb,EACG,UAAA,gBAAAD;AAAA,EAACC,EAAa;AAAA,EAAb;AAAA,IACG,iBAAiB,CAACC,MAAU;AACxB,MAAAA,EAAM,eAAe;AAAA,IACzB;AAAA,IACA,WAAWC,EAAO;AAAA,IAElB,UAAA,gBAAAH,EAAC,QAAG,WAAWG,EAAO,MAAO,GAAGP,EAAA,GAAgB,MAAK,UAE7C,UAAAQ;AAAA,MACIN;AAAA,MACA,CAACO,GAAOC,MAAU;AAQV,aAPY,CACZD,MAGOE,EAAuBF,CAAK,KAAKA,EAAM,QAAQ,QAG7BA,CAAK;AAE1B,iBAAA,gBAAAL;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACG,WAAWL,EAAO;AAAA,cAClB,oBAAkBR,MAAqBW;AAAA,cAEtC,GAAGT,EAAa;AAAA,gBACb,MAAMY,EAAqBJ,EAAM,KAAK;AAAA,gBACtC,OAAAC;AAAA,gBACA,GAAID,EAAM,MAAM,EAAE,KAAKA,EAAM,IAAA,IAAQ,CAAC;AAAA,cAAA,CACzC;AAAA,cAEA,UAAAA;AAAA,YAAA;AAAA,YAPI,GAAGA,EAAM,MAAM,KAAK;AAAA,UAAA;AAAA,MAWzC;AAAA,MACAN;AAAA,MACF,eAEV,CAAA;AAAA,EAAA;AAER,EAAA,CAAA;AAGRL,EAAW,cAAc;"}

package/dist/fondue-components3.js

@@ -1,38 +1,40 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { cn as u } from "./fondue-components13.js";
-import { buttonStyles as c } from "./fondue-components14.js";
-import { iconStyles as s } from "./fondue-components15.js";
-import { textStyles as l } from "./fondue-components16.js";
-const b = d(
+import { cn as c } from "./fondue-components15.js";
+import { buttonStyles as s } from "./fondue-components16.js";
+import { iconStyles as b } from "./fondue-components17.js";
+import { textStyles as l } from "./fondue-components18.js";
+const x = d(
   ({
     children: m,
+    type: r = "button",
     style: o,
-    size: r = "medium",
-    "data-test-id": i = "fondue-button",
+    size: i = "medium",
+    "data-test-id": n = "fondue-button",
     className: e = "",
-    onPress: n = () => {
+    onPress: a = () => {
     },
     ...t
-  }, a) => /* @__PURE__ */ f(
+  }, f) => /* @__PURE__ */ u(
     "button",
     {
-      ref: a,
-      "data-test-id": i,
-      className: u(
-        c({ size: r, style: o, ...t }),
+      ref: f,
+      type: r,
+      "data-test-id": n,
+      className: c(
+        s({ size: i, style: o, ...t }),
         l({ style: o, ...t }),
-        s({ style: o, ...t }),
+        b({ style: o, ...t }),
         e
       ),
-      onClick: n,
+      onClick: a,
       ...t,
       children: m
     }
   )
 );
-b.displayName = "Button";
+x.displayName = "Button";
 export {
-  b as Button
+  x as Button
 };
 //# sourceMappingURL=fondue-components3.js.map

package/dist/fondue-components3.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components3.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '#/utilities/styleUtilities';\n\nimport { buttonStyles } from './styles/buttonStyles';\nimport { iconStyles } from './styles/iconStyles';\nimport { textStyles } from './styles/textStyles';\n\ntype ButtonRounding = 'medium' | 'full';\n\ntype ButtonStyle = 'default' | 'positive' | 'negative' | 'danger' | 'loud';\n\ntype ButtonSize = 'small' | 'medium' | 'large';\n\ntype ButtonType = 'button' | 'submit' | 'reset';\n\ntype ButtonEmphasis = 'default' | 'weak' | 'strong';\n\ntype ButtonAspect = 'default' | 'square';\n\nexport type ButtonProps = {\n    /**\n     * @default null\n     */\n    type?: ButtonType;\n    /**\n     * @default null\n     */\n    title?: string;\n    /**\n     * @default 'default'\n     */\n    style?: ButtonStyle;\n    /**\n     * @default 'strong'\n     */\n    emphasis?: ButtonEmphasis;\n    /**\n     * @default 'medium'\n     */\n    size?: ButtonSize;\n    /**\n     * @default 'medium'\n     */\n    rounding?: ButtonRounding;\n    /**\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * @default 'default'\n     */\n    aspect?: ButtonAspect;\n    /**\n     * @default true\n     */\n    hugWidth?: boolean;\n    children?: ReactNode;\n    onPress?: (event?: MouseEvent<HTMLButtonElement>) => void;\n    'aria-label'?: string;\n    'aria-describedby'?: string;\n    'data-test-id'?: string;\n    className?: string;\n};\n\nexport const Button = forwardRef<HTMLButtonElement | null, ButtonProps>(\n    (\n        {\n            children,\n            style,\n            size = 'medium',\n            'data-test-id': dataTestId = 'fondue-button',\n            className = '',\n            onPress = () => {},\n            ...props\n        }: ButtonProps,\n        ref: ForwardedRef<HTMLButtonElement | null>,\n    ) => {\n        return (\n            <button\n                ref={ref}\n                data-test-id={dataTestId}\n                className={cn(\n                    buttonStyles({ size, style, ...props }),\n                    textStyles({ style, ...props }),\n                    iconStyles({ style, ...props }),\n                    className,\n                )}\n                onClick={onPress}\n                {...props}\n            >\n                {children}\n            </button>\n        );\n    },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","children","style","size","dataTestId","className","onPress","props","ref","jsx","cn","buttonStyles","textStyles","iconStyles"],"mappings":";;;;;;AAmEO,MAAMA,IAASC;AAAA,EAClB,CACI;AAAA,IACI,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,gBAAgBC,IAAa;AAAA,IAC7B,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU,MAAM;AAAA,IAAC;AAAA,IACjB,GAAGC;AAAA,KAEPC,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,gBAAcJ;AAAA,MACd,WAAWM;AAAA,QACPC,EAAa,EAAE,MAAAR,GAAM,OAAAD,GAAO,GAAGK,GAAO;AAAA,QACtCK,EAAW,EAAE,OAAAV,GAAO,GAAGK,GAAO;AAAA,QAC9BM,EAAW,EAAE,OAAAX,GAAO,GAAGK,GAAO;AAAA,QAC9BF;AAAA,MACJ;AAAA,MACA,SAASC;AAAA,MACR,GAAGC;AAAA,MAEH,UAAAN;AAAA,IAAA;AAAA,EAAA;AAIjB;AAEAF,EAAO,cAAc;"}
+{"version":3,"file":"fondue-components3.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '#/utilities/styleUtilities';\n\nimport { buttonStyles } from './styles/buttonStyles';\nimport { iconStyles } from './styles/iconStyles';\nimport { textStyles } from './styles/textStyles';\n\ntype ButtonRounding = 'medium' | 'full';\n\ntype ButtonStyle = 'default' | 'positive' | 'negative' | 'danger' | 'loud';\n\ntype ButtonSize = 'small' | 'medium' | 'large';\n\ntype ButtonType = 'button' | 'submit' | 'reset';\n\ntype ButtonEmphasis = 'default' | 'weak' | 'strong';\n\ntype ButtonAspect = 'default' | 'square';\n\nexport type ButtonProps = {\n    /**\n     * @default \"button\"\n     */\n    type?: ButtonType;\n    /**\n     * @default null\n     */\n    title?: string;\n    /**\n     * @default \"default\"\n     */\n    style?: ButtonStyle;\n    /**\n     * @default \"strong\"\n     */\n    emphasis?: ButtonEmphasis;\n    /**\n     * @default \"medium\"\n     */\n    size?: ButtonSize;\n    /**\n     * @default \"medium\"\n     */\n    rounding?: ButtonRounding;\n    /**\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * @default \"default\"\n     */\n    aspect?: ButtonAspect;\n    /**\n     * @default true\n     */\n    hugWidth?: boolean;\n    children?: ReactNode;\n    onPress?: (event?: MouseEvent<HTMLButtonElement>) => void;\n    'aria-label'?: string;\n    'aria-describedby'?: string;\n    'data-test-id'?: string;\n    className?: string;\n};\n\nexport const Button = forwardRef<HTMLButtonElement | null, ButtonProps>(\n    (\n        {\n            children,\n            type = 'button',\n            style,\n            size = 'medium',\n            'data-test-id': dataTestId = 'fondue-button',\n            className = '',\n            onPress = () => {},\n            ...props\n        }: ButtonProps,\n        ref: ForwardedRef<HTMLButtonElement | null>,\n    ) => {\n        return (\n            <button\n                ref={ref}\n                type={type}\n                data-test-id={dataTestId}\n                className={cn(\n                    buttonStyles({ size, style, ...props }),\n                    textStyles({ style, ...props }),\n                    iconStyles({ style, ...props }),\n                    className,\n                )}\n                onClick={onPress}\n                {...props}\n            >\n                {children}\n            </button>\n        );\n    },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","children","type","style","size","dataTestId","className","onPress","props","ref","jsx","cn","buttonStyles","textStyles","iconStyles"],"mappings":";;;;;;AAmEO,MAAMA,IAASC;AAAA,EAClB,CACI;AAAA,IACI,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,gBAAgBC,IAAa;AAAA,IAC7B,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU,MAAM;AAAA,IAAC;AAAA,IACjB,GAAGC;AAAA,KAEPC,MAGI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAD;AAAA,MACA,MAAAP;AAAA,MACA,gBAAcG;AAAA,MACd,WAAWM;AAAA,QACPC,EAAa,EAAE,MAAAR,GAAM,OAAAD,GAAO,GAAGK,GAAO;AAAA,QACtCK,EAAW,EAAE,OAAAV,GAAO,GAAGK,GAAO;AAAA,QAC9BM,EAAW,EAAE,OAAAX,GAAO,GAAGK,GAAO;AAAA,QAC9BF;AAAA,MACJ;AAAA,MACA,SAASC;AAAA,MACR,GAAGC;AAAA,MAEH,UAAAP;AAAA,IAAA;AAAA,EAAA;AAIjB;AAEAF,EAAO,cAAc;"}

package/dist/fondue-components30.js

@@ -0,0 +1,11 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import m from "./fondue-components31.js";
+const t = ({ children: e, name: o, "data-test-id": r = "fondue-select-slot", ...a }, s) => /* @__PURE__ */ l("div", { "data-test-id": r, ref: s, className: m.slot, "data-name": o, ...a, children: e });
+t.displayName = "Select.Slot";
+const S = d(t);
+export {
+  S as ForwardedRefSelectSlot,
+  t as SelectSlot
+};
+//# sourceMappingURL=fondue-components30.js.map

package/dist/fondue-components30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components30.js","sources":["../src/components/Select/SelectSlot.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ForwardedRef, type ReactNode } from 'react';\n\nimport styles from './styles/select.module.scss';\n\nexport type SelectSlotProps = {\n    /**\n     * The children of the select slot. This can be a custom component.\n     */\n    children?: ReactNode;\n    /**\n     * The slot name that is used to determine the placement.\n     */\n    name: 'menu' | 'left' | 'right' | 'clear';\n    /**\n     * The data test id of the select slot.\n     */\n    'data-test-id'?: string;\n};\n\nexport const SelectSlot = (\n    { children, name, 'data-test-id': dataTestId = 'fondue-select-slot', ...props }: SelectSlotProps,\n    forwardedRef: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div data-test-id={dataTestId} ref={forwardedRef} className={styles.slot} data-name={name} {...props}>\n            {children}\n        </div>\n    );\n};\nSelectSlot.displayName = 'Select.Slot';\n\nexport const ForwardedRefSelectSlot = forwardRef<HTMLDivElement, SelectSlotProps>(SelectSlot);\n"],"names":["SelectSlot","children","name","dataTestId","props","forwardedRef","jsx","styles","ForwardedRefSelectSlot","forwardRef"],"mappings":";;;AAqBa,MAAAA,IAAa,CACtB,EAAE,UAAAC,GAAU,MAAAC,GAAM,gBAAgBC,IAAa,sBAAsB,GAAGC,EAAM,GAC9EC,MAGK,gBAAAC,EAAA,OAAA,EAAI,gBAAcH,GAAY,KAAKE,GAAc,WAAWE,EAAO,MAAM,aAAWL,GAAO,GAAGE,GAC1F,UAAAH,EACL,CAAA;AAGRD,EAAW,cAAc;AAEZ,MAAAQ,IAAyBC,EAA4CT,CAAU;"}

package/dist/fondue-components31.js

@@ -0,0 +1,24 @@
+const t = "_root_1j875_5", _ = "_input_1j875_57", o = "_slot_1j875_76", c = "_clear_1j875_125", n = "_caret_1j875_138", r = "_menu_1j875_158", s = "_portal_1j875_171", e = "_item_1j875_175", a = "_group_1j875_193", l = {
+  root: t,
+  input: _,
+  slot: o,
+  clear: c,
+  caret: n,
+  menu: r,
+  portal: s,
+  item: e,
+  group: a
+};
+export {
+  n as caret,
+  c as clear,
+  l as default,
+  a as group,
+  _ as input,
+  e as item,
+  r as menu,
+  s as portal,
+  t as root,
+  o as slot
+};
+//# sourceMappingURL=fondue-components31.js.map

package/dist/fondue-components31.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/fondue-components32.js

@@ -0,0 +1,59 @@
+import { jsx as g } from "react/jsx-runtime";
+import { IconCross as w } from "@frontify/fondue-icons";
+import { useState as x, useMemo as S, Children as f, isValidElement as u, cloneElement as B, useCallback as E } from "react";
+import { ForwardedRefSelectItem as I } from "./fondue-components28.js";
+import { ForwardedRefSelectSlot as c } from "./fondue-components30.js";
+import { getSelectOptionValue as v } from "./fondue-components38.js";
+const i = (s) => {
+  const t = [];
+  return f.forEach(s, (o) => {
+    if (u(o) && o.type === I)
+      t.push(v(o.props));
+    else if (u(o) && o.props.children) {
+      const l = i(o.props.children);
+      for (const a of l)
+        t.push(a);
+    }
+  }), t;
+}, k = (s) => {
+  const [t, o] = x(""), { inputSlots: l, menuSlots: a, itemValues: p, clearButton: V } = S(() => {
+    const r = [], n = [];
+    let m;
+    return f.toArray(s).some(
+      (e) => u(e) && e.type === c
+    ) ? (f.forEach(s, (e) => {
+      u(e) && e.type === c && (e.props.name === "menu" ? n.push(e.props.children) : e.props.name === "left" || e.props.name === "right" ? r.push(e) : e.props.name === "clear" && (e.props.children ? m = e : m = B(e, { children: /* @__PURE__ */ g(w, { size: 16 }) })));
+    }), {
+      inputSlots: r,
+      menuSlots: n,
+      clearButton: m,
+      itemValues: i(n)
+    }) : {
+      menuSlots: s,
+      inputSlots: [],
+      itemValues: i(s)
+    };
+  }, [s]), y = S(
+    () => p.filter(
+      (r) => t === "" || r.label.toLowerCase().includes(t.toLowerCase())
+    ),
+    [p, t]
+  ), C = E(
+    (r) => r ? p.find((n) => n.value === r) : void 0,
+    [p]
+  );
+  return {
+    inputSlots: l,
+    menuSlots: a,
+    clearButton: V,
+    setFilterText: o,
+    filterText: t,
+    items: y,
+    getItemByValue: C
+  };
+};
+export {
+  i as getRecursiveOptionValues,
+  k as useSelectData
+};
+//# sourceMappingURL=fondue-components32.js.map

package/dist/fondue-components32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components32.js","sources":["../src/components/Select/useSelectData.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\nimport { Children, cloneElement, isValidElement, useCallback, useMemo, useState, type ReactNode } from 'react';\n\nimport { ForwardedRefSelectItem, type SelectItemProps } from './SelectItem';\nimport { ForwardedRefSelectSlot, type SelectSlotProps } from './SelectSlot';\nimport { getSelectOptionValue } from './utils';\n\nexport type SelectItemType = {\n    value: string;\n    label: string;\n};\n\nexport const getRecursiveOptionValues = (children: ReactNode): { value: string; label: string }[] => {\n    const values: { value: string; label: string }[] = [];\n    Children.forEach(children, (child) => {\n        if (isValidElement<SelectItemProps>(child) && child.type === ForwardedRefSelectItem) {\n            values.push(getSelectOptionValue(child.props));\n        } else if (isValidElement<{ children: ReactNode }>(child) && child.props.children) {\n            const optionValues = getRecursiveOptionValues(child.props.children);\n            for (const optionValue of optionValues) {\n                values.push(optionValue);\n            }\n        }\n    });\n    return values;\n};\n\nexport const useSelectData = (children: ReactNode) => {\n    const [filterText, setFilterText] = useState('');\n    const { inputSlots, menuSlots, itemValues, clearButton } = useMemo(() => {\n        const inputSlots: ReactNode[] = [];\n        const menuSlots: ReactNode[] = [];\n        let clearButton: ReactNode;\n        const hasSlots = Children.toArray(children).some(\n            (child) => isValidElement<SelectSlotProps>(child) && child.type === ForwardedRefSelectSlot,\n        );\n\n        if (hasSlots) {\n            Children.forEach(children, (child) => {\n                if (isValidElement<SelectSlotProps>(child) && child.type === ForwardedRefSelectSlot) {\n                    if (child.props.name === 'menu') {\n                        menuSlots.push(child.props.children);\n                    } else if (child.props.name === 'left' || child.props.name === 'right') {\n                        inputSlots.push(child);\n                    } else if (child.props.name === 'clear') {\n                        if (child.props.children) {\n                            clearButton = child;\n                        } else {\n                            clearButton = cloneElement(child, { children: <IconCross size={16} /> });\n                        }\n                    }\n                }\n            });\n\n            return {\n                inputSlots,\n                menuSlots,\n                clearButton,\n                itemValues: getRecursiveOptionValues(menuSlots),\n            };\n        } else {\n            return {\n                menuSlots: children,\n                inputSlots: [],\n                itemValues: getRecursiveOptionValues(children),\n            };\n        }\n    }, [children]);\n\n    const filteredItems = useMemo(\n        () =>\n            itemValues.filter(\n                (item) => filterText === '' || item.label.toLowerCase().includes(filterText.toLowerCase()),\n            ),\n        [itemValues, filterText],\n    );\n\n    const getItemByValue = useCallback(\n        (value?: string) => (value ? itemValues.find((item) => item.value === value) : undefined),\n        [itemValues],\n    );\n\n    return {\n        inputSlots,\n        menuSlots,\n        clearButton,\n        setFilterText,\n        filterText,\n        items: filteredItems,\n        getItemByValue,\n    };\n};\n"],"names":["getRecursiveOptionValues","children","values","Children","child","isValidElement","ForwardedRefSelectItem","getSelectOptionValue","optionValues","optionValue","useSelectData","filterText","setFilterText","useState","inputSlots","menuSlots","itemValues","clearButton","useMemo","ForwardedRefSelectSlot","cloneElement","IconCross","filteredItems","item","getItemByValue","useCallback","value"],"mappings":";;;;;;AAca,MAAAA,IAA2B,CAACC,MAA4D;AACjG,QAAMC,IAA6C,CAAA;AAC1C,SAAAC,EAAA,QAAQF,GAAU,CAACG,MAAU;AAClC,QAAIC,EAAgCD,CAAK,KAAKA,EAAM,SAASE;AACzD,MAAAJ,EAAO,KAAKK,EAAqBH,EAAM,KAAK,CAAC;AAAA,aACtCC,EAAwCD,CAAK,KAAKA,EAAM,MAAM,UAAU;AAC/E,YAAMI,IAAeR,EAAyBI,EAAM,MAAM,QAAQ;AAClE,iBAAWK,KAAeD;AACtB,QAAAN,EAAO,KAAKO,CAAW;AAAA,IAE/B;AAAA,EAAA,CACH,GACMP;AACX,GAEaQ,IAAgB,CAACT,MAAwB;AAClD,QAAM,CAACU,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzC,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,aAAAC,EAAY,IAAIC,EAAQ,MAAM;AACrE,UAAMJ,IAA0B,CAAA,GAC1BC,IAAyB,CAAA;AAC3BE,QAAAA;AAKJ,WAJiBd,EAAS,QAAQF,CAAQ,EAAE;AAAA,MACxC,CAACG,MAAUC,EAAgCD,CAAK,KAAKA,EAAM,SAASe;AAAA,IAAA,KAI3DhB,EAAA,QAAQF,GAAU,CAACG,MAAU;AAClC,MAAIC,EAAgCD,CAAK,KAAKA,EAAM,SAASe,MACrDf,EAAM,MAAM,SAAS,SACrBW,EAAU,KAAKX,EAAM,MAAM,QAAQ,IAC5BA,EAAM,MAAM,SAAS,UAAUA,EAAM,MAAM,SAAS,UAC3DU,EAAW,KAAKV,CAAK,IACdA,EAAM,MAAM,SAAS,YACxBA,EAAM,MAAM,WACZa,IAAcb,IAEda,IAAcG,EAAahB,GAAO,EAAE,4BAAWiB,GAAU,EAAA,MAAM,GAAI,CAAA,EAAI,CAAA;AAAA,IAGnF,CACH,GAEM;AAAA,MACH,YAAAP;AAAAA,MACA,WAAAC;AAAAA,MACA,aAAAE;AAAAA,MACA,YAAYjB,EAAyBe,CAAS;AAAA,IAAA,KAG3C;AAAA,MACH,WAAWd;AAAA,MACX,YAAY,CAAC;AAAA,MACb,YAAYD,EAAyBC,CAAQ;AAAA,IAAA;AAAA,EAErD,GACD,CAACA,CAAQ,CAAC,GAEPqB,IAAgBJ;AAAA,IAClB,MACIF,EAAW;AAAA,MACP,CAACO,MAASZ,MAAe,MAAMY,EAAK,MAAM,YAAA,EAAc,SAASZ,EAAW,aAAa;AAAA,IAC7F;AAAA,IACJ,CAACK,GAAYL,CAAU;AAAA,EAAA,GAGrBa,IAAiBC;AAAA,IACnB,CAACC,MAAoBA,IAAQV,EAAW,KAAK,CAACO,MAASA,EAAK,UAAUG,CAAK,IAAI;AAAA,IAC/E,CAACV,CAAU;AAAA,EAAA;AAGR,SAAA;AAAA,IACH,YAAAF;AAAA,IACA,WAAAC;AAAA,IACA,aAAAE;AAAA,IACA,eAAAL;AAAA,IACA,YAAAD;AAAA,IACA,OAAOW;AAAA,IACP,gBAAAE;AAAA,EAAA;AAER;"}

package/dist/fondue-components33.js

@@ -0,0 +1,21 @@
+const o = "_root_1gp0a_5", t = "_input_1gp0a_53", s = "_slot_1gp0a_72", _ = "_iconSuccess_1gp0a_122", n = "_iconError_1gp0a_130", c = "_loadingStatus_1gp0a_138", a = "_spin_1gp0a_1", i = {
+  root: o,
+  input: t,
+  slot: s,
+  iconSuccess: _,
+  iconError: n,
+  loadingStatus: c,
+  spin: a,
+  "tw-dark": "_tw-dark_1gp0a_170"
+};
+export {
+  i as default,
+  n as iconError,
+  _ as iconSuccess,
+  t as input,
+  c as loadingStatus,
+  o as root,
+  s as slot,
+  a as spin
+};
+//# sourceMappingURL=fondue-components33.js.map

package/dist/fondue-components33.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components33.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/fondue-components34.js

@@ -0,0 +1,18 @@
+import { sv as t } from "./fondue-components15.js";
+const o = t({
+  base: "tw-bg-box-neutral-mighty tw-text-box-neutral-mighty-inverse tw-rounded tw-max-w-48 tw-text-sm tw-overflow-hidden",
+  variants: {
+    padding: {
+      spacious: "tw-px-3 tw-py-2",
+      compact: "tw-px-2 tw-py-1"
+    }
+  },
+  defaultVariants: {
+    padding: "spacious"
+  }
+}), e = "tw-w-2 tw-h-2 tw-bg-box-neutral-mighty tw-border-r tw-border-b tw-border-r-line-mighty tw-border-b-line-mighty tw-rotate-45 -tw-translate-y-1 tw-rounded-br-small";
+export {
+  e as tooltipArrowStyles,
+  o as tooltipContentStyles
+};
+//# sourceMappingURL=fondue-components34.js.map

package/dist/fondue-components34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components34.js","sources":["../src/components/Tooltip/styles/tooltipStyles.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { sv } from '#/utilities/styleUtilities';\n\nexport const tooltipContentStyles = sv({\n    base: 'tw-bg-box-neutral-mighty tw-text-box-neutral-mighty-inverse tw-rounded tw-max-w-48 tw-text-sm tw-overflow-hidden',\n    variants: {\n        padding: {\n            spacious: 'tw-px-3 tw-py-2',\n            compact: 'tw-px-2 tw-py-1',\n        },\n    },\n    defaultVariants: {\n        padding: 'spacious',\n    },\n});\n\nexport const tooltipArrowStyles =\n    'tw-w-2 tw-h-2 tw-bg-box-neutral-mighty tw-border-r tw-border-b tw-border-r-line-mighty tw-border-b-line-mighty tw-rotate-45 -tw-translate-y-1 tw-rounded-br-small';\n"],"names":["tooltipContentStyles","sv","tooltipArrowStyles"],"mappings":";AAIO,MAAMA,IAAuBC,EAAG;AAAA,EACnC,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EACA,iBAAiB;AAAA,IACb,SAAS;AAAA,EACb;AACJ,CAAC,GAEYC,IACT;"}

package/dist/fondue-components35.js

@@ -0,0 +1,5 @@
+const t = "focus-visible:tw-outline has-[[data-show-focus-ring=true]]:tw-outline tw-outline-4 tw-outline-offset-2 tw-outline-blue";
+export {
+  t as FOCUS_OUTLINE
+};
+//# sourceMappingURL=fondue-components35.js.map

package/dist/fondue-components35.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components35.js","sources":["../src/utilities/focusStyle.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const FOCUS_OUTLINE =\n    'focus-visible:tw-outline has-[[data-show-focus-ring=true]]:tw-outline tw-outline-4 tw-outline-offset-2 tw-outline-blue';\n"],"names":["FOCUS_OUTLINE"],"mappings":"AAEO,MAAMA,IACT;"}