@frontify/fondue-components 1.3.5 → 1.5.0

package/dist/fondue-components27.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components27.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/index.js"],"sourcesContent":["import { e, b, g, c, f, a, h } from './chunk-JXBJZR5A.js';\nimport { twMerge, extendTailwindMerge } from 'tailwind-merge';\n\nvar ie={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},_=s=>s||void 0,M=(...s)=>_(e(s).filter(Boolean).join(\" \")),R=null,v={},q=!1,j=(...s)=>b$1=>b$1.twMerge?((!R||q)&&(q=!1,R=b(v)?twMerge:extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),_(R(M(s)))):M(s),Z=(s,b)=>{for(let e in b)s.hasOwnProperty(e)?s[e]=M(s[e],b[e]):s[e]=b[e];return s},ce=(s,b$1)=>{let{extend:e=null,slots:N={},variants:F={},compoundVariants:U=[],compoundSlots:C=[],defaultVariants:W={}}=s,m={...ie,...b$1},S=e!=null&&e.base?M(e.base,s==null?void 0:s.base):s==null?void 0:s.base,g$1=e!=null&&e.variants&&!b(e.variants)?g(F,e.variants):F,A=e!=null&&e.defaultVariants&&!b(e.defaultVariants)?{...e.defaultVariants,...W}:W;!b(m.twMergeConfig)&&!c(m.twMergeConfig,v)&&(q=!0,v=m.twMergeConfig);let O=b(e==null?void 0:e.slots),$=b(N)?{}:{base:M(s==null?void 0:s.base,O&&(e==null?void 0:e.base)),...N},w=O?$:Z({...e==null?void 0:e.slots},b($)?{base:s==null?void 0:s.base}:$),h$1=b(e==null?void 0:e.compoundVariants)?U:f(e==null?void 0:e.compoundVariants,U),V=f=>{if(b(g$1)&&b(N)&&O)return j(S,f==null?void 0:f.class,f==null?void 0:f.className)(m);if(h$1&&!Array.isArray(h$1))throw new TypeError(`The \"compoundVariants\" prop must be an array. Received: ${typeof h$1}`);if(C&&!Array.isArray(C))throw new TypeError(`The \"compoundSlots\" prop must be an array. Received: ${typeof C}`);let K=(t,n,a=[],i)=>{let r=a;if(typeof n==\"string\")r=r.concat(h(n).split(\" \").map(o=>`${t}:${o}`));else if(Array.isArray(n))r=r.concat(n.reduce((o,c)=>o.concat(`${t}:${c}`),[]));else if(typeof n==\"object\"&&typeof i==\"string\"){for(let o in n)if(n.hasOwnProperty(o)&&o===i){let c=n[o];if(c&&typeof c==\"string\"){let l=h(c);r[i]?r[i]=r[i].concat(l.split(\" \").map(u=>`${t}:${u}`)):r[i]=l.split(\" \").map(u=>`${t}:${u}`);}else Array.isArray(c)&&c.length>0&&(r[i]=c.reduce((l,u)=>l.concat(`${t}:${u}`),[]));}}return r},z=(t,n=g$1,a$1=null,i=null)=>{var J;let r=n[t];if(!r||b(r))return null;let o=(J=i==null?void 0:i[t])!=null?J:f==null?void 0:f[t];if(o===null)return null;let c=a(o),l=Array.isArray(m.responsiveVariants)&&m.responsiveVariants.length>0||m.responsiveVariants===!0,u=A==null?void 0:A[t],d=[];if(typeof c==\"object\"&&l)for(let[T,L]of Object.entries(c)){let ne=r[L];if(T===\"initial\"){u=L;continue}Array.isArray(m.responsiveVariants)&&!m.responsiveVariants.includes(T)||(d=K(T,ne,d,a$1));}let ae=c!=null&&typeof c!=\"object\"?c:a(u),k=r[ae||\"false\"];return typeof d==\"object\"&&typeof a$1==\"string\"&&d[a$1]?Z(d,k):d.length>0?(d.push(k),d):k},P=()=>g$1?Object.keys(g$1).map(t=>z(t,g$1)):null,p=(t,n)=>{if(!g$1||typeof g$1!=\"object\")return null;let a=new Array;for(let i in g$1){let r=z(i,g$1,t,n),o=t===\"base\"&&typeof r==\"string\"?r:r&&r[t];o&&(a[a.length]=o);}return a},D={};for(let t in f)f[t]!==void 0&&(D[t]=f[t]);let H=(t,n)=>{var i;let a=typeof(f==null?void 0:f[t])==\"object\"?{[t]:(i=f[t])==null?void 0:i.initial}:{};return {...A,...D,...a,...n}},I=(t=[],n)=>{let a=[];for(let{class:i,className:r,...o}of t){let c=!0;for(let[l,u]of Object.entries(o)){let d=H(l,n);if(Array.isArray(u)){if(!u.includes(d[l])){c=!1;break}}else if(d[l]!==u){c=!1;break}}c&&(i&&a.push(i),r&&a.push(r));}return a},ee=t=>{let n=I(h$1,t);if(!Array.isArray(n))return n;let a={};for(let i of n)if(typeof i==\"string\"&&(a.base=j(a.base,i)(m)),typeof i==\"object\")for(let[r,o]of Object.entries(i))a[r]=j(a[r],o)(m);return a},te=t=>{if(C.length<1)return null;let n={};for(let{slots:a=[],class:i,className:r,...o}of C){if(!b(o)){let c=!0;for(let l of Object.keys(o)){let u=H(l,t)[l];if(u===void 0||(Array.isArray(o[l])?!o[l].includes(u):o[l]!==u)){c=!1;break}}if(!c)continue}for(let c of a)n[c]=n[c]||[],n[c].push([i,r]);}return n};if(!b(N)||!O){let t={};if(typeof w==\"object\"&&!b(w))for(let n of Object.keys(w))t[n]=a=>{var i,r;return j(w[n],p(n,a),((i=ee(a))!=null?i:[])[n],((r=te(a))!=null?r:[])[n],a==null?void 0:a.class,a==null?void 0:a.className)(m)};return t}return j(S,P(),I(h$1),f==null?void 0:f.class,f==null?void 0:f.className)(m)},x=()=>{if(!(!g$1||typeof g$1!=\"object\"))return Object.keys(g$1)};return V.variantKeys=x(),V.extend=e,V.base=S,V.slots=w,V.variants=g$1,V.defaultVariants=A,V.compoundSlots=C,V.compoundVariants=h$1,V},le=s=>(b,e)=>ce(b,e?g(s,e):s);\n\nexport { j as cn, M as cnBase, le as createTV, ie as defaultConfig, ce as tv, _ as voidEmpty };\n"],"names":["ie","_","M","e","R","v","q","j","b$1","b","twMerge","extendTailwindMerge","Z","ce","N","F","U","C","W","m","S","g$1","g","A","c","$","w","h$1","f","V","K","t","n","a","i","r","h","o","l","u","z","a$1","J","d","T","L","ne","ae","k","P","p","D","H","I","ee","te","x"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components27.js","sources":["../src/components/Select/Combobox.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown } from '@frontify/fondue-icons';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { Slot as RadixSlot } from '@radix-ui/react-slot';\nimport { useCombobox } from 'downshift';\nimport { forwardRef, useMemo, useRef, type ForwardedRef, type ReactNode } from 'react';\n\nimport { SelectMenu } from './SelectMenu';\nimport styles from './styles/select.module.scss';\nimport { useSelectData } from './useSelectData';\n\nexport type ComboboxProps = {\n    /**\n     * Children of the Combobox component. This can contain the `Select.Slot` components for the label, decorators, clear action and menu.\n     */\n    children?: ReactNode;\n    /**\n     * Callback function that is called when an item is selected.\n     */\n    onSelect?: (selectedValue: string) => void;\n    /**\n     * The active value in the combobox component. This is used to control the combobox externally.\n     */\n    value?: string;\n    /**\n     * The default value of the combobox component. Used for uncontrolled usages.\n     */\n    defaultValue?: string;\n    /**\n     * The placeholder in the combobox component.\n     */\n    placeholder?: string;\n    /**\n     * Disables the combobox component.\n     */\n    disabled?: boolean;\n    /**\n     * The aria label of the combobox component.\n     */\n    'aria-label'?: string;\n    /**\n     * The data test id of the select component.\n     */\n    'data-test-id'?: string;\n};\n\nexport const SelectCombobox = (\n    {\n        children,\n        onSelect,\n        value,\n        defaultValue,\n        placeholder = '',\n        disabled,\n        'aria-label': ariaLabel,\n        'data-test-id': dataTestId = 'fondue-select-combobox',\n    }: ComboboxProps,\n    forwardedRef: ForwardedRef<HTMLDivElement>,\n) => {\n    const { inputSlots, menuSlots, items, filterText, clearButton, getItemByValue, setFilterText } =\n        useSelectData(children);\n\n    const defaultItem = getItemByValue(defaultValue);\n    const activeItem = getItemByValue(value);\n\n    const {\n        getInputProps,\n        getToggleButtonProps,\n        getMenuProps,\n        getItemProps,\n        reset,\n        isOpen,\n        highlightedIndex,\n        inputValue,\n    } = useCombobox({\n        items,\n        onSelectedItemChange: ({ selectedItem }) => {\n            onSelect && onSelect(selectedItem.value);\n        },\n        selectedItem: activeItem,\n        onInputValueChange: ({ inputValue }) => {\n            setFilterText(inputValue);\n        },\n        defaultSelectedItem: defaultItem,\n        defaultHighlightedIndex: 0,\n        itemToString: (item) => (item ? item.label : ''),\n    });\n\n    const wasClicked = useRef(false);\n    const valueInvalid = useMemo(\n        () => inputValue && !items.find((item) => item.label.toLowerCase().includes(inputValue.toLowerCase())),\n        [inputValue, items],\n    );\n\n    return (\n        <RadixPopover.Root open={isOpen}>\n            <RadixPopover.Anchor asChild>\n                <div ref={forwardedRef} className={styles.root} data-error={valueInvalid}>\n                    <input\n                        onMouseDown={(mouseEvent) => {\n                            wasClicked.current = true;\n                            mouseEvent.currentTarget.dataset.showFocusRing = 'false';\n                        }}\n                        placeholder={placeholder}\n                        {...getInputProps({\n                            'aria-label': ariaLabel,\n                        })}\n                        onFocus={(focusEvent) => {\n                            if (!wasClicked.current) {\n                                focusEvent.target.dataset.showFocusRing = 'true';\n                            }\n                        }}\n                        onBlur={(blurEvent) => {\n                            blurEvent.target.dataset.showFocusRing = 'false';\n                            wasClicked.current = false;\n                            if (getInputProps().onBlur) {\n                                getInputProps().onBlur?.(blurEvent);\n                            }\n                        }}\n                        className={styles.input}\n                        disabled={disabled}\n                        data-test-id={dataTestId}\n                    />\n                    {inputSlots}\n                    {clearButton && (\n                        <RadixSlot\n                            onClick={(event) => {\n                                event.stopPropagation();\n                                reset();\n                            }}\n                            className={styles.clear}\n                            role=\"button\"\n                        >\n                            {clearButton}\n                        </RadixSlot>\n                    )}\n                    <button\n                        type=\"button\"\n                        onMouseDown={() => {\n                            wasClicked.current = true;\n                        }}\n                        {...getToggleButtonProps()}\n                        aria-label=\"toggle menu\"\n                        disabled={disabled}\n                    >\n                        <IconCaretDown size={16} className={styles.caret} />\n                    </button>\n                </div>\n            </RadixPopover.Anchor>\n\n            <SelectMenu\n                highlightedIndex={highlightedIndex}\n                filterText={filterText}\n                getMenuProps={getMenuProps}\n                getItemProps={getItemProps}\n            >\n                {menuSlots}\n            </SelectMenu>\n        </RadixPopover.Root>\n    );\n};\nSelectCombobox.displayName = 'Select.Combobox';\n\nexport const ForwardedRefCombobox = forwardRef<HTMLDivElement, ComboboxProps>(SelectCombobox);\n"],"names":["SelectCombobox","children","onSelect","value","defaultValue","placeholder","disabled","ariaLabel","dataTestId","forwardedRef","inputSlots","menuSlots","items","filterText","clearButton","getItemByValue","setFilterText","useSelectData","defaultItem","activeItem","getInputProps","getToggleButtonProps","getMenuProps","getItemProps","reset","isOpen","highlightedIndex","inputValue","useCombobox","selectedItem","item","wasClicked","useRef","valueInvalid","useMemo","jsxs","RadixPopover","jsx","styles","mouseEvent","focusEvent","blurEvent","_b","_a","RadixSlot","event","IconCaretDown","SelectMenu","ForwardedRefCombobox","forwardRef"],"mappings":"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"}

package/dist/fondue-components28.js

@@ -1,5 +1,15 @@
-const t = "focus-visible:tw-outline has-[[data-show-focus-ring=true]]:tw-outline tw-outline-4 tw-outline-offset-2 tw-outline-blue";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import c from "./fondue-components31.js";
+const a = ({ "data-test-id": t = "fondue-select-item", ...e }, r) => /* @__PURE__ */ d("li", { "data-test-id": t, ref: r, ...e, children: e.children });
+a.displayName = "Select.Item";
+const n = o(a), m = ({ children: t, groupId: e, "data-test-id": r = "fondue-select-item-group" }, s) => /* @__PURE__ */ d("div", { "data-test-id": r, className: c.group, ref: s, children: t }, e);
+m.displayName = "Select.Group";
+const p = o(m);
 export {
-  t as FOCUS_OUTLINE
+  n as ForwardedRefSelectItem,
+  p as ForwardedRefSelectItemGroup,
+  a as SelectItem,
+  m as SelectItemGroup
 };
 //# sourceMappingURL=fondue-components28.js.map

package/dist/fondue-components28.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components28.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;"}
+{"version":3,"file":"fondue-components28.js","sources":["../src/components/Select/SelectItem.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 SelectItemProps = {\n    /**\n     * The value of the select item.\n     */\n    value: string;\n    /**\n     * The data test id of the select item.\n     */\n    'data-test-id'?: string;\n} & (\n    | {\n          /**\n           * The label of the select item. Required when the child is not a string.\n           */\n          label: string;\n          /**\n           * The children of the select item. This can be a custom component or a string.\n           */\n          children?: ReactNode;\n      }\n    | {\n          label?: string;\n          children: string;\n      }\n);\n\nexport const SelectItem = (\n    { 'data-test-id': dataTestId = 'fondue-select-item', ...props }: SelectItemProps,\n    forwardedRef?: ForwardedRef<HTMLLIElement>,\n) => {\n    return (\n        <li data-test-id={dataTestId} ref={forwardedRef} {...props}>\n            {props.children}\n        </li>\n    );\n};\nSelectItem.displayName = 'Select.Item';\n\nexport const ForwardedRefSelectItem = forwardRef<HTMLLIElement, SelectItemProps>(SelectItem);\n\nexport type SelectItemGroupProps = {\n    /**\n     * The children of the select item group. This can contain multiple `Select.Item` components.\n     */\n    children: ReactNode;\n    /**\n     * The internal group ID of the select item group.\n     */\n    groupId: string;\n    /**\n     * The data test id of the select item group.\n     */\n    'data-test-id'?: string;\n};\n\nexport const SelectItemGroup = (\n    { children, groupId, 'data-test-id': dataTestId = 'fondue-select-item-group' }: SelectItemGroupProps,\n    forwardedRef?: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div data-test-id={dataTestId} className={styles.group} ref={forwardedRef} key={groupId}>\n            {children}\n        </div>\n    );\n};\nSelectItemGroup.displayName = 'Select.Group';\n\nexport const ForwardedRefSelectItemGroup = forwardRef<HTMLDivElement, SelectItemGroupProps>(SelectItemGroup);\n"],"names":["SelectItem","dataTestId","props","forwardedRef","jsx","ForwardedRefSelectItem","forwardRef","SelectItemGroup","children","groupId","styles","ForwardedRefSelectItemGroup"],"mappings":";;;AAgCa,MAAAA,IAAa,CACtB,EAAE,gBAAgBC,IAAa,sBAAsB,GAAGC,EAAM,GAC9DC,MAGI,gBAAAC,EAAC,QAAG,gBAAcH,GAAY,KAAKE,GAAe,GAAGD,GAChD,UAAAA,EAAM,SACX,CAAA;AAGRF,EAAW,cAAc;AAEZ,MAAAK,IAAyBC,EAA2CN,CAAU,GAiB9EO,IAAkB,CAC3B,EAAE,UAAAC,GAAU,SAAAC,GAAS,gBAAgBR,IAAa,2BAA2B,GAC7EE,MAGI,gBAAAC,EAAC,OAAI,EAAA,gBAAcH,GAAY,WAAWS,EAAO,OAAO,KAAKP,GACxD,UAAAK,EAAA,GAD2EC,CAEhF;AAGRF,EAAgB,cAAc;AAEjB,MAAAI,IAA8BL,EAAiDC,CAAe;"}

package/dist/fondue-components29.js

@@ -1,32 +1,41 @@
-var p = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, u = (t) => !t || typeof t != "object" || Object.keys(t).length === 0, b = (t, e) => JSON.stringify(t) === JSON.stringify(e);
-function n(t, e) {
-  t.forEach(function(s) {
-    Array.isArray(s) ? n(s, e) : e.push(s);
-  });
-}
-function y(t) {
-  let e = [];
-  return n(t, e), e;
-}
-var c = (...t) => y(t).filter(Boolean), l = (t, e) => {
-  let s = {}, o = Object.keys(t), i = Object.keys(e);
-  for (let r of o)
-    if (i.includes(r)) {
-      let a = t[r], f = e[r];
-      typeof a == "object" && typeof f == "object" ? s[r] = l(a, f) : Array.isArray(a) || Array.isArray(f) ? s[r] = c(f, a) : s[r] = f + " " + a;
-    } else
-      s[r] = t[r];
-  for (let r of i)
-    o.includes(r) || (s[r] = e[r]);
-  return s;
-}, g = (t) => !t || typeof t != "string" ? t : t.replace(/\s+/g, " ").trim();
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-popover";
+import { Slot as u } from "@radix-ui/react-slot";
+import { isValidElement as f } from "react";
+import t from "./fondue-components31.js";
+import { recursiveMap as c, getSelectOptionValue as d } from "./fondue-components38.js";
+const v = ({ highlightedIndex: l, getMenuProps: s, getItemProps: m, children: n, filterText: p }) => /* @__PURE__ */ r(i.Portal, { children: /* @__PURE__ */ r(
+  i.Content,
+  {
+    onOpenAutoFocus: (e) => {
+      e.preventDefault();
+    },
+    className: t.portal,
+    children: /* @__PURE__ */ r("ul", { className: t.menu, ...s(), role: "dialog", children: c(
+      n,
+      (e, o) => {
+        if (((a) => f(a) && a.ref !== void 0)(e))
+          return /* @__PURE__ */ r(
+            u,
+            {
+              className: t.item,
+              "data-highlighted": l === o,
+              ...m({
+                item: d(e.props),
+                index: o,
+                ...e.ref ? { ref: e.ref } : {}
+              }),
+              children: e
+            },
+            `${e.props.value}`
+          );
+      },
+      p
+    ).parsedChildren })
+  }
+) });
+v.displayName = "Select.Menu";
 export {
-  p as a,
-  u as b,
-  b as c,
-  y as e,
-  c as f,
-  l as g,
-  g as h
+  v as SelectMenu
 };
 //# sourceMappingURL=fondue-components29.js.map

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,9 +1,9 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { cn as c } from "./fondue-components13.js";
-import { buttonStyles as s } from "./fondue-components14.js";
-import { iconStyles as b } from "./fondue-components15.js";
-import { textStyles as l } from "./fondue-components16.js";
+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,

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;"}