@frontify/fondue-components 29.0.1 → 29.2.0

package/dist/fondue-components11.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components11.js","sources":["../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCaretRight } from '@frontify/fondue-icons';\nimport * as RadixDropdown from '@radix-ui/react-dropdown-menu';\nimport { Children, forwardRef, useMemo, useRef, type ForwardedRef, type ReactNode } from 'react';\n\nimport { ThemeProvider, useFondueTheme } from '../ThemeProvider/ThemeProvider';\n\nimport { useProcessedChildren } from './hooks/useProcessedChildren';\nimport styles from './styles/dropdown.module.scss';\n\nexport type DropdownRootProps = {\n    children?: ReactNode;\n    /**\n     * When set to true, interaction with outside elements will be disabled and only menu content will be visible to screen readers.\n     * @default false\n     */\n    modal?: boolean;\n    /**\n     * Controls the open state of the dropdown.\n     */\n    open?: boolean;\n    /**\n     * Callback that is called when the open state of the dropdown changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n\n    'data-test-id'?: string;\n};\n\nexport const DropdownRoot = ({\n    children,\n    open,\n    modal = false,\n    onOpenChange,\n    'data-test-id': dataTestId = 'fondue-dropdown',\n}: DropdownRootProps) => {\n    return (\n        <RadixDropdown.Root open={open} modal={modal} onOpenChange={onOpenChange} data-test-id={dataTestId}>\n            {children}\n        </RadixDropdown.Root>\n    );\n};\nDropdownRoot.displayName = 'Dropdown.Root';\n\nexport type DropdownTriggerProps = {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default true\n     */\n    asChild?: boolean;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const DropdownTrigger = (\n    {\n        asChild = true,\n        children,\n        'data-test-id': dataTestId = 'fondue-dropdown-trigger',\n        ...props\n    }: DropdownTriggerProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return (\n        <RadixDropdown.Trigger asChild={asChild} data-test-id={dataTestId} ref={ref} {...props}>\n            {children}\n        </RadixDropdown.Trigger>\n    );\n};\nDropdownTrigger.displayName = 'Dropdown.Trigger';\n\ntype DropdownSpacing = 'compact' | 'comfortable' | 'spacious';\ntype DropdownViewportCollisionPadding = 'compact' | 'spacious';\nexport type DropdownContentProps = {\n    children?: ReactNode;\n    'data-test-id'?: string;\n    /**\n     * Defines the alignment of the dropdown.\n     * @default \"start\"\n     */\n    align?: 'start' | 'center' | 'end';\n    /**\n     * Defines the preferred side of the dropdown. It will not be respected if there are collisions with the viewport.\n     * @default \"bottom\"\n     */\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    /**\n     * Defines the spacing between the dropdown and its trigger.\n     * @default 'compact'\n     */\n    triggerOffset?: DropdownSpacing;\n    /**\n     * Prevents the focus from being set on the trigger when the dropdown is closed.\n     */\n    preventTriggerFocusOnClose?: boolean;\n    /**\n     * Define the minimum distance between the dropdown and the viewport edge\n     * @default 'compact'\n     */\n    viewportCollisionPadding?: DropdownViewportCollisionPadding;\n    /**\n     * When true, the content will always be mounted in the DOM. Before enabling, make sure you really need it.\n     * @default false\n     */\n    forceMount?: boolean;\n    /**\n     * Event handler called when the escape key is pressed.\n     */\n    onEscapeKeyDown?: (event: KeyboardEvent) => void;\n};\n\nconst SPACING_MAP: Record<DropdownSpacing, number> = {\n    compact: 8,\n    comfortable: 12,\n    spacious: 16,\n};\n\nconst VIEWPORT_COLLISION_PADDING_MAP: Record<DropdownViewportCollisionPadding, number> = {\n    compact: 8,\n    spacious: 24,\n};\n\nexport const DropdownContent = (\n    {\n        side = 'bottom',\n        align = 'start',\n        triggerOffset = 'compact',\n        children,\n        preventTriggerFocusOnClose,\n        viewportCollisionPadding = 'compact',\n        forceMount = false,\n        onEscapeKeyDown,\n        'data-test-id': dataTestId = 'fondue-dropdown-content',\n    }: DropdownContentProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const localRef = useRef<HTMLDivElement>(null);\n    const { theme, dir } = useFondueTheme();\n    const actualRef = ref || localRef;\n    return (\n        <RadixDropdown.Portal forceMount={forceMount || undefined}>\n            <ThemeProvider theme={theme} dir={dir}>\n                <RadixDropdown.Content\n                    // @ts-expect-error - dir prop works at runtime but is not in the Radix UI type definition\n                    dir={dir}\n                    align={align}\n                    collisionPadding={VIEWPORT_COLLISION_PADDING_MAP[viewportCollisionPadding]}\n                    sideOffset={SPACING_MAP[triggerOffset]}\n                    side={side}\n                    className={styles.content}\n                    data-test-id={dataTestId}\n                    ref={actualRef}\n                    onEscapeKeyDown={onEscapeKeyDown}\n                    onPointerDownOutside={(event) => {\n                        if (!forceMount) {\n                            return;\n                        }\n\n                        if (!(event.target instanceof Element)) {\n                            return;\n                        }\n\n                        if (!(actualRef instanceof Object) || !('current' in actualRef)) {\n                            return;\n                        }\n\n                        let element: Element | null = event.target;\n                        let controlsId: string | null = null;\n\n                        while (element && element !== document.body) {\n                            controlsId = element.getAttribute('aria-controls');\n\n                            if (controlsId) {\n                                break;\n                            }\n\n                            element = element.parentElement;\n                        }\n\n                        if (controlsId === actualRef.current?.id) {\n                            event.preventDefault();\n                        }\n                    }}\n                    onCloseAutoFocus={(event) => {\n                        if (preventTriggerFocusOnClose) {\n                            event.preventDefault();\n                        }\n                    }}\n                    forceMount={forceMount || undefined}\n                >\n                    {children}\n                </RadixDropdown.Content>\n            </ThemeProvider>\n        </RadixDropdown.Portal>\n    );\n};\nDropdownContent.displayName = 'Dropdown.Content';\n\nexport type DropdownGroupProps = { children: ReactNode; heading?: string; 'data-test-id'?: string };\n\nexport const DropdownGroup = (\n    { children, heading, 'data-test-id': dataTestId = 'fondue-dropdown-group' }: DropdownGroupProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const hasChildren = useMemo(\n        () => Children.toArray(children).filter((child) => child !== null).length > 0,\n        [children],\n    );\n\n    if (!hasChildren) {\n        return null;\n    }\n\n    return (\n        <RadixDropdown.Group className={styles.group} data-test-id={dataTestId} ref={ref}>\n            {heading ? (\n                <div className={styles.groupHeading}>\n                    <span aria-label={heading}>{heading}</span>\n                </div>\n            ) : null}\n            {children}\n        </RadixDropdown.Group>\n    );\n};\nDropdownGroup.displayName = 'Dropdown.Group';\n\nexport type DropdownSubMenuProps = { children: ReactNode; 'data-test-id'?: string };\n\nexport const DropdownSubMenu = ({\n    children,\n    'data-test-id': dataTestId = 'fondue-dropdown-submenu',\n}: DropdownSubMenuProps) => {\n    return <RadixDropdown.Sub data-test-id={dataTestId}>{children}</RadixDropdown.Sub>;\n};\nDropdownSubMenu.displayName = 'Dropdown.SubMenu';\n\nexport type DropdownSubTriggerProps = { children: ReactNode; 'data-test-id'?: string };\n\nexport const DropdownSubTrigger = (\n    { children, 'data-test-id': dataTestId = 'fondue-dropdown-subtrigger' }: DropdownSubTriggerProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { content } = useProcessedChildren(children);\n    const wasMouseInteracted = useRef(false);\n    return (\n        <RadixDropdown.SubTrigger\n            className={styles.subTrigger}\n            // eslint-disable-next-line react-hooks/refs\n            data-show-focus-ring={wasMouseInteracted.current}\n            data-test-id={dataTestId}\n            ref={ref}\n            onMouseEnter={() => {\n                wasMouseInteracted.current = true;\n            }}\n            onFocus={(focusEvent) => {\n                if (!wasMouseInteracted.current) {\n                    focusEvent.target.dataset.showFocusRing = 'true';\n                }\n            }}\n            onBlur={(blurEvent) => {\n                blurEvent.target.dataset.showFocusRing = 'false';\n                wasMouseInteracted.current = false;\n            }}\n        >\n            {content}\n            <IconCaretRight className={styles.subMenuIndicator} size={16} />\n        </RadixDropdown.SubTrigger>\n    );\n};\nDropdownSubTrigger.displayName = 'Dropdown.SubTrigger';\n\nexport type DropdownSubContentProps = {\n    children: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const DropdownSubContent = (\n    { children, 'data-test-id': dataTestId = 'fondue-dropdown-subcontent' }: DropdownSubContentProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { theme, dir } = useFondueTheme();\n\n    return (\n        <RadixDropdown.Portal>\n            <ThemeProvider theme={theme} dir={dir}>\n                <RadixDropdown.SubContent\n                    // @ts-expect-error - dir prop works at runtime but is not in the Radix UI type definition\n                    dir={dir}\n                    className={styles.subContent}\n                    data-test-id={dataTestId}\n                    ref={ref}\n                >\n                    {children}\n                </RadixDropdown.SubContent>\n            </ThemeProvider>\n        </RadixDropdown.Portal>\n    );\n};\nDropdownSubContent.displayName = 'Dropdown.SubContent';\n\nexport type DropdownItemProps = {\n    children: ReactNode;\n    /**\n     * Disables the item.\n     */\n    disabled?: boolean;\n    /**\n     * The text value of the item that is passed to the onSelect callback.\n     */\n    textValue?: string;\n    /**\n     * The style of the item.\n     * @default \"default\"\n     */\n    emphasis?: 'default' | 'danger';\n    /**\n     * Callback that is called when the item is selected.\n     */\n    onSelect?: (event: Event) => void;\n    /**\n     * If true, the item props will be passed to the child element.\n     * @default false\n     */\n    asChild?: boolean;\n    'data-test-id'?: string;\n};\n\nexport const DropdownItem = (\n    {\n        children,\n        disabled,\n        textValue,\n        onSelect,\n        emphasis = 'default',\n        asChild = false,\n        'data-test-id': dataTestId = 'fondue-dropdown-subtrigger',\n        ...props\n    }: DropdownItemProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    const { content } = useProcessedChildren(children);\n    const wasMouseInteracted = useRef(false);\n\n    return (\n        <RadixDropdown.Item\n            onSelect={onSelect}\n            className={styles.item}\n            textValue={textValue}\n            data-test-id={dataTestId}\n            data-emphasis={emphasis}\n            ref={ref}\n            disabled={disabled}\n            asChild={asChild}\n            // eslint-disable-next-line react-hooks/refs\n            data-show-focus-ring={wasMouseInteracted.current}\n            onMouseEnter={() => {\n                wasMouseInteracted.current = true;\n            }}\n            onFocus={(focusEvent) => {\n                if (!wasMouseInteracted.current) {\n                    focusEvent.target.dataset.showFocusRing = 'true';\n                }\n            }}\n            onBlur={(blurEvent) => {\n                blurEvent.target.dataset.showFocusRing = 'false';\n                wasMouseInteracted.current = false;\n            }}\n            {...props}\n        >\n            {content}\n        </RadixDropdown.Item>\n    );\n};\nDropdownItem.displayName = 'Dropdown.Item';\n\nexport type DropdownSlotProps = { children: ReactNode; name?: 'left' | 'right'; 'data-test-id'?: string };\n\nexport const DropdownSlot = (\n    { children, name, 'data-test-id': dataTestId = 'fondue-dropdown-slot' }: DropdownSlotProps,\n    ref: ForwardedRef<HTMLDivElement>,\n) => {\n    return (\n        <div data-name={name} className={styles.slot} data-test-id={dataTestId} ref={ref}>\n            {children}\n        </div>\n    );\n};\nDropdownSlot.displayName = 'Dropdown.Slot';\n\nconst ForwardedRefDropdownTrigger = forwardRef<HTMLButtonElement, DropdownTriggerProps>(DropdownTrigger);\nconst ForwardedRefDropdownContent = forwardRef<HTMLDivElement, DropdownContentProps>(DropdownContent);\nconst ForwardedRefDropdownGroup = forwardRef<HTMLDivElement, DropdownGroupProps>(DropdownGroup);\nconst ForwardedRefDropdownSubTrigger = forwardRef<HTMLDivElement, DropdownSubTriggerProps>(DropdownSubTrigger);\nconst ForwardedRefDropdownSubContent = forwardRef<HTMLDivElement, DropdownSubContentProps>(DropdownSubContent);\nconst ForwardedRefDropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>(DropdownItem);\nconst ForwardedRefDropdownSlot = forwardRef<HTMLDivElement, DropdownSlotProps>(DropdownSlot);\n\nexport const Dropdown = {\n    Root: DropdownRoot,\n    Trigger: ForwardedRefDropdownTrigger,\n    Content: ForwardedRefDropdownContent,\n    Group: ForwardedRefDropdownGroup,\n    SubMenu: DropdownSubMenu,\n    SubTrigger: ForwardedRefDropdownSubTrigger,\n    SubContent: ForwardedRefDropdownSubContent,\n    Item: ForwardedRefDropdownItem,\n    Slot: ForwardedRefDropdownSlot,\n};\n"],"names":["DropdownRoot","children","open","modal","onOpenChange","dataTestId","jsx","RadixDropdown","DropdownTrigger","asChild","props","ref","SPACING_MAP","VIEWPORT_COLLISION_PADDING_MAP","DropdownContent","side","align","triggerOffset","preventTriggerFocusOnClose","viewportCollisionPadding","forceMount","onEscapeKeyDown","localRef","useRef","theme","dir","useFondueTheme","actualRef","ThemeProvider","styles","event","element","controlsId","_a","DropdownGroup","heading","useMemo","Children","child","jsxs","DropdownSubMenu","DropdownSubTrigger","content","useProcessedChildren","wasMouseInteracted","focusEvent","blurEvent","IconCaretRight","DropdownSubContent","DropdownItem","disabled","textValue","onSelect","emphasis","DropdownSlot","name","ForwardedRefDropdownTrigger","forwardRef","ForwardedRefDropdownContent","ForwardedRefDropdownGroup","ForwardedRefDropdownSubTrigger","ForwardedRefDropdownSubContent","ForwardedRefDropdownItem","ForwardedRefDropdownSlot","Dropdown"],"mappings":"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"}
+{"version":3,"file":"fondue-components11.js","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as Separator from '@radix-ui/react-separator';\nimport { forwardRef, type ForwardedRef, type ReactElement } from 'react';\n\nimport styles from './styles/divider.module.scss';\n\ntype DividerStyle = 'noline' | 'dashed' | 'solid';\ntype DividerPadding = 'none' | 'small' | 'medium' | 'large';\ntype DividerDirection = 'horizontal' | 'vertical';\ntype DividerColor = 'weak' | 'default' | 'strong';\n\nexport type DividerProps = {\n    /**\n     * The style of the divider\n     * @default \"solid\"\n     */\n    variant?: DividerStyle;\n    /**\n     * The padding of the divider\n     * @default \"medium\"\n     */\n    padding?: DividerPadding;\n    /**\n     * The color of the divider\n     * @default \"default\"\n     */\n    color?: DividerColor;\n    /**\n     * The direction of the divider\n     * @default \"horizontal\"\n     */\n    direction?: DividerDirection;\n    /**\n     * The html element to be used\n     * @default \"div\"\n     */\n    as?: 'div' | 'li';\n    /**\n     * When `true`, signifies that it is purely visual, carries no semantic\n     * meaning, and ensures it is not present in the accessibility tree.\n     * @default false\n     */\n    decorative?: boolean;\n    'data-test-id'?: string;\n    className?: string;\n};\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n    (\n        {\n            'data-test-id': dataTestId = 'fondue-divider',\n            direction = 'horizontal',\n            padding = 'medium',\n            className = '',\n            variant = 'solid',\n            color = 'default',\n            as = 'div',\n            decorative,\n        }: DividerProps,\n        ref: ForwardedRef<HTMLDivElement | null>,\n    ): ReactElement => {\n        const Component = as;\n\n        return (\n            <Separator.Root\n                ref={ref}\n                className={[styles.root, className].filter(Boolean).join(' ')}\n                data-variant={variant}\n                data-color={color}\n                data-padding={padding}\n                data-test-id={dataTestId}\n                decorative={decorative}\n                data-orientation={direction}\n                asChild\n            >\n                <Component />\n            </Separator.Root>\n        );\n    },\n);\n\nDivider.displayName = 'Divider';\n"],"names":["Divider","forwardRef","dataTestId","direction","padding","className","variant","color","as","decorative","ref","Component","jsx","Separator","styles"],"mappings":";;;;AAgDO,MAAMA,IAAUC;AAAA,EACnB,CACI;AAAA,IACI,gBAAgBC,IAAa;AAAA,IAC7B,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,IAAAC,IAAK;AAAA,IACL,YAAAC;AAAA,EAAA,GAEJC,MACe;AACf,UAAMC,IAAYH;AAElB,WACI,gBAAAI;AAAA,MAACC,EAAU;AAAA,MAAV;AAAA,QACG,KAAAH;AAAA,QACA,WAAW,CAACI,EAAO,MAAMT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAC5D,gBAAcC;AAAA,QACd,cAAYC;AAAA,QACZ,gBAAcH;AAAA,QACd,gBAAcF;AAAA,QACd,YAAAO;AAAA,QACA,oBAAkBN;AAAA,QAClB,SAAO;AAAA,QAEP,4BAACQ,GAAA,CAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvB;AACJ;AAEAX,EAAQ,cAAc;"}

package/dist/fondue-components110.js

@@ -1,10 +1,29 @@
-const o = "_root_jwtp8_4", t = "_arrow_jwtp8_27", r = {
+const o = "_root_wvtd0_2", _ = {
   root: o,
-  arrow: t
+  "weight-default": "_weight-default_wvtd0_7",
+  "weight-strong": "_weight-strong_wvtd0_11",
+  "weight-x-strong": "_weight-x-strong_wvtd0_15",
+  "size-x-small": "_size-x-small_wvtd0_19",
+  "size-small": "_size-small_wvtd0_24",
+  "size-medium": "_size-medium_wvtd0_29",
+  "size-large": "_size-large_wvtd0_34",
+  "color-default": "_color-default_wvtd0_39",
+  "color-weak": "_color-weak_wvtd0_43",
+  "color-x-weak": "_color-x-weak_wvtd0_47",
+  "color-disabled": "_color-disabled_wvtd0_51",
+  "color-negative": "_color-negative_wvtd0_55",
+  "color-positive": "_color-positive_wvtd0_59",
+  "color-warning": "_color-warning_wvtd0_63",
+  "color-interactive": "_color-interactive_wvtd0_67",
+  "color-box-neutral": "_color-box-neutral_wvtd0_71",
+  "color-box-selected": "_color-box-selected_wvtd0_75",
+  "color-box-disabled": "_color-box-disabled_wvtd0_79",
+  "color-box-positive": "_color-box-positive_wvtd0_83",
+  "color-box-negative": "_color-box-negative_wvtd0_87",
+  "color-box-warning": "_color-box-warning_wvtd0_91"
 };
 export {
-  t as arrow,
-  r as default,
+  _ as default,
   o as root
 };
 //# sourceMappingURL=fondue-components110.js.map

package/dist/fondue-components110.js.map

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

package/dist/fondue-components111.js

@@ -1,20 +1,22 @@
-const o = "_root_18649_5", c = "_caret_18649_43", t = "_colorName_18649_58", _ = "_colorIndicator_18649_61", n = "_button_18649_82", r = "_actions_18649_113", a = "_clearIcon_18649_122", s = {
+const o = "_root_10bzk_5", t = "_slot_10bzk_67", c = "_input_10bzk_67", n = "_placeholder_10bzk_72", s = "_iconSuccess_10bzk_154", _ = "_iconError_10bzk_162", r = "_loadingStatus_10bzk_175", p = "_inputWrapper_10bzk_195", e = {
   root: o,
-  caret: c,
-  colorName: t,
-  colorIndicator: _,
-  button: n,
-  actions: r,
-  clearIcon: a
+  slot: t,
+  input: c,
+  placeholder: n,
+  iconSuccess: s,
+  iconError: _,
+  loadingStatus: r,
+  inputWrapper: p
 };
 export {
-  r as actions,
-  n as button,
-  c as caret,
-  a as clearIcon,
-  _ as colorIndicator,
-  t as colorName,
-  s as default,
-  o as root
+  e as default,
+  _ as iconError,
+  s as iconSuccess,
+  c as input,
+  p as inputWrapper,
+  r as loadingStatus,
+  n as placeholder,
+  o as root,
+  t as slot
 };
 //# sourceMappingURL=fondue-components111.js.map

package/dist/fondue-components111.js.map

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

package/dist/fondue-components112.js

@@ -1,130 +1,28 @@
-import { useCallback as c } from "react";
-import { deepEqual as f } from "./fondue-components139.js";
-import { defaultSortableTransition as x, Sortable as R } from "./fondue-components84.js";
-import { isSortable as rr } from "./fondue-components84.js";
-import { useInstance as T } from "@dnd-kit/react";
-import { useDeepSignal as V, useOnValueChange as i, useIsomorphicLayoutEffect as k, useOnElementChange as m, useImmediateEffect as q } from "./fondue-components140.js";
-import { currentValue as v } from "./fondue-components141.js";
-import { batch as L } from "./fondue-components142.js";
-var N = Object.defineProperty, U = Object.defineProperties, z = Object.getOwnPropertyDescriptors, I = Object.getOwnPropertySymbols, A = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable, j = (o, t, a) => t in o ? N(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a, _ = (o, t) => {
-  for (var a in t || (t = {}))
-    A.call(t, a) && j(o, a, t[a]);
-  if (I)
-    for (var a of I(t))
-      B.call(t, a) && j(o, a, t[a]);
-  return o;
-}, F = (o, t) => U(o, z(t));
-function Y(o) {
-  const {
-    accept: t,
-    collisionDetector: a,
-    collisionPriority: b,
-    id: O,
-    data: p,
-    element: h,
-    handle: y,
-    index: g,
-    group: D,
-    disabled: P,
-    feedback: d,
-    modifiers: S,
-    sensors: w,
-    target: C,
-    type: E
-  } = o, l = _(_({}, x), o.transition), r = T((e) => new R(
-    F(_({}, o), {
-      transition: l,
-      register: !1,
-      handle: v(y),
-      element: v(h),
-      target: v(C),
-      feedback: d
-    }),
-    e
-  )), u = V(r, G);
-  return i(O, () => r.id = O), k(() => {
-    L(() => {
-      r.group = D, r.index = g;
-    });
-  }, [r, D, g]), i(E, () => r.type = E), i(
-    t,
-    () => r.accept = t,
-    void 0,
-    f
-  ), i(p, () => p && (r.data = p)), i(
-    g,
-    () => {
-      var e;
-      (e = r.manager) != null && e.dragOperation.status.idle && (l != null && l.idle) && r.refreshShape();
-    },
-    q
-  ), m(y, (e) => r.handle = e), m(h, (e) => r.element = e), m(C, (e) => r.target = e), i(P, () => r.disabled = P === !0), i(w, () => r.sensors = w), i(
-    a,
-    () => r.collisionDetector = a
-  ), i(
-    b,
-    () => r.collisionPriority = b
-  ), i(d, () => r.feedback = d ?? "default"), i(
-    l,
-    () => r.transition = l,
-    void 0,
-    f
-  ), i(
-    S,
-    () => r.modifiers = S,
-    void 0,
-    f
-  ), i(
-    o.alignment,
-    () => r.alignment = o.alignment
-  ), {
-    sortable: u,
-    get isDragging() {
-      return u.isDragging;
-    },
-    get isDropping() {
-      return u.isDropping;
-    },
-    get isDragSource() {
-      return u.isDragSource;
-    },
-    get isDropTarget() {
-      return u.isDropTarget;
-    },
-    handleRef: c(
-      (e) => {
-        r.handle = e ?? void 0;
-      },
-      [r]
-    ),
-    ref: c(
-      (e) => {
-        var n, s;
-        !e && ((n = r.element) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.element = e ?? void 0);
-      },
-      [r]
-    ),
-    sourceRef: c(
-      (e) => {
-        var n, s;
-        !e && ((n = r.source) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.source = e ?? void 0);
-      },
-      [r]
-    ),
-    targetRef: c(
-      (e) => {
-        var n, s;
-        !e && ((n = r.target) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.target = e ?? void 0);
-      },
-      [r]
-    )
-  };
-}
-function G(o, t, a) {
-  return !!(o === "isDragSource" && !a && t);
-}
+const t = "_root_3dhca_5", o = "_textareaWrapper_3dhca_62", s = "_textarea_3dhca_62", a = "_slot_3dhca_120", _ = "_decorator_3dhca_145", c = "_tools_3dhca_158", r = "_toolsButton_3dhca_190", e = "_success_3dhca_222", n = "_error_3dhca_226", d = "_loadingStatus_3dhca_230", l = "_spin_3dhca_1", h = {
+  root: t,
+  textareaWrapper: o,
+  textarea: s,
+  slot: a,
+  decorator: _,
+  tools: c,
+  toolsButton: r,
+  success: e,
+  error: n,
+  loadingStatus: d,
+  spin: l
+};
 export {
-  rr as isSortable,
-  Y as useSortable
+  _ as decorator,
+  h as default,
+  n as error,
+  d as loadingStatus,
+  t as root,
+  a as slot,
+  l as spin,
+  e as success,
+  s as textarea,
+  o as textareaWrapper,
+  c as tools,
+  r as toolsButton
 };
 //# sourceMappingURL=fondue-components112.js.map

package/dist/fondue-components112.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components112.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/sortable.js"],"sourcesContent":["import { useCallback } from 'react';\nimport { batch, deepEqual } from '@dnd-kit/state';\nimport { defaultSortableTransition, Sortable } from '@dnd-kit/dom/sortable';\nexport { isSortable, isSortableOperation } from '@dnd-kit/dom/sortable';\nimport { useInstance } from '@dnd-kit/react';\nimport { useDeepSignal, useOnValueChange, useIsomorphicLayoutEffect, useImmediateEffect, useOnElementChange } from '@dnd-kit/react/hooks';\nimport { currentValue } from '@dnd-kit/react/utilities';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction useSortable(input) {\n  const {\n    accept,\n    collisionDetector,\n    collisionPriority,\n    id,\n    data,\n    element,\n    handle,\n    index,\n    group,\n    disabled,\n    feedback,\n    modifiers,\n    sensors,\n    target,\n    type\n  } = input;\n  const transition = __spreadValues(__spreadValues({}, defaultSortableTransition), input.transition);\n  const sortable = useInstance((manager) => {\n    return new Sortable(\n      __spreadProps(__spreadValues({}, input), {\n        transition,\n        register: false,\n        handle: currentValue(handle),\n        element: currentValue(element),\n        target: currentValue(target),\n        feedback\n      }),\n      manager\n    );\n  });\n  const trackedSortable = useDeepSignal(sortable, shouldUpdateSynchronously);\n  useOnValueChange(id, () => sortable.id = id);\n  useIsomorphicLayoutEffect(() => {\n    batch(() => {\n      sortable.group = group;\n      sortable.index = index;\n    });\n  }, [sortable, group, index]);\n  useOnValueChange(type, () => sortable.type = type);\n  useOnValueChange(\n    accept,\n    () => sortable.accept = accept,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(data, () => data && (sortable.data = data));\n  useOnValueChange(\n    index,\n    () => {\n      var _a;\n      if (((_a = sortable.manager) == null ? void 0 : _a.dragOperation.status.idle) && (transition == null ? void 0 : transition.idle)) {\n        sortable.refreshShape();\n      }\n    },\n    useImmediateEffect\n  );\n  useOnElementChange(handle, (handle2) => sortable.handle = handle2);\n  useOnElementChange(element, (element2) => sortable.element = element2);\n  useOnElementChange(target, (target2) => sortable.target = target2);\n  useOnValueChange(disabled, () => sortable.disabled = disabled === true);\n  useOnValueChange(sensors, () => sortable.sensors = sensors);\n  useOnValueChange(\n    collisionDetector,\n    () => sortable.collisionDetector = collisionDetector\n  );\n  useOnValueChange(\n    collisionPriority,\n    () => sortable.collisionPriority = collisionPriority\n  );\n  useOnValueChange(feedback, () => sortable.feedback = feedback != null ? feedback : \"default\");\n  useOnValueChange(\n    transition,\n    () => sortable.transition = transition,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(\n    modifiers,\n    () => sortable.modifiers = modifiers,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(\n    input.alignment,\n    () => sortable.alignment = input.alignment\n  );\n  return {\n    sortable: trackedSortable,\n    get isDragging() {\n      return trackedSortable.isDragging;\n    },\n    get isDropping() {\n      return trackedSortable.isDropping;\n    },\n    get isDragSource() {\n      return trackedSortable.isDragSource;\n    },\n    get isDropTarget() {\n      return trackedSortable.isDropTarget;\n    },\n    handleRef: useCallback(\n      (element2) => {\n        sortable.handle = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    ref: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.element) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.element = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    sourceRef: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.source) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.source = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    targetRef: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.target) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.target = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    )\n  };\n}\nfunction shouldUpdateSynchronously(key, oldValue, newValue) {\n  if (key === \"isDragSource\" && !newValue && oldValue) return true;\n  return false;\n}\n\nexport { useSortable };\n//# sourceMappingURL=sortable.js.map\n//# sourceMappingURL=sortable.js.map"],"names":["__defProp","__defProps","__getOwnPropDescs","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","__spreadProps","useSortable","input","accept","collisionDetector","collisionPriority","id","data","element","handle","index","group","disabled","feedback","modifiers","sensors","target","type","transition","defaultSortableTransition","sortable","useInstance","manager","Sortable","currentValue","trackedSortable","useDeepSignal","shouldUpdateSynchronously","useOnValueChange","useIsomorphicLayoutEffect","batch","deepEqual","_a","useImmediateEffect","useOnElementChange","handle2","element2","target2","useCallback","_b","oldValue","newValue"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components112.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/fondue-components113.js

@@ -1,14 +1,12 @@
-import { createContext as t, useContext as r } from "react";
-const e = t({
-  itemId: "",
-  dragHandleRef: () => null,
-  hasHandle: !1
-});
-e.displayName = "OrderableItemContext";
-const a = e.Provider, n = () => r(e);
+const s = "_base_vux45_1", t = "_dark_vux45_249", _ = "_light_vux45_331", a = {
+  base: s,
+  dark: t,
+  light: _
+};
 export {
-  e as OrderableItemContext,
-  a as OrderableItemContextProvider,
-  n as useOrderableItemContext
+  s as base,
+  t as dark,
+  a as default,
+  _ as light
 };
 //# sourceMappingURL=fondue-components113.js.map

package/dist/fondue-components113.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components113.js","sources":["../src/components/OrderableList/hooks/useOrderedListItemContext.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createContext, useContext } from 'react';\n\ntype OrderableItemContextType = {\n    itemId: string;\n    dragHandleRef: (element: Element | null) => void;\n    hasHandle: boolean;\n    selected?: boolean;\n    onSelect?: (isSelected: boolean) => void;\n};\n\nexport const OrderableItemContext = createContext<OrderableItemContextType>({\n    itemId: '',\n    dragHandleRef: () => null,\n    hasHandle: false,\n});\nOrderableItemContext.displayName = 'OrderableItemContext';\n\nexport const OrderableItemContextProvider = OrderableItemContext.Provider;\n\nexport const useOrderableItemContext = (): OrderableItemContextType => useContext(OrderableItemContext);\n"],"names":["OrderableItemContext","createContext","OrderableItemContextProvider","useOrderableItemContext","useContext"],"mappings":";AAYO,MAAMA,IAAuBC,EAAwC;AAAA,EACxE,QAAQ;AAAA,EACR,eAAe,MAAM;AAAA,EACrB,WAAW;AACf,CAAC;AACDD,EAAqB,cAAc;AAE5B,MAAME,IAA+BF,EAAqB,UAEpDG,IAA0B,MAAgCC,EAAWJ,CAAoB;"}
+{"version":3,"file":"fondue-components113.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/fondue-components114.js

@@ -1,39 +1,36 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { getItemTitle as p } from "./fondue-components80.js";
-import { useOrderableListAnnounce as u } from "./fondue-components81.js";
-import { useOrderableItemContext as b } from "./fondue-components113.js";
-import l from "./fondue-components83.js";
-const I = f(({ children: t }, o) => {
-  const { itemId: c, onSelect: n, selected: r, hasHandle: d } = b(), m = u();
-  if (!n)
-    return (
-      // eslint-disable-next-line jsx-a11y-x/no-noninteractive-tabindex
-      /* @__PURE__ */ s("div", { className: l.content, ref: o, tabIndex: d ? 0 : void 0, children: t })
-    );
-  const a = () => {
-    const e = !r;
-    n(e), m(`${p(c)} ${e ? "selected" : "unselected"}`);
-  }, i = (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
-  };
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: l.content,
-      ref: o,
-      role: "button",
-      tabIndex: 0,
-      "aria-pressed": !!r,
-      onClick: a,
-      onKeyDown: i,
-      "data-clickable": !0,
-      children: t
-    }
-  );
-});
-I.displayName = "OrderableListItemContent";
+import { enUS as e } from "./fondue-components150.js";
+const l = {
+  Badge_dismiss: "Dismiss ${label}",
+  Card_deselect: "Deselect",
+  Card_select: "Select",
+  ColorPicker_blueChannel: "Blue Color Channel",
+  ColorPicker_greenChannel: "Green Color Channel",
+  ColorPicker_hexValue: "Hex color value",
+  ColorPicker_opacity: "Color Opacity",
+  ColorPicker_redChannel: "Red Color Channel",
+  ColorPicker_selectColor: "Select Color",
+  ColorPicker_selectFormat: "Select a color format",
+  DatePicker_selectDate: "Select Date",
+  Dialog_close: "Close",
+  Flyout_close: "Close",
+  Notice_dismiss: "Dismiss notice",
+  Select_additionalItemsSelected: "${count} additional items selected",
+  Select_clear: "clear input",
+  Select_error: "Error",
+  Select_multipleItemsSelected: "${count} items selected",
+  Select_selectedCount: "${count} selected: ${items}",
+  Select_singleItemSelected: "1 item selected",
+  Select_toggleMenu: "toggle menu",
+  Switch_defaultLabel: "Switch",
+  Table_sortAscending: "Sort ascending",
+  Table_sortByAscending: "Sort by ${column} ascending",
+  Table_sortByDescending: "Sort by ${column} descending",
+  Table_sortDescending: "Sort descending"
+}, o = {
+  translationStrings: l,
+  dateLocale: e
+};
 export {
-  I as OrderableListItemContent
+  o as enUS
 };
 //# sourceMappingURL=fondue-components114.js.map

package/dist/fondue-components114.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components114.js","sources":["../src/components/OrderableList/OrderableListItemContent.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type KeyboardEvent, type ReactNode } from 'react';\n\nimport { getItemTitle } from './helpers/getItemTitle';\nimport { useOrderableListAnnounce } from './hooks/useOrderableListAnnounce';\nimport { useOrderableItemContext } from './hooks/useOrderedListItemContext';\nimport styles from './styles/orderable-list.module.scss';\n\nexport const OrderableListItemContent = forwardRef<HTMLDivElement, { children: ReactNode }>(({ children }, ref) => {\n    const { itemId, onSelect, selected, hasHandle } = useOrderableItemContext();\n    const announce = useOrderableListAnnounce();\n\n    if (!onSelect) {\n        return (\n            // eslint-disable-next-line jsx-a11y-x/no-noninteractive-tabindex\n            <div className={styles.content} ref={ref} tabIndex={hasHandle ? 0 : undefined}>\n                {children}\n            </div>\n        );\n    }\n\n    const handleSelect = () => {\n        const newSelected = !selected;\n        onSelect(newSelected);\n        announce(`${getItemTitle(itemId)} ${newSelected ? 'selected' : 'unselected'}`);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            handleSelect();\n        }\n    };\n\n    return (\n        <div\n            className={styles.content}\n            ref={ref}\n            role=\"button\"\n            tabIndex={0}\n            aria-pressed={Boolean(selected)}\n            onClick={handleSelect}\n            onKeyDown={handleKeyDown}\n            data-clickable\n        >\n            {children}\n        </div>\n    );\n});\nOrderableListItemContent.displayName = 'OrderableListItemContent';\n"],"names":["OrderableListItemContent","forwardRef","children","ref","itemId","onSelect","selected","hasHandle","useOrderableItemContext","announce","useOrderableListAnnounce","jsx","styles","handleSelect","newSelected","getItemTitle","handleKeyDown","event"],"mappings":";;;;;;AASO,MAAMA,IAA2BC,EAAoD,CAAC,EAAE,UAAAC,EAAA,GAAYC,MAAQ;AAC/G,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,WAAAC,EAAA,IAAcC,EAAA,GAC5CC,IAAWC,EAAA;AAEjB,MAAI,CAACL;AACD;AAAA;AAAA,MAEI,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,SAAS,KAAAT,GAAU,UAAUI,IAAY,IAAI,QAC/D,UAAAL,EAAA,CACL;AAAA;AAIR,QAAMW,IAAe,MAAM;AACvB,UAAMC,IAAc,CAACR;AACrB,IAAAD,EAASS,CAAW,GACpBL,EAAS,GAAGM,EAAaX,CAAM,CAAC,IAAIU,IAAc,aAAa,YAAY,EAAE;AAAA,EACjF,GAEME,IAAgB,CAACC,MAAyB;AAC5C,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNJ,EAAA;AAAA,EAER;AAEA,SACI,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAO;AAAA,MAClB,KAAAT;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,gBAAc,EAAQG;AAAA,MACtB,SAASO;AAAA,MACT,WAAWG;AAAA,MACX,kBAAc;AAAA,MAEb,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AACDF,EAAyB,cAAc;"}
+{"version":3,"file":"fondue-components114.js","sources":["../src/locales/en-US.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { enUS as dateLocale } from 'date-fns/locale';\n\nconst translations = {\n    Badge_dismiss: 'Dismiss ${label}',\n    Card_deselect: 'Deselect',\n    Card_select: 'Select',\n    ColorPicker_blueChannel: 'Blue Color Channel',\n    ColorPicker_greenChannel: 'Green Color Channel',\n    ColorPicker_hexValue: 'Hex color value',\n    ColorPicker_opacity: 'Color Opacity',\n    ColorPicker_redChannel: 'Red Color Channel',\n    ColorPicker_selectColor: 'Select Color',\n    ColorPicker_selectFormat: 'Select a color format',\n    DatePicker_selectDate: 'Select Date',\n    Dialog_close: 'Close',\n    Flyout_close: 'Close',\n    Notice_dismiss: 'Dismiss notice',\n    Select_additionalItemsSelected: '${count} additional items selected',\n    Select_clear: 'clear input',\n    Select_error: 'Error',\n    Select_multipleItemsSelected: '${count} items selected',\n    Select_selectedCount: '${count} selected: ${items}',\n    Select_singleItemSelected: '1 item selected',\n    Select_toggleMenu: 'toggle menu',\n    Switch_defaultLabel: 'Switch',\n    Table_sortAscending: 'Sort ascending',\n    Table_sortByAscending: 'Sort by ${column} ascending',\n    Table_sortByDescending: 'Sort by ${column} descending',\n    Table_sortDescending: 'Sort descending',\n};\n\nexport const enUS = {\n    translationStrings: translations,\n    dateLocale,\n};\n"],"names":["translations","enUS","dateLocale"],"mappings":";AAIA,MAAMA,IAAe;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,gCAAgC;AAAA,EAChC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,8BAA8B;AAAA,EAC9B,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,sBAAsB;AAC1B,GAEaC,IAAO;AAAA,EAChB,oBAAoBD;AAAA,EAAA,YACpBE;AACJ;"}

package/dist/fondue-components115.js

@@ -1,17 +1,10 @@
-import { format as o } from "date-fns";
-import { transformDateRangeToPickerDateRange as i, transformDatePickerDateToDate as e } from "./fondue-components128.js";
-const y = (r) => !!(r && "from" in r && "to" in r), M = (r) => {
-  const t = e(r);
-  if (t)
-    return o(t, "MMMM d, yyyy");
-}, a = (r) => {
-  const t = i(r);
-  if (!(t != null && t.from) || !(t != null && t.to))
-    return;
-  const n = t.from.getFullYear() === t.to.getFullYear();
-  return n && t.from.getMonth() === t.to.getMonth() ? `${o(t.from, "MMM d")}–${o(t.to, "d, yyyy")}` : n ? `${o(t.from, "MMM d")}–${o(t.to, "MMM d, yyyy")}` : `${o(t.from, "MMM d, yyyy")}–${o(t.to, "MMM d, yyyy")}`;
-}, g = (r) => y(r) ? a(r) : M(r);
+const o = "_root_jwtp8_4", t = "_arrow_jwtp8_27", r = {
+  root: o,
+  arrow: t
+};
 export {
-  g as getDateDisplayString
+  t as arrow,
+  r as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components115.js.map

package/dist/fondue-components115.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components115.js","sources":["../src/components/DatePicker/helpers/dateDisplayFormatter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { format } from 'date-fns';\n\nimport { type DatePickerDate, type DatePickerDateRange } from '../types';\n\nimport { transformDateRangeToPickerDateRange, transformDatePickerDateToDate } from './dateTransformer';\n\nconst isDateRange = (selected?: DatePickerDateRange | DatePickerDate): selected is DatePickerDateRange => {\n    return Boolean(selected && 'from' in selected && 'to' in selected);\n};\n\nconst getSingleDateDisplayString = (selected?: DatePickerDate): string | undefined => {\n    const singleDate = transformDatePickerDateToDate(selected);\n    if (!singleDate) {\n        return undefined;\n    }\n    return format(singleDate, 'MMMM d, yyyy');\n};\n\nconst getDateRangeDisplayString = (selected?: DatePickerDateRange): string | undefined => {\n    const dateRange = transformDateRangeToPickerDateRange(selected);\n    if (!dateRange?.from || !dateRange?.to) {\n        return undefined;\n    }\n\n    const isSameYear = dateRange.from.getFullYear() === dateRange.to.getFullYear();\n\n    const isSameMonth = isSameYear && dateRange.from.getMonth() === dateRange.to.getMonth();\n\n    if (isSameMonth) {\n        return `${format(dateRange.from, 'MMM d')}\\u2013${format(dateRange.to, 'd, yyyy')}`;\n    }\n\n    if (isSameYear) {\n        return `${format(dateRange.from, 'MMM d')}\\u2013${format(dateRange.to, 'MMM d, yyyy')}`;\n    }\n\n    return `${format(dateRange.from, 'MMM d, yyyy')}\\u2013${format(dateRange.to, 'MMM d, yyyy')}`;\n};\n\nexport const getDateDisplayString = (selected?: DatePickerDateRange | DatePickerDate): string | undefined => {\n    if (isDateRange(selected)) {\n        return getDateRangeDisplayString(selected);\n    }\n    return getSingleDateDisplayString(selected);\n};\n"],"names":["isDateRange","selected","getSingleDateDisplayString","singleDate","transformDatePickerDateToDate","format","getDateRangeDisplayString","dateRange","transformDateRangeToPickerDateRange","isSameYear","getDateDisplayString"],"mappings":";;AAQA,MAAMA,IAAc,CAACC,MACV,GAAQA,KAAY,UAAUA,KAAY,QAAQA,IAGvDC,IAA6B,CAACD,MAAkD;AAClF,QAAME,IAAaC,EAA8BH,CAAQ;AACzD,MAAKE;AAGL,WAAOE,EAAOF,GAAY,cAAc;AAC5C,GAEMG,IAA4B,CAACL,MAAuD;AACtF,QAAMM,IAAYC,EAAoCP,CAAQ;AAC9D,MAAI,EAACM,KAAA,QAAAA,EAAW,SAAQ,EAACA,KAAA,QAAAA,EAAW;AAChC;AAGJ,QAAME,IAAaF,EAAU,KAAK,kBAAkBA,EAAU,GAAG,YAAA;AAIjE,SAFoBE,KAAcF,EAAU,KAAK,eAAeA,EAAU,GAAG,SAAA,IAGlE,GAAGF,EAAOE,EAAU,MAAM,OAAO,CAAC,IAASF,EAAOE,EAAU,IAAI,SAAS,CAAC,KAGjFE,IACO,GAAGJ,EAAOE,EAAU,MAAM,OAAO,CAAC,IAASF,EAAOE,EAAU,IAAI,aAAa,CAAC,KAGlF,GAAGF,EAAOE,EAAU,MAAM,aAAa,CAAC,IAASF,EAAOE,EAAU,IAAI,aAAa,CAAC;AAC/F,GAEaG,IAAuB,CAACT,MAC7BD,EAAYC,CAAQ,IACbK,EAA0BL,CAAQ,IAEtCC,EAA2BD,CAAQ;"}
+{"version":3,"file":"fondue-components115.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/fondue-components116.js

@@ -1,18 +1,8 @@
-const t = "_root_v3an7_5", a = "_caret_v3an7_44", o = "_dateName_v3an7_59", n = "_button_v3an7_80", c = "_actions_v3an7_93", _ = "_clearIcon_v3an7_101", e = {
-  root: t,
-  caret: a,
-  dateName: o,
-  button: n,
-  actions: c,
-  clearIcon: _
+const o = "_root_gey5w_2", t = {
+  root: o
 };
 export {
-  c as actions,
-  n as button,
-  a as caret,
-  _ as clearIcon,
-  o as dateName,
-  e as default,
-  t as root
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components116.js.map

package/dist/fondue-components116.js.map

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