@frontify/fondue-components 7.0.0 → 7.0.1

package/dist/fondue-components28.js

@@ -1,4 +1,4 @@
-import { FOCUS_OUTLINE as t } from "./fondue-components66.js";
+import { FOCUS_OUTLINE as t } from "./fondue-components67.js";
 import { sv as e } from "./fondue-components27.js";
 const o = e({
   base: `tw-group tw-relative tw-flex tw-flex-row tw-gap-2 tw-items-center tw-justify-center tw-cursor-pointer tw-font-body tw-font-medium ${t}`,

package/dist/fondue-components3.js

@@ -1,33 +1,36 @@
 import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 import { propsToCssVariables as n } from "./fondue-components25.js";
 import x from "./fondue-components26.js";
-const y = ({
-  as: a = "div",
-  "data-test-id": e = "fondue-box",
-  children: r,
-  role: i,
-  "aria-label": d,
-  "aria-hidden": s,
-  "aria-describedby": o,
-  "aria-labelledby": l,
-  "aria-expanded": p,
-  "aria-haspopup": t,
-  ...b
-}) => /* @__PURE__ */ m(
-  a,
-  {
-    className: x.root,
-    "data-test-id": e,
-    style: n(b),
+const y = f(
+  ({
+    as: a = "div",
+    "data-test-id": r = "fondue-box",
+    children: e,
     role: i,
     "aria-label": d,
-    "aria-hidden": s,
-    "aria-describedby": o,
-    "aria-labelledby": l,
-    "aria-expanded": p,
-    "aria-haspopup": t,
-    children: r
-  }
+    "aria-hidden": o,
+    "aria-describedby": s,
+    "aria-labelledby": p,
+    "aria-expanded": t,
+    "aria-haspopup": l,
+    ...b
+  }) => /* @__PURE__ */ m(
+    a,
+    {
+      className: x.root,
+      "data-test-id": r,
+      style: n(b),
+      role: i,
+      "aria-label": d,
+      "aria-hidden": o,
+      "aria-describedby": s,
+      "aria-labelledby": p,
+      "aria-expanded": t,
+      "aria-haspopup": l,
+      children: e
+    }
+  )
 );
 y.displayName = "Box";
 export {

package/dist/fondue-components3.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components3.js","sources":["../src/components/Box/Box.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { type Responsive, type LayoutComponentProps } from '#/helpers/layout';\nimport { propsToCssVariables } from '#/helpers/propsToCssVariables';\n\nimport styles from './styles/box.module.scss';\n\nexport type BoxProps = LayoutComponentProps & {\n    /**\n     * The element to render the Box component as.\n     * @default 'div'\n     */\n    as?: 'div' | 'span';\n    /**\n     * The display property.\n     * @default 'block'\n     */\n    display?: Responsive<'none' | 'block' | 'inline-block' | 'inline'>;\n\n    children?: ReactNode;\n    'data-test-id'?: string;\n} & CommonAriaProps;\n\nexport const Box = ({\n    as: Component = 'div',\n    'data-test-id': dataTestId = 'fondue-box',\n    children,\n    role,\n    'aria-label': ariaLabel,\n    'aria-hidden': ariaHidden,\n    'aria-describedby': ariaDescribedBy,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    ...props\n}: BoxProps) => {\n    return (\n        <Component\n            className={styles.root}\n            data-test-id={dataTestId}\n            style={propsToCssVariables(props)}\n            role={role}\n            aria-label={ariaLabel}\n            aria-hidden={ariaHidden}\n            aria-describedby={ariaDescribedBy}\n            aria-labelledby={ariaLabelledBy}\n            aria-expanded={ariaExpanded}\n            aria-haspopup={ariaHasPopup}\n        >\n            {children}\n        </Component>\n    );\n};\nBox.displayName = 'Box';\n"],"names":["Box","Component","dataTestId","children","role","ariaLabel","ariaHidden","ariaDescribedBy","ariaLabelledBy","ariaExpanded","ariaHasPopup","props","jsx","styles","propsToCssVariables"],"mappings":";;;AA0BO,MAAMA,IAAM,CAAC;AAAA,EAChB,IAAIC,IAAY;AAAA,EAChB,gBAAgBC,IAAa;AAAA,EAC7B,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAcC;AAAA,EACd,eAAeC;AAAA,EACf,oBAAoBC;AAAA,EACpB,mBAAmBC;AAAA,EACnB,iBAAiBC;AAAA,EACjB,iBAAiBC;AAAA,EACjB,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACX;AAAA,EAAA;AAAA,IACG,WAAWY,EAAO;AAAA,IAClB,gBAAcX;AAAA,IACd,OAAOY,EAAoBH,CAAK;AAAA,IAChC,MAAAP;AAAA,IACA,cAAYC;AAAA,IACZ,eAAaC;AAAA,IACb,oBAAkBC;AAAA,IAClB,mBAAiBC;AAAA,IACjB,iBAAeC;AAAA,IACf,iBAAeC;AAAA,IAEd,UAAAP;AAAA,EAAA;AACL;AAGRH,EAAI,cAAc;"}
+{"version":3,"file":"fondue-components3.js","sources":["../src/components/Box/Box.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { type Responsive, type LayoutComponentProps } from '#/helpers/layout';\nimport { propsToCssVariables } from '#/helpers/propsToCssVariables';\n\nimport styles from './styles/box.module.scss';\n\nexport type BoxProps = LayoutComponentProps & {\n    /**\n     * The element to render the Box component as.\n     * @default 'div'\n     */\n    as?: 'div' | 'span';\n    /**\n     * The display property.\n     * @default 'block'\n     */\n    display?: Responsive<'none' | 'block' | 'inline-block' | 'inline'>;\n\n    children?: ReactNode;\n    'data-test-id'?: string;\n} & CommonAriaProps;\n\nexport const Box = forwardRef<HTMLDivElement, BoxProps>(\n    ({\n        as: Component = 'div',\n        'data-test-id': dataTestId = 'fondue-box',\n        children,\n        role,\n        'aria-label': ariaLabel,\n        'aria-hidden': ariaHidden,\n        'aria-describedby': ariaDescribedBy,\n        'aria-labelledby': ariaLabelledBy,\n        'aria-expanded': ariaExpanded,\n        'aria-haspopup': ariaHasPopup,\n        ...props\n    }: BoxProps) => {\n        return (\n            <Component\n                className={styles.root}\n                data-test-id={dataTestId}\n                style={propsToCssVariables(props)}\n                role={role}\n                aria-label={ariaLabel}\n                aria-hidden={ariaHidden}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy}\n                aria-expanded={ariaExpanded}\n                aria-haspopup={ariaHasPopup}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\nBox.displayName = 'Box';\n"],"names":["Box","forwardRef","Component","dataTestId","children","role","ariaLabel","ariaHidden","ariaDescribedBy","ariaLabelledBy","ariaExpanded","ariaHasPopup","props","jsx","styles","propsToCssVariables"],"mappings":";;;;AA0BO,MAAMA,IAAMC;AAAA,EACf,CAAC;AAAA,IACG,IAAIC,IAAY;AAAA,IAChB,gBAAgBC,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAcC;AAAA,IACd,eAAeC;AAAA,IACf,oBAAoBC;AAAA,IACpB,mBAAmBC;AAAA,IACnB,iBAAiBC;AAAA,IACjB,iBAAiBC;AAAA,IACjB,GAAGC;AAAA,EAAA,MAGC,gBAAAC;AAAA,IAACX;AAAA,IAAA;AAAA,MACG,WAAWY,EAAO;AAAA,MAClB,gBAAcX;AAAA,MACd,OAAOY,EAAoBH,CAAK;AAAA,MAChC,MAAAP;AAAA,MACA,cAAYC;AAAA,MACZ,eAAaC;AAAA,MACb,oBAAkBC;AAAA,MAClB,mBAAiBC;AAAA,MACjB,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MAEd,UAAAP;AAAA,IAAA;AAAA,EACL;AAGZ;AACAJ,EAAI,cAAc;"}

package/dist/fondue-components31.js

@@ -1,4 +1,4 @@
-import { FOCUS_OUTLINE as t } from "./fondue-components66.js";
+import { FOCUS_OUTLINE as t } from "./fondue-components67.js";
 import { sv as e } from "./fondue-components27.js";
 const s = e({
   base: `tw-peer tw-relative tw-inline-flex tw-bg-base tw-text-white tw-shrink-0 tw-rounded tw-border tw-border-line-x-strong group-hover:tw-border-line-xx-strong hover:tw-border-line-xx-strong tw-transition-colors data-[state="checked"]:tw-border-transparent data-[state="indeterminate"]:tw-border-transparent disabled:tw-border-line-strong disabled:tw-bg-base disabled:tw-cursor-not-allowed data-[state="checked"]:disabled:tw-bg-box-disabled-strong ${t}`,

package/dist/fondue-components33.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as a, Fragment as p } from "react/jsx-runtime";
 import { IconDroplet as h, IconTrashBin as N, IconCaretDown as f } from "@frontify/fondue-icons";
 import { forwardRef as I } from "react";
-import e from "./fondue-components67.js";
+import e from "./fondue-components69.js";
 import { colorToCss as b } from "./fondue-components36.js";
 const o = ({
   id: c,

package/dist/fondue-components41.js

@@ -1,22 +1,21 @@
-const t = "_content_zlne2_5", n = "_subContent_zlne2_6", e = "_item_zlne2_19", o = "_subTrigger_zlne2_19", s = "_itemContent_zlne2_95", _ = "_subMenuIndicator_zlne2_106", u = "_group_zlne2_112", c = "_slot_zlne2_119", l = {
-  content: t,
-  subContent: n,
-  item: e,
-  subTrigger: o,
-  itemContent: s,
-  subMenuIndicator: _,
-  group: u,
-  slot: c
-};
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as c, isValidElement as r, cloneElement as i, Children as p } from "react";
+const o = (e) => {
+  const t = [];
+  for (const n of p.toArray(e))
+    r(n) ? t.push(n) : t.push(/* @__PURE__ */ s("span", { children: n }));
+  return t.length === 1 ? t[0] : t;
+}, u = (e) => c(() => {
+  const t = r(e) && e.type === "a";
+  if (t) {
+    const n = i(e, {
+      children: o(e.props.children)
+    });
+    return { isLink: t, content: n };
+  }
+  return { isLink: t, content: o(e) };
+}, [e]);
 export {
-  t as content,
-  l as default,
-  u as group,
-  e as item,
-  s as itemContent,
-  c as slot,
-  n as subContent,
-  _ as subMenuIndicator,
-  o as subTrigger
+  u as useProcessedChildren
 };
 //# sourceMappingURL=fondue-components41.js.map

package/dist/fondue-components41.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components41.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"fondue-components41.js","sources":["../src/components/Dropdown/hooks/useProcessedChildren.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Children, cloneElement, isValidElement, type ReactNode, useMemo } from 'react';\n\nconst wrapFloatingText = (children: ReactNode) => {\n    const content = [];\n    for (const child of Children.toArray(children)) {\n        if (isValidElement(child)) {\n            content.push(child);\n        } else {\n            content.push(<span>{child}</span>);\n        }\n    }\n    return content.length === 1 ? content[0] : content;\n};\n\nexport const useProcessedChildren = (children: ReactNode) => {\n    return useMemo(() => {\n        const isLink =\n            isValidElement<{\n                children: ReactNode;\n            }>(children) && children.type === 'a';\n\n        if (isLink) {\n            const element = cloneElement(children, {\n                children: wrapFloatingText(children.props.children),\n            });\n            return { isLink, content: element };\n        }\n\n        return { isLink, content: wrapFloatingText(children) };\n    }, [children]);\n};\n"],"names":["wrapFloatingText","children","content","child","Children","isValidElement","jsx","useProcessedChildren","useMemo","isLink","element","cloneElement"],"mappings":";;AAIA,MAAMA,IAAmB,CAACC,MAAwB;AAC9C,QAAMC,IAAU,CAAC;AACjB,aAAWC,KAASC,EAAS,QAAQH,CAAQ;AACrC,IAAAI,EAAeF,CAAK,IACpBD,EAAQ,KAAKC,CAAK,IAElBD,EAAQ,KAAK,gBAAAI,EAAC,QAAM,EAAA,UAAAH,EAAA,CAAM,CAAO;AAGzC,SAAOD,EAAQ,WAAW,IAAIA,EAAQ,CAAC,IAAIA;AAC/C,GAEaK,IAAuB,CAACN,MAC1BO,EAAQ,MAAM;AACjB,QAAMC,IACFJ,EAEGJ,CAAQ,KAAKA,EAAS,SAAS;AAEtC,MAAIQ,GAAQ;AACF,UAAAC,IAAUC,EAAaV,GAAU;AAAA,MACnC,UAAUD,EAAiBC,EAAS,MAAM,QAAQ;AAAA,IAAA,CACrD;AACM,WAAA,EAAE,QAAAQ,GAAQ,SAASC,EAAQ;AAAA,EAAA;AAGtC,SAAO,EAAE,QAAAD,GAAQ,SAAST,EAAiBC,CAAQ,EAAE;AAAA,GACtD,CAACA,CAAQ,CAAC;"}

package/dist/fondue-components42.js

@@ -1,8 +1,20 @@
-const o = "_root_gh190_5", t = {
-  root: o
+const t = "_content_bam12_5", n = "_subContent_bam12_6", o = "_item_bam12_19", s = "_subTrigger_bam12_19", _ = "_subMenuIndicator_bam12_101", e = "_group_bam12_107", b = "_slot_bam12_114", u = {
+  content: t,
+  subContent: n,
+  item: o,
+  subTrigger: s,
+  subMenuIndicator: _,
+  group: e,
+  slot: b
 };
 export {
-  t as default,
-  o as root
+  t as content,
+  u as default,
+  e as group,
+  o as item,
+  b as slot,
+  n as subContent,
+  _ as subMenuIndicator,
+  s as subTrigger
 };
 //# sourceMappingURL=fondue-components42.js.map

package/dist/fondue-components42.js.map

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

package/dist/fondue-components43.js

@@ -1,16 +1,8 @@
-const o = "_root_1elpk_5", e = "_header_1elpk_56", t = "_body_1elpk_76", _ = "_footer_1elpk_94", s = "_close_1elpk_114", l = {
-  root: o,
-  header: e,
-  body: t,
-  footer: _,
-  close: s
+const o = "_root_gh190_5", t = {
+  root: o
 };
 export {
-  t as body,
-  s as close,
-  l as default,
-  _ as footer,
-  e as header,
+  t as default,
   o as root
 };
 //# sourceMappingURL=fondue-components43.js.map

package/dist/fondue-components43.js.map

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

package/dist/fondue-components44.js

@@ -1,8 +1,18 @@
-const o = "_root_umks5_5", t = {
-  root: o
+const o = "_root_10vmk_5", e = "_overlay_10vmk_41", _ = "_header_10vmk_59", t = "_body_10vmk_79", r = "_footer_10vmk_97", s = "_close_10vmk_117", c = {
+  root: o,
+  overlay: e,
+  header: _,
+  body: t,
+  footer: r,
+  close: s
 };
 export {
-  t as default,
+  t as body,
+  s as close,
+  c as default,
+  r as footer,
+  _ as header,
+  e as overlay,
   o as root
 };
 //# sourceMappingURL=fondue-components44.js.map

package/dist/fondue-components44.js.map

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

package/dist/fondue-components45.js

@@ -1,38 +1,8 @@
-import { sv as t } from "./fondue-components27.js";
-const i = t({
-  base: "tw-relative tw-w-full tw-overflow-hidden",
-  variants: {
-    rounded: {
-      true: "tw-rounded"
-    },
-    size: {
-      small: "tw-h-1",
-      medium: "tw-h-2",
-      large: "tw-h-3",
-      "x-large": "tw-h-4"
-    },
-    variant: {
-      default: "tw-bg-box-selected",
-      positive: "tw-bg-box-positive",
-      negative: "tw-bg-box-negative"
-    }
-  }
-}), a = t({
-  base: "tw-h-full tw-w-full",
-  variants: {
-    variant: {
-      default: "tw-bg-text-interactive",
-      positive: "tw-bg-text-positive",
-      negative: "tw-bg-text-negative"
-    },
-    indeterminateState: {
-      true: "tw-animate-loading-bar-infinite tw-origin-left-right",
-      false: "tw-transition-all tw-origin-left tw-scale-x-[--loading-bar-proportion]"
-    }
-  }
-});
+const o = "_root_umks5_5", t = {
+  root: o
+};
 export {
-  i as loadingBarContainerStyles,
-  a as loadingBarStyles
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components45.js.map

package/dist/fondue-components45.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components45.js","sources":["../src/components/LoadingBar/styles/loadingBarStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { sv } from '#/utilities/styleUtilities';\n\nexport const loadingBarContainerStyles = sv({\n    base: 'tw-relative tw-w-full tw-overflow-hidden',\n    variants: {\n        rounded: {\n            true: 'tw-rounded',\n        },\n        size: {\n            small: 'tw-h-1',\n            medium: 'tw-h-2',\n            large: 'tw-h-3',\n            'x-large': 'tw-h-4',\n        },\n        variant: {\n            default: 'tw-bg-box-selected',\n            positive: 'tw-bg-box-positive',\n            negative: 'tw-bg-box-negative',\n        },\n    },\n});\n\nexport const loadingBarStyles = sv({\n    base: 'tw-h-full tw-w-full',\n    variants: {\n        variant: {\n            default: 'tw-bg-text-interactive',\n            positive: 'tw-bg-text-positive',\n            negative: 'tw-bg-text-negative',\n        },\n        indeterminateState: {\n            true: 'tw-animate-loading-bar-infinite tw-origin-left-right',\n            false: 'tw-transition-all tw-origin-left tw-scale-x-[--loading-bar-proportion]',\n        },\n    },\n});\n"],"names":["loadingBarContainerStyles","sv","loadingBarStyles"],"mappings":";AAIO,MAAMA,IAA4BC,EAAG;AAAA,EACxC,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,EACd;AAER,CAAC,GAEYC,IAAmBD,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IACd;AAAA,IACA,oBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACX;AAER,CAAC;"}
+{"version":3,"file":"fondue-components45.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/fondue-components46.js

@@ -1,16 +1,38 @@
-const o = "_root_uxsne_3", r = "_viewport_uxsne_10", t = "_scrollbar_uxsne_19", s = "_thumb_uxsne_51", _ = "_corner_uxsne_69", e = {
-  root: o,
-  viewport: r,
-  scrollbar: t,
-  thumb: s,
-  corner: _
-};
+import { sv as t } from "./fondue-components27.js";
+const i = t({
+  base: "tw-relative tw-w-full tw-overflow-hidden",
+  variants: {
+    rounded: {
+      true: "tw-rounded"
+    },
+    size: {
+      small: "tw-h-1",
+      medium: "tw-h-2",
+      large: "tw-h-3",
+      "x-large": "tw-h-4"
+    },
+    variant: {
+      default: "tw-bg-box-selected",
+      positive: "tw-bg-box-positive",
+      negative: "tw-bg-box-negative"
+    }
+  }
+}), a = t({
+  base: "tw-h-full tw-w-full",
+  variants: {
+    variant: {
+      default: "tw-bg-text-interactive",
+      positive: "tw-bg-text-positive",
+      negative: "tw-bg-text-negative"
+    },
+    indeterminateState: {
+      true: "tw-animate-loading-bar-infinite tw-origin-left-right",
+      false: "tw-transition-all tw-origin-left tw-scale-x-[--loading-bar-proportion]"
+    }
+  }
+});
 export {
-  _ as corner,
-  e as default,
-  o as root,
-  t as scrollbar,
-  s as thumb,
-  r as viewport
+  i as loadingBarContainerStyles,
+  a as loadingBarStyles
 };
 //# sourceMappingURL=fondue-components46.js.map

package/dist/fondue-components46.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components46.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"fondue-components46.js","sources":["../src/components/LoadingBar/styles/loadingBarStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { sv } from '#/utilities/styleUtilities';\n\nexport const loadingBarContainerStyles = sv({\n    base: 'tw-relative tw-w-full tw-overflow-hidden',\n    variants: {\n        rounded: {\n            true: 'tw-rounded',\n        },\n        size: {\n            small: 'tw-h-1',\n            medium: 'tw-h-2',\n            large: 'tw-h-3',\n            'x-large': 'tw-h-4',\n        },\n        variant: {\n            default: 'tw-bg-box-selected',\n            positive: 'tw-bg-box-positive',\n            negative: 'tw-bg-box-negative',\n        },\n    },\n});\n\nexport const loadingBarStyles = sv({\n    base: 'tw-h-full tw-w-full',\n    variants: {\n        variant: {\n            default: 'tw-bg-text-interactive',\n            positive: 'tw-bg-text-positive',\n            negative: 'tw-bg-text-negative',\n        },\n        indeterminateState: {\n            true: 'tw-animate-loading-bar-infinite tw-origin-left-right',\n            false: 'tw-transition-all tw-origin-left tw-scale-x-[--loading-bar-proportion]',\n        },\n    },\n});\n"],"names":["loadingBarContainerStyles","sv","loadingBarStyles"],"mappings":";AAIO,MAAMA,IAA4BC,EAAG;AAAA,EACxC,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,EACd;AAER,CAAC,GAEYC,IAAmBD,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACN,SAAS;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,IACd;AAAA,IACA,oBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACX;AAER,CAAC;"}

package/dist/fondue-components47.js

@@ -1,8 +1,16 @@
-const o = "_root_yrjuz_5", t = {
-  root: o
+const o = "_root_uxsne_3", r = "_viewport_uxsne_10", t = "_scrollbar_uxsne_19", s = "_thumb_uxsne_51", _ = "_corner_uxsne_69", e = {
+  root: o,
+  viewport: r,
+  scrollbar: t,
+  thumb: s,
+  corner: _
 };
 export {
-  t as default,
-  o as root
+  _ as corner,
+  e as default,
+  o as root,
+  t as scrollbar,
+  s as thumb,
+  r as viewport
 };
 //# sourceMappingURL=fondue-components47.js.map

package/dist/fondue-components47.js.map

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

package/dist/fondue-components48.js

@@ -1,28 +1,8 @@
-import { useMemo as f, useCallback as d, useState as v, useRef as S, useEffect as m } from "react";
-const U = ({
-  prop: e,
-  defaultProp: n,
-  onChange: s = () => {
-  }
-}) => {
-  const [o, c] = b({ defaultProp: n, onChange: s }), t = e !== void 0, i = t ? e : o, r = f(() => s, [s]), a = d(
-    (l) => {
-      if (t) {
-        const u = typeof l == "function" ? l(e) : l;
-        u !== e && r(u);
-      } else
-        c(l);
-    },
-    [t, e, c, r]
-  );
-  return [i, a];
-}, b = ({ defaultProp: e, onChange: n }) => {
-  const s = v(e), [o] = s, c = S(o), t = f(() => n, [n]);
-  return m(() => {
-    c.current !== o && (t == null || t(o), c.current = o);
-  }, [o, c, t]), s;
+const o = "_root_yrjuz_5", t = {
+  root: o
 };
 export {
-  U as useControllableState
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components48.js.map

package/dist/fondue-components48.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components48.js","sources":["../src/hooks/useControllableState.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Dispatch, type SetStateAction, useCallback, useMemo, useState, useRef, useEffect } from 'react';\n\n// Radix UI handy hook for handling controlled and uncontrolled state\n// Source: https://github.com/radix-ui/primitives/blob/main/packages/react/use-controllable-state/src/useControllableState.tsx\n\ntype UseControllableStateParams<TValue> = {\n    prop?: TValue;\n    defaultProp?: TValue;\n    onChange?: (state: TValue) => void;\n};\n\ntype SetStateFn<T> = (prevState?: T) => T;\n\nexport const useControllableState = <TValue>({\n    prop,\n    defaultProp,\n    onChange = () => {},\n}: UseControllableStateParams<TValue>) => {\n    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n    const isControlled = prop !== undefined;\n    const value = isControlled ? prop : uncontrolledProp;\n    const handleChange = useMemo(() => onChange, [onChange]);\n\n    const setValue: Dispatch<SetStateAction<TValue | undefined>> = useCallback(\n        (nextValue) => {\n            if (isControlled) {\n                const setter = nextValue as SetStateFn<TValue>;\n                const value = typeof nextValue === 'function' ? setter(prop) : nextValue;\n                if (value !== prop) {\n                    handleChange(value as TValue);\n                }\n            } else {\n                setUncontrolledProp(nextValue);\n            }\n        },\n        [isControlled, prop, setUncontrolledProp, handleChange],\n    );\n\n    return [value, setValue] as const;\n};\n\nconst useUncontrolledState = <TValue>({ defaultProp, onChange }: Omit<UseControllableStateParams<TValue>, 'prop'>) => {\n    const uncontrolledState = useState<TValue | undefined>(defaultProp);\n    const [value] = uncontrolledState;\n    const prevValueRef = useRef(value);\n    const handleChange = useMemo(() => onChange, [onChange]);\n\n    useEffect(() => {\n        if (prevValueRef.current !== value) {\n            handleChange?.(value as TValue);\n            prevValueRef.current = value;\n        }\n    }, [value, prevValueRef, handleChange]);\n\n    return uncontrolledState;\n};\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","value","handleChange","useMemo","setValue","useCallback","nextValue","uncontrolledState","useState","prevValueRef","useRef","useEffect"],"mappings":";AAeO,MAAMA,IAAuB,CAAS;AAAA,EACzC,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAAA;AACrB,MAA0C;AAChC,QAAA,CAACC,GAAkBC,CAAmB,IAAIC,EAAqB,EAAE,aAAAJ,GAAa,UAAAC,GAAU,GACxFI,IAAeN,MAAS,QACxBO,IAAQD,IAAeN,IAAOG,GAC9BK,IAAeC,EAAQ,MAAMP,GAAU,CAACA,CAAQ,CAAC,GAEjDQ,IAAyDC;AAAA,IAC3D,CAACC,MAAc;AACX,UAAIN,GAAc;AAEd,cAAMC,IAAQ,OAAOK,KAAc,aADpBA,EACwCZ,CAAI,IAAIY;AAC/D,QAAIL,MAAUP,KACVQ,EAAaD,CAAe;AAAA,MAChC;AAEA,QAAAH,EAAoBQ,CAAS;AAAA,IAErC;AAAA,IACA,CAACN,GAAcN,GAAMI,GAAqBI,CAAY;AAAA,EAC1D;AAEO,SAAA,CAACD,GAAOG,CAAQ;AAC3B,GAEML,IAAuB,CAAS,EAAE,aAAAJ,GAAa,UAAAC,QAAiE;AAC5G,QAAAW,IAAoBC,EAA6Bb,CAAW,GAC5D,CAACM,CAAK,IAAIM,GACVE,IAAeC,EAAOT,CAAK,GAC3BC,IAAeC,EAAQ,MAAMP,GAAU,CAACA,CAAQ,CAAC;AAEvD,SAAAe,EAAU,MAAM;AACR,IAAAF,EAAa,YAAYR,MACzBC,KAAA,QAAAA,EAAeD,IACfQ,EAAa,UAAUR;AAAA,EAE5B,GAAA,CAACA,GAAOQ,GAAcP,CAAY,CAAC,GAE/BK;AACX;"}
+{"version":3,"file":"fondue-components48.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/fondue-components49.js

@@ -1,20 +1,28 @@
-const t = "_root_2wdi8_5", e = "_item_2wdi8_26", i = "_itemLabel_2wdi8_46", a = "_itemLabelActive_2wdi8_65", o = "_itemLabelInactive_2wdi8_94", _ = "_activeIndicator_2wdi8_124", c = "_separator_2wdi8_221", n = {
-  root: t,
-  item: e,
-  itemLabel: i,
-  itemLabelActive: a,
-  itemLabelInactive: o,
-  activeIndicator: _,
-  separator: c
+import { useMemo as f, useCallback as d, useState as v, useRef as S, useEffect as m } from "react";
+const U = ({
+  prop: e,
+  defaultProp: n,
+  onChange: s = () => {
+  }
+}) => {
+  const [o, c] = b({ defaultProp: n, onChange: s }), t = e !== void 0, i = t ? e : o, r = f(() => s, [s]), a = d(
+    (l) => {
+      if (t) {
+        const u = typeof l == "function" ? l(e) : l;
+        u !== e && r(u);
+      } else
+        c(l);
+    },
+    [t, e, c, r]
+  );
+  return [i, a];
+}, b = ({ defaultProp: e, onChange: n }) => {
+  const s = v(e), [o] = s, c = S(o), t = f(() => n, [n]);
+  return m(() => {
+    c.current !== o && (t == null || t(o), c.current = o);
+  }, [o, c, t]), s;
 };
 export {
-  _ as activeIndicator,
-  n as default,
-  e as item,
-  i as itemLabel,
-  a as itemLabelActive,
-  o as itemLabelInactive,
-  t as root,
-  c as separator
+  U as useControllableState
 };
 //# sourceMappingURL=fondue-components49.js.map

package/dist/fondue-components49.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components49.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"fondue-components49.js","sources":["../src/hooks/useControllableState.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Dispatch, type SetStateAction, useCallback, useMemo, useState, useRef, useEffect } from 'react';\n\n// Radix UI handy hook for handling controlled and uncontrolled state\n// Source: https://github.com/radix-ui/primitives/blob/main/packages/react/use-controllable-state/src/useControllableState.tsx\n\ntype UseControllableStateParams<TValue> = {\n    prop?: TValue;\n    defaultProp?: TValue;\n    onChange?: (state: TValue) => void;\n};\n\ntype SetStateFn<T> = (prevState?: T) => T;\n\nexport const useControllableState = <TValue>({\n    prop,\n    defaultProp,\n    onChange = () => {},\n}: UseControllableStateParams<TValue>) => {\n    const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n    const isControlled = prop !== undefined;\n    const value = isControlled ? prop : uncontrolledProp;\n    const handleChange = useMemo(() => onChange, [onChange]);\n\n    const setValue: Dispatch<SetStateAction<TValue | undefined>> = useCallback(\n        (nextValue) => {\n            if (isControlled) {\n                const setter = nextValue as SetStateFn<TValue>;\n                const value = typeof nextValue === 'function' ? setter(prop) : nextValue;\n                if (value !== prop) {\n                    handleChange(value as TValue);\n                }\n            } else {\n                setUncontrolledProp(nextValue);\n            }\n        },\n        [isControlled, prop, setUncontrolledProp, handleChange],\n    );\n\n    return [value, setValue] as const;\n};\n\nconst useUncontrolledState = <TValue>({ defaultProp, onChange }: Omit<UseControllableStateParams<TValue>, 'prop'>) => {\n    const uncontrolledState = useState<TValue | undefined>(defaultProp);\n    const [value] = uncontrolledState;\n    const prevValueRef = useRef(value);\n    const handleChange = useMemo(() => onChange, [onChange]);\n\n    useEffect(() => {\n        if (prevValueRef.current !== value) {\n            handleChange?.(value as TValue);\n            prevValueRef.current = value;\n        }\n    }, [value, prevValueRef, handleChange]);\n\n    return uncontrolledState;\n};\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","value","handleChange","useMemo","setValue","useCallback","nextValue","uncontrolledState","useState","prevValueRef","useRef","useEffect"],"mappings":";AAeO,MAAMA,IAAuB,CAAS;AAAA,EACzC,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAAA;AACrB,MAA0C;AAChC,QAAA,CAACC,GAAkBC,CAAmB,IAAIC,EAAqB,EAAE,aAAAJ,GAAa,UAAAC,GAAU,GACxFI,IAAeN,MAAS,QACxBO,IAAQD,IAAeN,IAAOG,GAC9BK,IAAeC,EAAQ,MAAMP,GAAU,CAACA,CAAQ,CAAC,GAEjDQ,IAAyDC;AAAA,IAC3D,CAACC,MAAc;AACX,UAAIN,GAAc;AAEd,cAAMC,IAAQ,OAAOK,KAAc,aADpBA,EACwCZ,CAAI,IAAIY;AAC/D,QAAIL,MAAUP,KACVQ,EAAaD,CAAe;AAAA,MAChC;AAEA,QAAAH,EAAoBQ,CAAS;AAAA,IAErC;AAAA,IACA,CAACN,GAAcN,GAAMI,GAAqBI,CAAY;AAAA,EAC1D;AAEO,SAAA,CAACD,GAAOG,CAAQ;AAC3B,GAEML,IAAuB,CAAS,EAAE,aAAAJ,GAAa,UAAAC,QAAiE;AAC5G,QAAAW,IAAoBC,EAA6Bb,CAAW,GAC5D,CAACM,CAAK,IAAIM,GACVE,IAAeC,EAAOT,CAAK,GAC3BC,IAAeC,EAAQ,MAAMP,GAAU,CAACA,CAAQ,CAAC;AAEvD,SAAAe,EAAU,MAAM;AACR,IAAAF,EAAa,YAAYR,MACzBC,KAAA,QAAAA,EAAeD,IACfQ,EAAa,UAAUR;AAAA,EAE5B,GAAA,CAACA,GAAOQ,GAAcP,CAAY,CAAC,GAE/BK;AACX;"}

package/dist/fondue-components50.js

@@ -1,143 +1,20 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { IconCaretDown as $, IconCheckMark as A, IconExclamationMarkTriangle as E } from "@frontify/fondue-icons";
-import * as x from "@radix-ui/react-popover";
-import { Slot as q } from "@radix-ui/react-slot";
-import { useCombobox as G } from "downshift";
-import { forwardRef as J, useState as K, useRef as Q, useMemo as U } from "react";
-import { SelectMenu as W } from "./fondue-components52.js";
-import o from "./fondue-components54.js";
-import { useSelectData as X } from "./fondue-components55.js";
-const w = ({
-  children: S,
-  onSelect: d,
-  value: N,
-  defaultValue: O,
-  placeholder: R = "",
-  status: n = "neutral",
-  disabled: m,
-  "aria-label": B,
-  "data-test-id": s = "fondue-select-combobox",
-  alignMenu: M = "start"
-}, F) => {
-  const { inputSlots: L, menuSlots: P, items: l, filterText: k, clearButton: g, getItemByValue: p, setFilterText: v } = X(S), [y, f] = K(!1), {
-    getInputProps: c,
-    getToggleButtonProps: D,
-    getMenuProps: H,
-    getItemProps: T,
-    reset: h,
-    selectedItem: r,
-    isOpen: V,
-    highlightedIndex: z,
-    inputValue: i
-  } = G({
-    items: l,
-    selectedItem: p(N),
-    defaultSelectedItem: p(O),
-    defaultHighlightedIndex: 0,
-    onSelectedItemChange: ({ selectedItem: e }) => {
-      d && d(e.value);
-    },
-    onInputValueChange: ({ inputValue: e }) => {
-      v(e);
-    },
-    onIsOpenChange: () => {
-      f(!1);
-    },
-    onHighlightedIndexChange: () => {
-      f(!0);
-    },
-    itemToString: (e) => e ? e.label : ""
-  }), a = Q(!1), b = U(
-    () => !l.find((e) => e.label.toLowerCase().includes(i.toLowerCase())),
-    [i, l]
-  ), j = (e) => {
-    var C, I;
-    e.target.dataset.showFocusRing = "false", a.current = !1, (r == null ? void 0 : r.label.toLocaleLowerCase()) !== i.toLocaleLowerCase() && h(), c().onBlur && ((I = (C = c()).onBlur) == null || I.call(C, e));
-  };
-  return /* @__PURE__ */ u(x.Root, { open: V, children: [
-    /* @__PURE__ */ t(x.Anchor, { asChild: !0, children: /* @__PURE__ */ u("div", { ref: F, className: o.root, "data-status": b ? "error" : n, children: [
-      /* @__PURE__ */ t(
-        "input",
-        {
-          ...c({
-            "aria-label": B
-          }),
-          "data-test-id": s,
-          placeholder: R,
-          className: o.input,
-          disabled: m,
-          onMouseDown: (e) => {
-            a.current = !0, e.currentTarget.dataset.showFocusRing = "false";
-          },
-          onFocus: (e) => {
-            a.current || (e.target.dataset.showFocusRing = "true");
-          },
-          onBlur: j
-        }
-      ),
-      L,
-      g && /* @__PURE__ */ t(
-        q,
-        {
-          onClick: (e) => {
-            e.stopPropagation(), h();
-          },
-          className: o.clear,
-          role: "button",
-          children: g
-        }
-      ),
-      /* @__PURE__ */ u("div", { className: o.icons, children: [
-        /* @__PURE__ */ t(
-          "button",
-          {
-            ...D(),
-            type: "button",
-            "aria-label": "toggle menu",
-            disabled: m,
-            onMouseDown: () => {
-              a.current = !0;
-            },
-            children: /* @__PURE__ */ t($, { size: 16, className: o.caret })
-          }
-        ),
-        n === "success" ? /* @__PURE__ */ t(
-          A,
-          {
-            size: 16,
-            className: o.iconSuccess,
-            "data-test-id": `${s}-success-icon`
-          }
-        ) : null,
-        b || n === "error" ? /* @__PURE__ */ t(
-          E,
-          {
-            size: 16,
-            className: o.iconError,
-            "data-test-id": `${s}-error-icon`
-          }
-        ) : null
-      ] })
-    ] }) }),
-    /* @__PURE__ */ t(
-      W,
-      {
-        align: M,
-        highlightedIndex: z,
-        filterText: k,
-        getMenuProps: H,
-        getItemProps: T,
-        selectedItem: r,
-        hasInteractedSinceOpening: y,
-        children: P
-      }
-    )
-  ] });
+const t = "_root_2wdi8_5", e = "_item_2wdi8_26", i = "_itemLabel_2wdi8_46", a = "_itemLabelActive_2wdi8_65", o = "_itemLabelInactive_2wdi8_94", _ = "_activeIndicator_2wdi8_124", c = "_separator_2wdi8_221", n = {
+  root: t,
+  item: e,
+  itemLabel: i,
+  itemLabelActive: a,
+  itemLabelInactive: o,
+  activeIndicator: _,
+  separator: c
 };
-w.displayName = "Select.Combobox";
-const se = J(w);
 export {
-  se as ForwardedRefCombobox,
-  w as SelectCombobox
+  _ as activeIndicator,
+  n as default,
+  e as item,
+  i as itemLabel,
+  a as itemLabelActive,
+  o as itemLabelInactive,
+  t as root,
+  c as separator
 };
 //# sourceMappingURL=fondue-components50.js.map