@frontify/fondue 13.9.0 → 14.0.0-beta.0

package/dist/components/Switch/Switch.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.es.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useFocusRing } from '@react-aria/focus';\nimport { type MouseEvent, type ReactElement, useMemo } from 'react';\n\nimport { InputLabel, type InputLabelTooltipProps } from '@components/InputLabel/InputLabel';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\n/**\n * @deprecated Use `Switch` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#switch the migration guide}.\n */\nexport type SwitchSize = 'small' | 'medium';\n\n/**\n * @deprecated Use `Switch` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#switch the migration guide}.\n */\nexport type SwitchMode = 'on' | 'off' | 'indeterminate';\n\nconst trackSizeClasses: Record<SwitchSize, string> = {\n    small: 'tw-w-[22px] tw-h-3',\n    medium: 'tw-w-[30px] tw-h-4',\n};\n\nconst dotSizeClasses: Record<SwitchSize, Record<'dimensions' | 'activeWidth' | 'activeTranslation', string>> = {\n    small: {\n        dimensions: 'tw-w-3 tw-h-3',\n        activeWidth: 'group-active:tw-w-[14px]',\n        activeTranslation: 'tw-translate-x-[9px]',\n    },\n    medium: {\n        dimensions: 'tw-w-4 tw-h-4',\n        activeWidth: 'group-active:tw-w-[18px]',\n        activeTranslation: 'tw-translate-x-[13px]',\n    },\n};\n\nconst indeterminateLineClasses = 'tw-w-2 tw-h-px';\n\n/**\n * @deprecated Use `Switch` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#switch the migration guide}.\n */\nexport type SwitchProps = {\n    id?: string;\n    mode?: SwitchMode;\n    disabled?: boolean;\n    label?: string;\n    labelStyle?: string;\n    name?: string;\n    size?: SwitchSize;\n    hug?: boolean;\n    tooltip?: InputLabelTooltipProps;\n    ariaLabel?: string;\n    onChange?: (e: MouseEvent) => void;\n    'data-test-id'?: string;\n};\n\n/**\n * @deprecated Use `Switch` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#switch the migration guide}.\n */\nexport const Switch = ({\n    id: propId,\n    name,\n    label,\n    disabled,\n    onChange,\n    size = 'medium',\n    mode = 'off',\n    labelStyle = 'default',\n    ariaLabel,\n    hug = false,\n    tooltip,\n    'data-test-id': dataTestId = 'switch',\n}: SwitchProps): ReactElement => {\n    const id = useMemoizedId(propId);\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    // The track on which the dot moves\n    const trackClasses = useMemo(() => {\n        const baseClasses = 'tw-group tw-border tw-inline-flex tw-rounded-full tw-shrink-0 tw-p-0 tw-transition-colors';\n\n        const trueOrFalseValueClasses =\n            mode === 'on'\n                ? 'tw-bg-text-weak tw-border-line-xx-strong hover:tw-bg-text'\n                : 'tw-bg-box-neutral tw-border-line-x-strong hover:tw-bg-box-neutral-hover';\n\n        const valueClasses =\n            mode === 'indeterminate'\n                ? 'tw-bg-text-weak tw-flex tw-items-center tw-justify-center hover:tw-bg-text'\n                : trueOrFalseValueClasses;\n\n        const trueOrFalseDisabledClasses = disabled\n            ? 'tw-bg-box-disabled tw-border-line tw-pointer-events-none'\n            : valueClasses;\n\n        const disabledClasses =\n            disabled && mode === 'indeterminate'\n                ? 'tw-flex tw-items-center tw-justify-center tw-bg-box-disabled tw-border-line tw-pointer-events-none'\n                : trueOrFalseDisabledClasses;\n\n        return merge([baseClasses, disabledClasses, trackSizeClasses[size], isFocusVisible && FOCUS_STYLE]);\n    }, [mode, disabled, size, isFocusVisible]);\n\n    // Responsible for the left-right translation\n    const dotWrapperClasses = useMemo(() => {\n        const baseClasses = 'tw-relative tw-self-center tw-transition-transform';\n\n        const trueOrFalseValueClasses = mode === 'on' ? dotSizeClasses[size].activeTranslation : '';\n\n        const valueClasses = mode === 'indeterminate' ? 'tw-bg-base' : trueOrFalseValueClasses;\n\n        const disabledClasses = disabled && mode === 'indeterminate' ? 'tw-bg-text-disabled' : valueClasses;\n\n        return merge([\n            baseClasses,\n            mode === 'indeterminate' ? indeterminateLineClasses : dotSizeClasses[size].dimensions,\n            disabledClasses,\n        ]);\n    }, [disabled, mode, size]);\n\n    // Responsible for dot styling and width animation on hover\n    const dotClasses = useMemo(() => {\n        const baseClasses =\n            'tw-border tw-bg-base tw-rounded-full tw-absolute tw-block tw-self-center tw-transition-width tw-duration-75';\n\n        const trueOrFalseValueClasses = mode === 'on' ? 'tw-right-0  tw-translate-x-px' : 'tw-left-0';\n\n        const valueClasses = mode === 'indeterminate' ? 'tw-hidden' : trueOrFalseValueClasses;\n\n        const disabledStateClasses = disabled\n            ? 'tw-border-line-strong'\n            : merge(['tw-bg-base tw-border-line-xx-strong', dotSizeClasses[size].activeWidth]);\n\n        return merge([\n            baseClasses,\n            mode === 'indeterminate' ? indeterminateLineClasses : dotSizeClasses[size].dimensions,\n            valueClasses,\n            disabledStateClasses,\n        ]);\n    }, [mode, disabled, size]);\n\n    // Wraps the InputLabel instance and switch element\n    const containerClasses = useMemo(\n        () => merge(['tw-gap-2 tw-items-center tw-justify-between', hug ? 'tw-inline-flex' : 'tw-flex']),\n        [hug],\n    );\n\n    return (\n        <div className={containerClasses} data-test-id={`${dataTestId}-container`}>\n            {label && (\n                <InputLabel clickable id={`${id}-label`} htmlFor={id} disabled={disabled} tooltip={tooltip}>\n                    <span\n                        data-test-id={`${dataTestId}-label-wrapper`}\n                        className={\n                            labelStyle === 'default' ? 'tw-font-medium tw-text-text-weak' : 'tw-font-bold tw-text-text'\n                        }\n                    >\n                        {label}\n                    </span>\n                </InputLabel>\n            )}\n            <button\n                {...focusProps}\n                id={id}\n                disabled={disabled}\n                name={name}\n                data-test-id={dataTestId}\n                className={trackClasses}\n                value={mode}\n                onClick={onChange}\n                type=\"button\"\n                role=\"switch\"\n                aria-checked={mode === 'on'}\n                aria-label={ariaLabel}\n                aria-labelledby={label ? `${id}-label` : undefined}\n            >\n                <div className={dotWrapperClasses}>\n                    <div className={dotClasses} />\n                </div>\n            </button>\n        </div>\n    );\n};\nSwitch.displayName = 'FondueSwitch';\n"],"names":["trackSizeClasses","dotSizeClasses","indeterminateLineClasses","Switch","propId","name","label","disabled","onChange","size","mode","labelStyle","ariaLabel","hug","tooltip","dataTestId","id","useMemoizedId","isFocusVisible","focusProps","useFocusRing","trackClasses","useMemo","merge","FOCUS_STYLE","dotWrapperClasses","baseClasses","trueOrFalseValueClasses","disabledClasses","dotClasses","valueClasses","disabledStateClasses","containerClasses","jsx","InputLabel"],"mappings":"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"}

package/dist/components/Tag/Tag.es.js

@@ -1,55 +0,0 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { IconCross as a } from "@frontify/fondue-icons";
-import { useButton as b } from "@react-aria/button";
-import { useFocusRing as m } from "@react-aria/focus";
-import { mergeProps as x } from "@react-aria/utils";
-import { useRef as g } from "react";
-import { FOCUS_STYLE as v } from "../../utilities/focusStyle.es.js";
-import { merge as p } from "../../utilities/merge.es.js";
-var S = /* @__PURE__ */ ((e) => (e.Suggested = "Suggested", e.Selected = "Selected", e.SelectedWithFocus = "SelectedWithFocus", e.PreviouslySelected = "PreviouslySelected", e))(S || {}), h = /* @__PURE__ */ ((e) => (e.Small = "Small", e.Medium = "Medium", e))(h || {});
-const f = {
-  Suggested: "tw-border tw-bg-base tw-text-text-weak tw-border-line hover:tw-text-text hover:tw-border-line-strong",
-  Selected: "tw-bg-box-neutral hover:tw-bg-box-neutral-hover tw-text-text-weak hover:tw-text-box-neutral-inverse-hover",
-  SelectedWithFocus: "tw-bg-box-selected-strong hover:tw-bg-box-selected-strong-hover tw-text-box-selected-strong-inverse",
-  PreviouslySelected: "tw-bg-base tw-border tw-text-box-selected-strong tw-border-box-selected-strong hover:tw-bg-box-neutral hover:tw-text-box-selected-inverse hover:tw-border-box-selected-inverse"
-}, F = ({ type: e, label: l, onClick: o, size: n = "Medium", "data-test-id": r = "tag" }) => {
-  const i = g(null), { isFocusVisible: c, focusProps: d } = m(), t = (e === "Selected" || e === "SelectedWithFocus") && o, { buttonProps: w } = b(
-    {
-      onPress: () => t && o()
-    },
-    i
-  );
-  return /* @__PURE__ */ u(
-    "button",
-    {
-      type: "button",
-      "data-test-id": r,
-      className: p([
-        "tw-inline-flex tw-items-center tw-rounded-full tw-text-xs tw-transition-colors tw-group tw-outline-none tw-break-word",
-        n === "Small" ? "tw-px-1.5 tw-py-0.5" : "tw-px-2.5 tw-py-1",
-        f[e],
-        t ? "tw-cursor-pointer" : "tw-cursor-default",
-        c && v
-      ]),
-      ...x(w, d),
-      children: [
-        l,
-        t && /* @__PURE__ */ s(
-          "span",
-          {
-            "data-test-id": `${r}-reject-icon`,
-            className: "tw-opacity-80 group-hover:tw-opacity-100 tw-transition-opacity tw-ml-1 tw-leading-[0]",
-            children: /* @__PURE__ */ s(a, { size: 12 })
-          }
-        )
-      ]
-    }
-  );
-};
-F.displayName = "FondueTag";
-export {
-  F as Tag,
-  h as TagSize,
-  S as TagType
-};
-//# sourceMappingURL=Tag.es.js.map

package/dist/components/Tag/Tag.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.es.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\nimport { useButton } from '@react-aria/button';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type MouseEvent, useRef } from 'react';\n\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\n/**\n * @deprecated Use the new Tag component from @frontify/fondue/components instead\n */\nexport enum TagType {\n    Suggested = 'Suggested',\n    Selected = 'Selected',\n    SelectedWithFocus = 'SelectedWithFocus',\n    PreviouslySelected = 'PreviouslySelected',\n}\n\n/**\n * @deprecated Use the new Tag component from @frontify/fondue/components instead\n */\nexport enum TagSize {\n    Small = 'Small',\n    Medium = 'Medium',\n}\n\n/**\n * @deprecated Use the new Tag component from @frontify/fondue/components instead\n */\nconst tagStyles: Record<TagType, string> = {\n    [TagType.Suggested]:\n        'tw-border tw-bg-base tw-text-text-weak tw-border-line hover:tw-text-text hover:tw-border-line-strong',\n    [TagType.Selected]:\n        'tw-bg-box-neutral hover:tw-bg-box-neutral-hover tw-text-text-weak hover:tw-text-box-neutral-inverse-hover',\n    [TagType.SelectedWithFocus]:\n        'tw-bg-box-selected-strong hover:tw-bg-box-selected-strong-hover tw-text-box-selected-strong-inverse',\n    [TagType.PreviouslySelected]:\n        'tw-bg-base tw-border tw-text-box-selected-strong tw-border-box-selected-strong hover:tw-bg-box-neutral hover:tw-text-box-selected-inverse hover:tw-border-box-selected-inverse',\n};\n\n/**\n * @deprecated Use the new Tag component from @frontify/fondue/components instead\n */\nexport type TagProps = { 'data-test-id'?: string } & (TagPropsUnselected | TagPropsSelected);\n\ntype TagPropsSelected = {\n    type: TagType.Selected | TagType.SelectedWithFocus;\n    label: string;\n    onClick?: (event?: MouseEvent<HTMLButtonElement>) => void;\n    size?: TagSize;\n};\n\ntype TagPropsUnselected = {\n    type: TagType.Suggested | TagType.PreviouslySelected;\n    label: string;\n    onClick?: null;\n    size?: TagSize;\n};\n\n/**\n * @deprecated Use the new Tag component from @frontify/fondue/components instead\n */\nexport const Tag = ({ type, label, onClick, size = TagSize.Medium, 'data-test-id': dataTestId = 'tag' }: TagProps) => {\n    const ref = useRef<HTMLButtonElement | null>(null);\n    const { isFocusVisible, focusProps } = useFocusRing();\n    const isClickable = (type === TagType.Selected || type === TagType.SelectedWithFocus) && onClick;\n    const { buttonProps } = useButton(\n        {\n            onPress: () => isClickable && onClick(),\n        },\n        ref,\n    );\n\n    return (\n        <button\n            type=\"button\"\n            data-test-id={dataTestId}\n            className={merge([\n                'tw-inline-flex tw-items-center tw-rounded-full tw-text-xs tw-transition-colors tw-group tw-outline-none tw-break-word',\n                size === TagSize.Small ? 'tw-px-1.5 tw-py-0.5' : 'tw-px-2.5 tw-py-1',\n                tagStyles[type],\n                isClickable ? 'tw-cursor-pointer' : 'tw-cursor-default',\n                isFocusVisible && FOCUS_STYLE,\n            ])}\n            {...mergeProps(buttonProps, focusProps)}\n        >\n            {label}\n            {isClickable && (\n                <span\n                    data-test-id={`${dataTestId}-reject-icon`}\n                    className=\"tw-opacity-80 group-hover:tw-opacity-100 tw-transition-opacity tw-ml-1 tw-leading-[0]\"\n                >\n                    <IconCross size={12} />\n                </span>\n            )}\n        </button>\n    );\n};\nTag.displayName = 'FondueTag';\n"],"names":["TagType","TagSize","tagStyles","Tag","type","label","onClick","size","dataTestId","ref","useRef","isFocusVisible","focusProps","useFocusRing","isClickable","buttonProps","useButton","jsxs","merge","FOCUS_STYLE","mergeProps","jsx","IconCross"],"mappings":";;;;;;;;AAcO,IAAKA,sBAAAA,OACRA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,oBAAoB,qBACpBA,EAAA,qBAAqB,sBAJbA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAFDA,IAAAA,KAAA,CAAA,CAAA;AAQZ,MAAMC,IAAqC;AAAA,EACtC,WACG;AAAA,EACH,UACG;AAAA,EACH,mBACG;AAAA,EACH,oBACG;AACR,GAwBaC,IAAM,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,SAAAC,GAAS,MAAAC,IAAO,UAAgB,gBAAgBC,IAAa,YAAsB;AAClH,QAAMC,IAAMC,EAAiC,IAAI,GAC3C,EAAE,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GACjCC,KAAeV,MAAS,cAAoBA,MAAS,wBAA8BE,GACnF,EAAE,aAAAS,MAAgBC;AAAA,IACpB;AAAA,MACI,SAAS,MAAMF,KAAeR,EAAA;AAAA,IAAQ;AAAA,IAE1CG;AAAA,EAAA;AAGJ,SACI,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,gBAAcT;AAAA,MACd,WAAWU,EAAM;AAAA,QACb;AAAA,QACAX,MAAS,UAAgB,wBAAwB;AAAA,QACjDL,EAAUE,CAAI;AAAA,QACdU,IAAc,sBAAsB;AAAA,QACpCH,KAAkBQ;AAAA,MAAA,CACrB;AAAA,MACA,GAAGC,EAAWL,GAAaH,CAAU;AAAA,MAErC,UAAA;AAAA,QAAAP;AAAA,QACAS,KACG,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,gBAAc,GAAGb,CAAU;AAAA,YAC3B,WAAU;AAAA,YAEV,UAAA,gBAAAa,EAACC,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,EAAA;AAIhB;AACAnB,EAAI,cAAc;"}

package/dist/components/TextInput/TextInput.es.js

@@ -1,242 +0,0 @@
-import { jsxs as S, jsx as e } from "react/jsx-runtime";
-import { IconCross as et, IconEye as ot, IconEyeOff as rt, IconExclamationMarkTriangle as st, IconCrossCircle as it, IconClipboard as nt, IconCheckMark as ct } from "@frontify/fondue-icons";
-import { useFocusRing as f } from "@react-aria/focus";
-import { forwardRef as z, useRef as lt, useImperativeHandle as at, useState as wt, useEffect as O } from "react";
-import { LoadingCircle as ut, LoadingCircleSize as dt } from "../LoadingCircle/LoadingCircle.es.js";
-import { useCopy as pt } from "../../hooks/useCopy.es.js";
-import { useMemoizedId as ft } from "../../hooks/useMemoizedId.es.js";
-import { FOCUS_STYLE as b } from "../../utilities/focusStyle.es.js";
-import { merge as s } from "../../utilities/merge.es.js";
-import { Validation as u, validationClassMap as bt } from "../../utilities/validation.es.js";
-import { LegacyTooltip as xt } from "../LegacyTooltip/LegacyTooltip.es.js";
-const mt = ({ extraAction: n, disabled: a }, x) => {
-  const { isFocusVisible: i, focusProps: k } = f();
-  if (!n)
-    return null;
-  const d = a || n.disabled;
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      className: s([
-        "tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded tw-p-1",
-        d ? "tw-cursor-default tw-text-text-disabled" : "tw-text-text-weak hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover",
-        i && b
-      ]),
-      onClick: n.onClick,
-      "data-test-id": "fondue-extra-action-icon",
-      "aria-label": n.title.toLowerCase(),
-      disabled: d,
-      "aria-disabled": d,
-      type: "button",
-      ref: x,
-      ...k,
-      children: n.icon
-    }
-  );
-}, R = z(mt), kt = z(
-  ({
-    id: n,
-    type: a = "text",
-    decorator: x,
-    validation: i = u.Default,
-    clearable: k = !1,
-    placeholder: d,
-    required: D,
-    obfuscated: p,
-    disabled: o = !1,
-    autocomplete: M = !1,
-    dotted: W = !1,
-    value: h = "",
-    copyable: $ = !1,
-    onChange: w,
-    onEnterPressed: E,
-    onBlur: g,
-    onClear: y,
-    onFocus: N,
-    size: H,
-    spellcheck: T,
-    readonly: I,
-    focusOnMount: V,
-    selectable: K = !1,
-    extraActions: v,
-    maxLength: U,
-    ...Y
-  }, _) => {
-    const c = lt(null);
-    at(_, () => c.current, []);
-    const { isFocusVisible: q, focusProps: l } = f({
-      isTextInput: !0
-    }), { isFocusVisible: C, focusProps: G } = f(), { isFocusVisible: j, focusProps: J } = f(), { isFocusVisible: B, focusProps: Q } = f(), { copy: X, status: F } = pt(), [m, L] = wt(
-      typeof p == "boolean" ? p : a === "password"
-      /* Password */
-    );
-    O(() => {
-      const t = setTimeout(() => {
-        V && c.current && c.current.focus();
-      }, 0);
-      return () => {
-        clearTimeout(t);
-      };
-    }, [V]), O(() => {
-      typeof p == "boolean" && L(p);
-    }, [p]);
-    const Z = (t) => {
-      t.key === "Enter" && E && E(t);
-    }, A = () => a === "password" ? m ? "password" : "text" : a, tt = typeof T == "boolean" ? { spellCheck: T } : null;
-    return /* @__PURE__ */ S(
-      "div",
-      {
-        ...Y,
-        className: s([
-          "tw-flex tw-items-center tw-h-9 tw-gap-2 tw-px-3 tw-border tw-transition tw-rounded tw-text-body-small tw-font-sans tw-relative tw-bg-base dark:tw-bg-transparent",
-          W ? "tw-border-dashed" : "tw-border-solid",
-          o || I ? "tw-bg-box-disabled dark:tw-bg-box-disabled hover:tw-cursor-not-allowed tw-border-line-weak dark:tw-border-line-weak" : s([
-            "focus-within:tw-border-line-xx-strong focus-within:hover:tw-border-line-xx-strong hover:tw-border-line-x-strong",
-            bt[i],
-            q && !C && !j && !B && b
-          ])
-        ]),
-        "data-test-id": "fondue-text-input-component",
-        children: [
-          x ? /* @__PURE__ */ e(
-            "div",
-            {
-              className: s([
-                "tw-flex tw-items-center tw-justify-center tw-pl-1",
-                o ? "tw-text-black-60" : "tw-text-black-80"
-              ]),
-              "data-test-id": "decorator",
-              children: x
-            }
-          ) : null,
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ...l,
-              id: ft(n),
-              ref: c,
-              className: s([
-                "tw-w-full tw-grow tw-border-none tw-outline-none tw-bg-transparent tw-hide-input-arrows",
-                o || I ? "tw-text-text-disabled tw-placeholder-text-disabled dark:tw-text-black-30 dark:tw-placeholder-black-40 hover:tw-cursor-not-allowed" : "tw-text-black tw-placeholder-black-60 dark:tw-text-white"
-              ]),
-              onClick: () => {
-                var t;
-                return (t = c.current) == null ? void 0 : t.focus();
-              },
-              onChange: (t) => w == null ? void 0 : w(t.currentTarget.value),
-              onBlur: (t) => {
-                var r;
-                (r = l.onBlur) == null || r.call(l, t), g == null || g(t);
-              },
-              onKeyDown: Z,
-              placeholder: d,
-              value: h,
-              type: A(),
-              required: D,
-              readOnly: I,
-              disabled: o,
-              onFocus: (t) => {
-                var r;
-                (r = l.onFocus) == null || r.call(l, t), K && t.target.select(), N && N(t);
-              },
-              autoComplete: M ? "on" : "off",
-              maxLength: U,
-              size: H,
-              "data-test-id": "text-input",
-              ...tt
-            }
-          ),
-          v && v.length > 0 && v.map((t, r) => {
-            const P = `text-input-extra-action-${r}`;
-            return t.tooltip ? /* @__PURE__ */ e(
-              xt,
-              {
-                ...t.tooltip,
-                triggerElement: /* @__PURE__ */ e(R, { extraAction: t, disabled: o })
-              },
-              P
-            ) : /* @__PURE__ */ e(R, { extraAction: t, disabled: o }, P);
-          }),
-          `${h}`.length > 0 && k && /* @__PURE__ */ e(
-            "button",
-            {
-              className: s([
-                "tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded",
-                o ? "tw-cursor-default tw-text-black-40" : "tw-text-black-60  hover:tw-text-black-100",
-                C && b
-              ]),
-              onClick: () => {
-                var t, r;
-                (t = c.current) == null || t.focus(), (r = c.current) == null || r.setAttribute("value", ""), w == null || w(""), y == null || y();
-              },
-              "data-test-id": "clear-icon",
-              title: "Clear text input",
-              "aria-label": "clear text input",
-              disabled: o,
-              type: "button",
-              ...G,
-              children: /* @__PURE__ */ e(et, {})
-            }
-          ),
-          a === "password" && /* @__PURE__ */ e(
-            "button",
-            {
-              className: s([
-                "tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded",
-                o ? "tw-cursor-default tw-text-black-40" : "tw-text-black-60 hover:tw-text-black-100",
-                j && b
-              ]),
-              onClick: () => L(!m),
-              "data-test-id": "visibility-icon",
-              title: "Toggle text visibility",
-              type: "button",
-              "aria-label": `${m ? "unveil" : "obfuscate"} text input`,
-              disabled: o,
-              ...J,
-              children: m ? /* @__PURE__ */ e(ot, {}) : /* @__PURE__ */ e(rt, {})
-            }
-          ),
-          i === u.Loading && /* @__PURE__ */ e("span", { className: "tw-absolute tw-top-[-0.55rem] tw-right-[-0.55rem] tw-bg-white tw-rounded-full tw-p-[2px] tw-border tw-border-black-10", children: /* @__PURE__ */ e(ut, { size: dt.ExtraSmall }) }),
-          (i === u.Error || i === u.Warning) && /* @__PURE__ */ e(
-            "span",
-            {
-              className: s([
-                "tw-flex tw-items-center tw-justify-center",
-                i === u.Error && "tw-text-text-negative",
-                i === u.Warning && "tw-text-text-warning"
-              ]),
-              "data-test-id": "error-state-exclamation-mark-icon",
-              children: /* @__PURE__ */ e(st, {})
-            }
-          ),
-          $ && /* @__PURE__ */ S(
-            "button",
-            {
-              className: s([
-                "tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded",
-                o ? "tw-cursor-default tw-text-black-40" : "tw-text-black-60 hover:tw-text-black-100",
-                B && b
-              ]),
-              onClick: () => X(h),
-              "data-test-id": "copy-icon",
-              title: "Copy input text",
-              disabled: o,
-              type: "button",
-              ...Q,
-              children: [
-                F === "error" && /* @__PURE__ */ e("span", { className: "tw-text-box-negative-strong", children: /* @__PURE__ */ e(it, {}) }),
-                F === "idle" && /* @__PURE__ */ e(nt, {}),
-                F === "success" && /* @__PURE__ */ e("span", { className: "tw-text-box-positive-strong", children: /* @__PURE__ */ e(ct, {}) })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-kt.displayName = "FondueTextInput";
-export {
-  kt as TextInput
-};
-//# sourceMappingURL=TextInput.es.js.map

package/dist/components/TextInput/TextInput.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.es.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    IconCheckMark,\n    IconClipboard,\n    IconCross,\n    IconCrossCircle,\n    IconExclamationMarkTriangle,\n    IconEye,\n    IconEyeOff,\n} from '@frontify/fondue-icons';\nimport { useFocusRing } from '@react-aria/focus';\nimport {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n    type AriaAttributes,\n    type FocusEvent,\n    type ForwardRefRenderFunction,\n    type KeyboardEvent,\n    type ReactElement,\n    type ReactNode,\n} from 'react';\n\nimport { LoadingCircle, LoadingCircleSize } from '@components/LoadingCircle/LoadingCircle';\nimport { useCopy } from '@hooks/useCopy';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { Validation, validationClassMap } from '@utilities/validation';\n\nimport { LegacyTooltip, type LegacyTooltipProps } from '../LegacyTooltip/LegacyTooltip';\n\n/**\n * @deprecated Use `TextInput` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md} the migration guide}.\n */\nexport enum TextInputType {\n    Text = 'text',\n    Password = 'password',\n    Number = 'number',\n    Search = 'search',\n}\n\n/**\n * @deprecated Use `TextInput` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md} the migration guide}.\n */\nexport type TextInputExtraAction = {\n    onClick: () => void;\n    icon: ReactElement;\n    title: string;\n    tooltip?: Omit<LegacyTooltipProps, 'triggerElement'>;\n    disabled?: boolean;\n};\n\n/**\n * @deprecated Use `TextInput` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md} the migration guide}.\n */\nexport type TextInputBaseProps = {\n    id?: string;\n    type?: TextInputType;\n    decorator?: ReactNode;\n    dotted?: boolean;\n    clearable?: boolean;\n    placeholder?: string;\n    required?: boolean;\n    disabled?: boolean;\n    autocomplete?: boolean;\n    readonly?: boolean;\n    validation?: Validation;\n    copyable?: boolean;\n    value?: string;\n    onChange?: (value: string) => void;\n    onEnterPressed?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n    onClear?: () => void;\n    maxLength?: number;\n    size?: number;\n    spellcheck?: boolean;\n    /** @deprecated a `ref` can be forwarded to expose the underlying `<input />` DOM node.\n        @example\n        ```tsx\n            import { TextInput } from '@frontify/fondue';\n\n            const Component = () => {\n            const inputRef = useRef();\n\n            useEffect(() => {\n                if (inputRef.current) {\n                    inputRef.current.focus();\n                }\n            }, [)\n            return <TextInput ref={inputRef} />\n         }\n         ```\n    */\n    focusOnMount?: boolean;\n    selectable?: boolean;\n    extraActions?: TextInputExtraAction[];\n    ariaLabel?: string;\n} & AriaAttributes;\n\ntype TextInputTextProps = TextInputBaseProps & {\n    type?: TextInputType.Text;\n    obfuscated?: false;\n};\ntype TextInputSearchProps = TextInputBaseProps & {\n    type: TextInputType.Search;\n    obfuscated?: false;\n};\ntype TextInputNumberProps = TextInputBaseProps & {\n    type: TextInputType.Number;\n    min?: number;\n    max?: number;\n    obfuscated?: false;\n};\ntype TextInputPasswordProps = TextInputBaseProps & {\n    type: TextInputType.Password;\n    obfuscated?: boolean;\n};\n\n/**\n * @deprecated Use `TextInput` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md} the migration guide}.\n */\nexport type TextInputProps = TextInputTextProps | TextInputNumberProps | TextInputPasswordProps | TextInputSearchProps;\n\ntype ExtraActionButtonProps = {\n    extraAction: TextInputExtraAction;\n    disabled: boolean;\n};\n\nconst ExtraActionButton: ForwardRefRenderFunction<HTMLButtonElement | null, ExtraActionButtonProps> = (\n    { extraAction, disabled },\n    ref,\n): ReactElement | null => {\n    const { isFocusVisible: extraActionButtonIsFocusVisible, focusProps: extraActionButtonFocusProps } = useFocusRing();\n\n    if (!extraAction) {\n        return null;\n    }\n\n    const isDisabled = disabled || extraAction.disabled;\n    return (\n        <button\n            className={merge([\n                'tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded tw-p-1',\n                isDisabled\n                    ? 'tw-cursor-default tw-text-text-disabled'\n                    : 'tw-text-text-weak hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n                extraActionButtonIsFocusVisible && FOCUS_STYLE,\n            ])}\n            onClick={extraAction.onClick}\n            data-test-id=\"fondue-extra-action-icon\"\n            aria-label={extraAction.title.toLowerCase()}\n            disabled={isDisabled}\n            aria-disabled={isDisabled}\n            type=\"button\"\n            ref={ref}\n            {...extraActionButtonFocusProps}\n        >\n            {extraAction.icon}\n        </button>\n    );\n};\nconst ExtraActionButtonWithRef = forwardRef(ExtraActionButton);\n\n/**\n * @deprecated Use `TextInput` from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#text-input the migration guide}.\n */\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n    (\n        {\n            id: propId,\n            type = TextInputType.Text,\n            decorator,\n            validation = Validation.Default,\n            clearable = false,\n            placeholder,\n            required,\n            obfuscated,\n            disabled = false,\n            autocomplete = false,\n            dotted = false,\n            value = '',\n            copyable = false,\n            onChange,\n            onEnterPressed,\n            onBlur,\n            onClear,\n            onFocus,\n            size,\n            spellcheck,\n            readonly,\n            focusOnMount,\n            selectable = false,\n            extraActions,\n            maxLength,\n            ...props\n        },\n        ref,\n    ): ReactElement => {\n        const inputElement = useRef<HTMLInputElement | null>(null);\n        useImperativeHandle(ref, () => inputElement.current!, []);\n\n        const { isFocusVisible: inputIsFocusVisible, focusProps: inputFocusProps } = useFocusRing({\n            isTextInput: true,\n        });\n        const { isFocusVisible: clearButtonIsFocusVisible, focusProps: clearButtonFocusProps } = useFocusRing();\n        const { isFocusVisible: passwordButtonIsFocusVisible, focusProps: passwordButtonFocusProps } = useFocusRing();\n        const { isFocusVisible: copyButtonIsFocusVisible, focusProps: copyButtonFocusProps } = useFocusRing();\n\n        const { copy, status } = useCopy();\n\n        const [isObfuscated, setIsObfuscated] = useState(\n            typeof obfuscated === 'boolean' ? obfuscated : type === TextInputType.Password,\n        );\n\n        useEffect(() => {\n            const timeoutId = setTimeout(() => {\n                if (focusOnMount && inputElement.current) {\n                    inputElement.current.focus();\n                }\n            }, 0);\n            return () => {\n                clearTimeout(timeoutId);\n            };\n        }, [focusOnMount]);\n\n        useEffect(() => {\n            if (typeof obfuscated === 'boolean') {\n                // eslint-disable-next-line @eslint-react/set-state-in-effect\n                setIsObfuscated(obfuscated);\n            }\n        }, [obfuscated]);\n\n        const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Enter' && onEnterPressed) {\n                onEnterPressed(event);\n            }\n        };\n\n        const getInputType = () => {\n            if (type === TextInputType.Password) {\n                return isObfuscated ? TextInputType.Password : TextInputType.Text;\n            }\n            return type;\n        };\n\n        const spellcheckProp = typeof spellcheck === 'boolean' ? { spellCheck: spellcheck } : null;\n\n        return (\n            <div\n                {...props}\n                className={merge([\n                    'tw-flex tw-items-center tw-h-9 tw-gap-2 tw-px-3 tw-border tw-transition tw-rounded tw-text-body-small tw-font-sans tw-relative tw-bg-base dark:tw-bg-transparent',\n                    dotted ? 'tw-border-dashed' : 'tw-border-solid',\n                    disabled || readonly\n                        ? 'tw-bg-box-disabled dark:tw-bg-box-disabled hover:tw-cursor-not-allowed tw-border-line-weak dark:tw-border-line-weak'\n                        : merge([\n                              'focus-within:tw-border-line-xx-strong focus-within:hover:tw-border-line-xx-strong hover:tw-border-line-x-strong',\n                              validationClassMap[validation],\n                              inputIsFocusVisible &&\n                                  !clearButtonIsFocusVisible &&\n                                  !passwordButtonIsFocusVisible &&\n                                  !copyButtonIsFocusVisible &&\n                                  FOCUS_STYLE,\n                          ]),\n                ])}\n                data-test-id=\"fondue-text-input-component\"\n            >\n                {decorator ? (\n                    <div\n                        className={merge([\n                            'tw-flex tw-items-center tw-justify-center tw-pl-1',\n                            disabled ? 'tw-text-black-60' : 'tw-text-black-80',\n                        ])}\n                        data-test-id=\"decorator\"\n                    >\n                        {decorator}\n                    </div>\n                ) : null}\n                <input\n                    {...inputFocusProps}\n                    id={useMemoizedId(propId)}\n                    ref={inputElement}\n                    className={merge([\n                        'tw-w-full tw-grow tw-border-none tw-outline-none tw-bg-transparent tw-hide-input-arrows',\n                        disabled || readonly\n                            ? 'tw-text-text-disabled tw-placeholder-text-disabled dark:tw-text-black-30 dark:tw-placeholder-black-40 hover:tw-cursor-not-allowed'\n                            : 'tw-text-black tw-placeholder-black-60 dark:tw-text-white',\n                    ])}\n                    onClick={() => inputElement.current?.focus()}\n                    onChange={(event) => onChange?.(event.currentTarget.value)}\n                    onBlur={(e) => {\n                        inputFocusProps.onBlur?.(e);\n                        onBlur?.(e);\n                    }}\n                    onKeyDown={onKeyDown}\n                    placeholder={placeholder}\n                    value={value}\n                    type={getInputType()}\n                    required={required}\n                    readOnly={readonly}\n                    disabled={disabled}\n                    onFocus={(e) => {\n                        inputFocusProps.onFocus?.(e);\n                        if (selectable) {\n                            e.target.select();\n                        }\n                        if (onFocus) {\n                            onFocus(e);\n                        }\n                    }}\n                    autoComplete={autocomplete ? 'on' : 'off'}\n                    maxLength={maxLength}\n                    size={size}\n                    data-test-id=\"text-input\"\n                    {...spellcheckProp}\n                />\n                {extraActions &&\n                    extraActions.length > 0 &&\n                    extraActions.map((extraAction: TextInputExtraAction, index: number) => {\n                        const key = `text-input-extra-action-${index}`;\n                        if (extraAction.tooltip) {\n                            return (\n                                <LegacyTooltip\n                                    key={key}\n                                    {...extraAction.tooltip}\n                                    triggerElement={\n                                        <ExtraActionButtonWithRef extraAction={extraAction} disabled={disabled} />\n                                    }\n                                />\n                            );\n                        }\n                        return <ExtraActionButtonWithRef key={key} extraAction={extraAction} disabled={disabled} />;\n                    })}\n                {`${value}`.length > 0 && clearable && (\n                    <button\n                        className={merge([\n                            'tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded',\n                            disabled\n                                ? 'tw-cursor-default tw-text-black-40'\n                                : 'tw-text-black-60  hover:tw-text-black-100',\n                            clearButtonIsFocusVisible && FOCUS_STYLE,\n                        ])}\n                        onClick={() => {\n                            inputElement.current?.focus();\n                            inputElement.current?.setAttribute('value', '');\n\n                            onChange?.('');\n                            onClear?.();\n                        }}\n                        data-test-id=\"clear-icon\"\n                        title=\"Clear text input\"\n                        aria-label=\"clear text input\"\n                        disabled={disabled}\n                        type=\"button\"\n                        {...clearButtonFocusProps}\n                    >\n                        <IconCross />\n                    </button>\n                )}\n                {type === TextInputType.Password && (\n                    <button\n                        className={merge([\n                            'tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded',\n                            disabled\n                                ? 'tw-cursor-default tw-text-black-40'\n                                : 'tw-text-black-60 hover:tw-text-black-100',\n                            passwordButtonIsFocusVisible && FOCUS_STYLE,\n                        ])}\n                        onClick={() => setIsObfuscated(!isObfuscated)}\n                        data-test-id=\"visibility-icon\"\n                        title=\"Toggle text visibility\"\n                        type=\"button\"\n                        aria-label={`${isObfuscated ? 'unveil' : 'obfuscate'} text input`}\n                        disabled={disabled}\n                        {...passwordButtonFocusProps}\n                    >\n                        {isObfuscated ? <IconEye /> : <IconEyeOff />}\n                    </button>\n                )}\n                {validation === Validation.Loading && (\n                    <span className=\"tw-absolute tw-top-[-0.55rem] tw-right-[-0.55rem] tw-bg-white tw-rounded-full tw-p-[2px] tw-border tw-border-black-10\">\n                        <LoadingCircle size={LoadingCircleSize.ExtraSmall} />\n                    </span>\n                )}\n                {(validation === Validation.Error || validation === Validation.Warning) && (\n                    <span\n                        className={merge([\n                            'tw-flex tw-items-center tw-justify-center',\n                            validation === Validation.Error && 'tw-text-text-negative',\n                            validation === Validation.Warning && 'tw-text-text-warning',\n                        ])}\n                        data-test-id=\"error-state-exclamation-mark-icon\"\n                    >\n                        <IconExclamationMarkTriangle />\n                    </span>\n                )}\n                {copyable && (\n                    <button\n                        className={merge([\n                            'tw-flex tw-items-center tw-justify-center tw-transition-colors tw-rounded',\n                            disabled\n                                ? 'tw-cursor-default tw-text-black-40'\n                                : 'tw-text-black-60 hover:tw-text-black-100',\n                            copyButtonIsFocusVisible && FOCUS_STYLE,\n                        ])}\n                        onClick={() => copy(value)}\n                        data-test-id=\"copy-icon\"\n                        title=\"Copy input text\"\n                        disabled={disabled}\n                        type=\"button\"\n                        {...copyButtonFocusProps}\n                    >\n                        {status === 'error' && (\n                            <span className=\"tw-text-box-negative-strong\">\n                                <IconCrossCircle />\n                            </span>\n                        )}\n                        {status === 'idle' && <IconClipboard />}\n                        {status === 'success' && (\n                            <span className=\"tw-text-box-positive-strong\">\n                                <IconCheckMark />\n                            </span>\n                        )}\n                    </button>\n                )}\n            </div>\n        );\n    },\n);\nTextInput.displayName = 'FondueTextInput';\n"],"names":["ExtraActionButton","extraAction","disabled","ref","extraActionButtonIsFocusVisible","extraActionButtonFocusProps","useFocusRing","isDisabled","jsx","merge","FOCUS_STYLE","ExtraActionButtonWithRef","forwardRef","TextInput","propId","type","decorator","validation","Validation","clearable","placeholder","required","obfuscated","autocomplete","dotted","value","copyable","onChange","onEnterPressed","onBlur","onClear","onFocus","size","spellcheck","readonly","focusOnMount","selectable","extraActions","maxLength","props","inputElement","useRef","useImperativeHandle","inputIsFocusVisible","inputFocusProps","clearButtonIsFocusVisible","clearButtonFocusProps","passwordButtonIsFocusVisible","passwordButtonFocusProps","copyButtonIsFocusVisible","copyButtonFocusProps","copy","status","useCopy","isObfuscated","setIsObfuscated","useState","useEffect","timeoutId","onKeyDown","event","getInputType","spellcheckProp","jsxs","validationClassMap","useMemoizedId","_a","e","index","key","LegacyTooltip","_b","IconCross","IconEye","IconEyeOff","LoadingCircle","LoadingCircleSize","IconExclamationMarkTriangle","IconCrossCircle","IconClipboard","IconCheckMark"],"mappings":"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"}

package/dist/components/Toast/Toast.es.js

@@ -1,58 +0,0 @@
-import { jsx as e, jsxs as w } from "react/jsx-runtime";
-import { motion as p } from "../../node_modules/.pnpm/motion@12.43.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/react.es.js";
-import { MIGHTY_INSET_BORDER as T, INSET_BORDER as S } from "../../utilities/borderStyle.es.js";
-import { merge as o } from "../../utilities/merge.es.js";
-import { ToastAnimationDirection as r, toastStylesBackgroundColorsMap as y } from "./types.es.js";
-import { AnimatePresence as A } from "../../node_modules/.pnpm/framer-motion@12.43.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.es.js";
-const f = "tw-min-h-[2rem] tw-rounded-lg tw-shadow-mid tw-z-[120000] before:!tw-rounded-lg", g = o([S, "tw-bg-base"]), h = o([T, "tw-bg-box-neutral-mighty"]), a = (t) => t === r.BottomToTop ? "150%" : "-150%", N = (t) => o([f, t === "dark" ? h : g]), u = ({
-  isOpen: t,
-  style: s,
-  icon: n,
-  animationDirection: i = r.BottomToTop,
-  children: m,
-  theme: l = "light",
-  enableExitAnimation: d = !1,
-  "data-test-id": c = "toast"
-}) => /* @__PURE__ */ e(A, { children: t && /* @__PURE__ */ e(
-  p.div,
-  {
-    className: N(l),
-    initial: {
-      opacity: 0,
-      y: a(i)
-    },
-    transition: {
-      opacity: {
-        ease: [0, 0, 1, 1]
-      },
-      y: {
-        ease: [0, 0.55, 0.45, 1]
-      },
-      delay: 0.3,
-      duration: 0.2
-    },
-    animate: { opacity: 1, y: 0 },
-    ...d ? { exit: { opacity: 0, y: a(i) } } : {},
-    "data-test-id": c,
-    "aria-live": "polite",
-    role: "alert",
-    children: /* @__PURE__ */ w("div", { className: "tw-flex", children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: o([
-            "tw-flex tw-items-center tw-justify-center tw-min-h-[2rem] tw-min-w-[3rem] tw-rounded-l-lg tw-text-white",
-            y[s]
-          ]),
-          children: n
-        }
-      ),
-      m
-    ] })
-  }
-) });
-u.displayName = "FondueToast";
-export {
-  u as Toast
-};
-//# sourceMappingURL=Toast.es.js.map

package/dist/components/Toast/Toast.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.es.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AnimatePresence, motion } from 'motion/react';\nimport { type ReactElement } from 'react';\n\nimport { INSET_BORDER, MIGHTY_INSET_BORDER } from '@utilities/borderStyle';\nimport { merge } from '@utilities/merge';\n\nimport { ToastAnimationDirection, type ToastProps, type ToastTheme, toastStylesBackgroundColorsMap } from './types';\n\nconst CONTAINER_BASE_CLASSES = 'tw-min-h-[2rem] tw-rounded-lg tw-shadow-mid tw-z-[120000] before:!tw-rounded-lg';\n\nconst LIGHT_VARIANT_CLASSES = merge([INSET_BORDER, 'tw-bg-base']);\nconst DARK_VARIANT_CLASSES = merge([MIGHTY_INSET_BORDER, 'tw-bg-box-neutral-mighty']);\n\nconst getToastStartPosition = (animationDirection: ToastAnimationDirection) =>\n    animationDirection === ToastAnimationDirection.BottomToTop ? '150%' : '-150%';\n\nconst getContainerClasses = (theme: ToastTheme) => {\n    return merge([CONTAINER_BASE_CLASSES, theme === 'dark' ? DARK_VARIANT_CLASSES : LIGHT_VARIANT_CLASSES]);\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const Toast = ({\n    isOpen,\n    style,\n    icon,\n    animationDirection = ToastAnimationDirection.BottomToTop,\n    children,\n    theme = 'light',\n    enableExitAnimation = false,\n    'data-test-id': dataTestId = 'toast',\n}: ToastProps): ReactElement => (\n    <AnimatePresence>\n        {isOpen && (\n            <motion.div\n                className={getContainerClasses(theme)}\n                initial={{\n                    opacity: 0,\n                    y: getToastStartPosition(animationDirection),\n                }}\n                transition={{\n                    opacity: {\n                        ease: [0, 0, 1, 1],\n                    },\n                    y: {\n                        ease: [0, 0.55, 0.45, 1],\n                    },\n                    delay: 0.3,\n                    duration: 0.2,\n                }}\n                animate={{ opacity: 1, y: 0 }}\n                {...(enableExitAnimation ? { exit: { opacity: 0, y: getToastStartPosition(animationDirection) } } : {})}\n                data-test-id={dataTestId}\n                aria-live=\"polite\"\n                role=\"alert\"\n            >\n                <div className=\"tw-flex\">\n                    <div\n                        className={merge([\n                            'tw-flex tw-items-center tw-justify-center tw-min-h-[2rem] tw-min-w-[3rem] tw-rounded-l-lg tw-text-white',\n                            toastStylesBackgroundColorsMap[style],\n                        ])}\n                    >\n                        {icon}\n                    </div>\n                    {children}\n                </div>\n            </motion.div>\n        )}\n    </AnimatePresence>\n);\nToast.displayName = 'FondueToast';\n"],"names":["CONTAINER_BASE_CLASSES","LIGHT_VARIANT_CLASSES","merge","INSET_BORDER","DARK_VARIANT_CLASSES","MIGHTY_INSET_BORDER","getToastStartPosition","animationDirection","ToastAnimationDirection","getContainerClasses","theme","Toast","isOpen","style","icon","children","enableExitAnimation","dataTestId","jsx","AnimatePresence","motion","jsxs","toastStylesBackgroundColorsMap"],"mappings":";;;;;;AAUA,MAAMA,IAAyB,mFAEzBC,IAAwBC,EAAM,CAACC,GAAc,YAAY,CAAC,GAC1DC,IAAuBF,EAAM,CAACG,GAAqB,0BAA0B,CAAC,GAE9EC,IAAwB,CAACC,MAC3BA,MAAuBC,EAAwB,cAAc,SAAS,SAEpEC,IAAsB,CAACC,MAClBR,EAAM,CAACF,GAAwBU,MAAU,SAASN,IAAuBH,CAAqB,CAAC,GAM7FU,IAAQ,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,oBAAAP,IAAqBC,EAAwB;AAAA,EAC7C,UAAAO;AAAA,EACA,OAAAL,IAAQ;AAAA,EACR,qBAAAM,IAAsB;AAAA,EACtB,gBAAgBC,IAAa;AACjC,MACI,gBAAAC,EAACC,KACI,UAAAP,KACG,gBAAAM;AAAA,EAACE,EAAO;AAAA,EAAP;AAAA,IACG,WAAWX,EAAoBC,CAAK;AAAA,IACpC,SAAS;AAAA,MACL,SAAS;AAAA,MACT,GAAGJ,EAAsBC,CAAkB;AAAA,IAAA;AAAA,IAE/C,YAAY;AAAA,MACR,SAAS;AAAA,QACL,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,MAAA;AAAA,MAErB,GAAG;AAAA,QACC,MAAM,CAAC,GAAG,MAAM,MAAM,CAAC;AAAA,MAAA;AAAA,MAE3B,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEd,SAAS,EAAE,SAAS,GAAG,GAAG,EAAA;AAAA,IACzB,GAAIS,IAAsB,EAAE,MAAM,EAAE,SAAS,GAAG,GAAGV,EAAsBC,CAAkB,EAAA,EAAE,IAAM,CAAA;AAAA,IACpG,gBAAcU;AAAA,IACd,aAAU;AAAA,IACV,MAAK;AAAA,IAEL,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWhB,EAAM;AAAA,YACb;AAAA,YACAoB,EAA+BT,CAAK;AAAA,UAAA,CACvC;AAAA,UAEA,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJC;AAAA,IAAA,EAAA,CACL;AAAA,EAAA;AACJ,EAAA,CAER;AAEJJ,EAAM,cAAc;"}

package/dist/components/Toast/types.es.js

@@ -1,13 +0,0 @@
-var r = /* @__PURE__ */ ((o) => (o.BottomToTop = "BottomToTop", o.TopToBottom = "TopToBottom", o))(r || {}), g = /* @__PURE__ */ ((o) => (o.Loud = "Loud", o.Danger = "Danger", o.Success = "Success", o.Warning = "Warning", o))(g || {});
-const n = {
-  Loud: "tw-bg-box-selected-strong",
-  Danger: "tw-bg-box-negative-strong-pressed",
-  Success: "tw-bg-box-positive-strong-pressed",
-  Warning: "tw-bg-box-warning-strong"
-};
-export {
-  r as ToastAnimationDirection,
-  g as ToastStyle,
-  n as toastStylesBackgroundColorsMap
-};
-//# sourceMappingURL=types.es.js.map

package/dist/components/Toast/types.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.es.js","sources":["../../../src/components/Toast/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport type ToastProps = {\n    isOpen: boolean;\n    style: ToastStyle;\n    icon: ReactNode;\n    animationDirection?: ToastAnimationDirection;\n    children?: ReactNode;\n    theme?: ToastTheme;\n    enableExitAnimation?: boolean;\n    'data-test-id'?: string;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport enum ToastAnimationDirection {\n    BottomToTop = 'BottomToTop',\n    TopToBottom = 'TopToBottom',\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport enum ToastStyle {\n    Loud = 'Loud',\n    Danger = 'Danger',\n    Success = 'Success',\n    Warning = 'Warning',\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const toastStylesBackgroundColorsMap: Record<ToastStyle, string> = {\n    [ToastStyle.Loud]: 'tw-bg-box-selected-strong',\n    [ToastStyle.Danger]: 'tw-bg-box-negative-strong-pressed',\n    [ToastStyle.Success]: 'tw-bg-box-positive-strong-pressed',\n    [ToastStyle.Warning]: 'tw-bg-box-warning-strong',\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport type ToastTheme = 'light' | 'dark';\n"],"names":["ToastAnimationDirection","ToastStyle","toastStylesBackgroundColorsMap"],"mappings":"AAqBO,IAAKA,sBAAAA,OACRA,EAAA,cAAc,eACdA,EAAA,cAAc,eAFNA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,UAAU,WACVA,EAAA,UAAU,WAJFA,IAAAA,KAAA,CAAA,CAAA;AAUL,MAAMC,IAA6D;AAAA,EACrE,MAAkB;AAAA,EAClB,QAAoB;AAAA,EACpB,SAAqB;AAAA,EACrB,SAAqB;AAC1B;"}

package/dist/components/Trigger/Trigger.es.js

@@ -1,121 +0,0 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { IconCross as v, IconTrashBin as F, IconCaretDown as C, IconExclamationMarkTriangle as N } from "@frontify/fondue-icons";
-import { useFocusRing as b } from "@react-aria/focus";
-import { FOCUS_STYLE as w, FOCUS_VISIBLE_STYLE as D } from "../../utilities/focusStyle.es.js";
-import { merge as e } from "../../utilities/merge.es.js";
-import { Validation as a, validationClassMap as I } from "../../utilities/validation.es.js";
-var y = /* @__PURE__ */ ((r) => (r.Default = "Default", r.Weak = "Weak", r))(y || {});
-const S = (r, s, i, l, o) => e([
-  "tw-group tw-relative tw-flex tw-w-full tw-items-center tw-justify-between tw-border tw-rounded tw-transition-colors tw-min-h-[36px]",
-  r && w,
-  s ? "tw-border-black-5 tw-bg-black-5 tw-pointer-events-none" : e([
-    "hover:tw-border-line-xx-strong",
-    l === "Weak" ? "" : "tw-bg-base",
-    i ? "tw-border-line-xx-strong" : "tw-border-line",
-    l === "Weak" ? "tw-border-0 hover:tw-outline hover:tw-outline-1" : I[o]
-  ])
-]), T = ({
-  buttonProps: r,
-  onClear: s,
-  onDelete: i,
-  children: l,
-  disabled: o = !1,
-  isOpen: c = !1,
-  isFocusVisible: d = !1,
-  size: m = "Small",
-  showClear: x = !1,
-  validation: n = a.Default,
-  emphasis: g = "Default"
-  /* Default */
-}) => {
-  const { focusProps: f, isFocusVisible: p } = b(), { focusProps: k, isFocusVisible: h } = b();
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      "data-test-id": "trigger",
-      className: S(d, o, c, g, n),
-      children: [
-        l,
-        /* @__PURE__ */ u(
-          "div",
-          {
-            className: e([
-              "tw-flex-none tw-flex tw-items-center tw-absolute",
-              m === "Large" ? "tw-right-5 tw-gap-1.5" : "tw-right-3 tw-gap-1"
-            ]),
-            children: [
-              x && /* @__PURE__ */ t(
-                "button",
-                {
-                  ...f,
-                  "data-test-id": "dropdown-clear-button",
-                  "aria-label": "Clear selection",
-                  type: "button",
-                  className: e([
-                    p && w,
-                    o ? "tw-pointer-events-none tw-text-black-40" : "tw-text-black-80"
-                  ]),
-                  onClick: () => !!s && s(),
-                  children: /* @__PURE__ */ t(v, { size: 12 })
-                }
-              ),
-              !!i && /* @__PURE__ */ t(
-                "button",
-                {
-                  ...k,
-                  "data-test-id": "dropdown-delete-button",
-                  "aria-label": "Delete selection",
-                  type: "button",
-                  className: e([
-                    "tw-rounded",
-                    h && w,
-                    o ? "tw-pointer-events-none tw-text-black-40" : "tw-text-black-80"
-                  ]),
-                  onClick: i,
-                  children: /* @__PURE__ */ t(F, { size: 12 })
-                }
-              ),
-              /* @__PURE__ */ t(
-                "button",
-                {
-                  ...r,
-                  type: "button",
-                  tabIndex: -1,
-                  disabled: o,
-                  "aria-hidden": !0,
-                  className: e([
-                    "tw-rounded",
-                    o ? "tw-pointer-events-none tw-text-black-40" : e([
-                      "group-hover:tw-text-black ",
-                      c ? "tw-text-black-100" : "tw-text-black-80",
-                      D
-                    ])
-                  ]),
-                  children: /* @__PURE__ */ t("div", { className: e(["tw-transition-transform", c && "tw-rotate-180"]), children: /* @__PURE__ */ t(C, { size: 16 }) })
-                }
-              ),
-              (n === a.Error || n === a.Warning) && /* @__PURE__ */ t(
-                "span",
-                {
-                  className: e([
-                    "tw-flex tw-items-center tw-justify-center",
-                    n === a.Error && "tw-text-text-negative",
-                    n === a.Warning && "tw-text-text-warning"
-                  ]),
-                  "data-test-id": "error-state-exclamation-mark-icon",
-                  children: /* @__PURE__ */ t(N, {})
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-T.displayName = "FondueTrigger";
-export {
-  T as Trigger,
-  y as TriggerEmphasis
-};
-//# sourceMappingURL=Trigger.es.js.map

package/dist/components/Trigger/Trigger.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Trigger.es.js","sources":["../../../src/components/Trigger/Trigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretDown, IconCross, IconExclamationMarkTriangle, IconTrashBin } from '@frontify/fondue-icons';\nimport { useFocusRing } from '@react-aria/focus';\nimport { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';\n\nimport { FOCUS_STYLE, FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\nimport { Validation, validationClassMap } from '@utilities/validation';\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport enum TriggerSize {\n    Small = 'Small',\n    Large = 'Large',\n}\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport enum TriggerEmphasis {\n    Default = 'Default',\n    Weak = 'Weak',\n}\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport type TriggerProps = {\n    disabled?: boolean;\n    children?: ReactNode;\n    isOpen?: boolean;\n    onClear?: () => void;\n    onDelete?: () => void;\n    buttonProps?: HTMLAttributes<HTMLElement>;\n    isFocusVisible?: boolean;\n    size?: TriggerSize;\n    showClear?: boolean;\n    validation?: Validation;\n    emphasis?: TriggerEmphasis;\n};\n\nconst getTriggerClassNames = (\n    isFocusVisible: boolean,\n    disabled: boolean,\n    isOpen: boolean,\n    emphasis: TriggerEmphasis,\n    validation: Validation,\n) =>\n    merge([\n        'tw-group tw-relative tw-flex tw-w-full tw-items-center tw-justify-between tw-border tw-rounded tw-transition-colors tw-min-h-[36px]',\n        isFocusVisible && FOCUS_STYLE,\n        disabled\n            ? 'tw-border-black-5 tw-bg-black-5 tw-pointer-events-none'\n            : merge([\n                  'hover:tw-border-line-xx-strong',\n                  emphasis === TriggerEmphasis.Weak ? '' : 'tw-bg-base',\n                  isOpen ? 'tw-border-line-xx-strong' : 'tw-border-line',\n                  emphasis === TriggerEmphasis.Weak\n                      ? 'tw-border-0 hover:tw-outline hover:tw-outline-1'\n                      : validationClassMap[validation],\n              ]),\n    ]);\n\n/**\n * @deprecated Please use a custom component instead.\n */\nexport const Trigger = ({\n    buttonProps,\n    onClear,\n    onDelete,\n    children,\n    disabled = false,\n    isOpen = false,\n    isFocusVisible = false,\n    size = TriggerSize.Small,\n    showClear = false,\n    validation = Validation.Default,\n    emphasis = TriggerEmphasis.Default,\n}: TriggerProps): ReactElement => {\n    const { focusProps: clearableFocusProps, isFocusVisible: isClearFocusVisible } = useFocusRing();\n    const { focusProps: onDeleteFocusProps, isFocusVisible: isOnDeleteFocusVisible } = useFocusRing();\n\n    return (\n        <div\n            data-test-id=\"trigger\"\n            className={getTriggerClassNames(isFocusVisible, disabled, isOpen, emphasis, validation)}\n        >\n            {children}\n            <div\n                className={merge([\n                    'tw-flex-none tw-flex tw-items-center tw-absolute',\n                    size === TriggerSize.Large ? 'tw-right-5 tw-gap-1.5' : 'tw-right-3 tw-gap-1',\n                ])}\n            >\n                {showClear && (\n                    <button\n                        {...clearableFocusProps}\n                        data-test-id=\"dropdown-clear-button\"\n                        aria-label=\"Clear selection\"\n                        type=\"button\"\n                        className={merge([\n                            isClearFocusVisible && FOCUS_STYLE,\n                            disabled ? 'tw-pointer-events-none tw-text-black-40' : 'tw-text-black-80',\n                        ])}\n                        onClick={() => !!onClear && onClear()}\n                    >\n                        <IconCross size={12} />\n                    </button>\n                )}\n                {!!onDelete && (\n                    <button\n                        {...onDeleteFocusProps}\n                        data-test-id=\"dropdown-delete-button\"\n                        aria-label=\"Delete selection\"\n                        type=\"button\"\n                        className={merge([\n                            'tw-rounded',\n                            isOnDeleteFocusVisible && FOCUS_STYLE,\n                            disabled ? 'tw-pointer-events-none tw-text-black-40' : 'tw-text-black-80',\n                        ])}\n                        onClick={onDelete}\n                    >\n                        <IconTrashBin size={12} />\n                    </button>\n                )}\n                <button\n                    {...buttonProps}\n                    type=\"button\"\n                    tabIndex={-1}\n                    disabled={disabled}\n                    aria-hidden\n                    className={merge([\n                        'tw-rounded',\n                        disabled\n                            ? 'tw-pointer-events-none tw-text-black-40'\n                            : merge([\n                                  'group-hover:tw-text-black ',\n                                  isOpen ? 'tw-text-black-100' : 'tw-text-black-80',\n                                  FOCUS_VISIBLE_STYLE,\n                              ]),\n                    ])}\n                >\n                    <div className={merge(['tw-transition-transform', isOpen && 'tw-rotate-180'])}>\n                        <IconCaretDown size={16} />\n                    </div>\n                </button>\n\n                {(validation === Validation.Error || validation === Validation.Warning) && (\n                    <span\n                        className={merge([\n                            'tw-flex tw-items-center tw-justify-center',\n                            validation === Validation.Error && 'tw-text-text-negative',\n                            validation === Validation.Warning && 'tw-text-text-warning',\n                        ])}\n                        data-test-id=\"error-state-exclamation-mark-icon\"\n                    >\n                        <IconExclamationMarkTriangle />\n                    </span>\n                )}\n            </div>\n        </div>\n    );\n};\n\n/**\n * @deprecated Please use a custom component instead.\n */\nTrigger.displayName = 'FondueTrigger';\n"],"names":["TriggerEmphasis","getTriggerClassNames","isFocusVisible","disabled","isOpen","emphasis","validation","merge","FOCUS_STYLE","validationClassMap","Trigger","buttonProps","onClear","onDelete","children","size","showClear","Validation","clearableFocusProps","isClearFocusVisible","useFocusRing","onDeleteFocusProps","isOnDeleteFocusVisible","jsxs","jsx","IconCross","IconTrashBin","FOCUS_VISIBLE_STYLE","IconCaretDown","IconExclamationMarkTriangle"],"mappings":"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"}