@frontify/fondue-components 29.2.0 → 30.0.0

package/dist/fondue-components166.js

@@ -1,19 +1,10 @@
-const r = {
-  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
-  wide: [
-    "Januar",
-    "Februar",
-    "März",
-    "April",
-    "Mai",
-    "Juni",
-    "Juli",
-    "August",
-    "September",
-    "Oktober",
-    "November",
-    "Dezember"
-  ]
+function r(t) {
+  return (d = {}) => {
+    const n = d.width ? String(d.width) : t.defaultWidth;
+    return t.formats[n] || t.formats[t.defaultWidth];
+  };
+}
+export {
+  r as buildFormatLongFn
 };
-r.narrow, r.wide;
 //# sourceMappingURL=fondue-components166.js.map

package/dist/fondue-components166.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components166.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/de/_lib/localize.mjs"],"sourcesContent":["import { buildLocalizeFn } from \"../../_lib/buildLocalizeFn.mjs\";\n\nconst eraValues = {\n  narrow: [\"v.Chr.\", \"n.Chr.\"],\n  abbreviated: [\"v.Chr.\", \"n.Chr.\"],\n  wide: [\"vor Christus\", \"nach Christus\"],\n};\n\nconst quarterValues = {\n  narrow: [\"1\", \"2\", \"3\", \"4\"],\n  abbreviated: [\"Q1\", \"Q2\", \"Q3\", \"Q4\"],\n  wide: [\"1. Quartal\", \"2. Quartal\", \"3. Quartal\", \"4. Quartal\"],\n};\n\n// Note: in German, the names of days of the week and months are capitalized.\n// If you are making a new locale based on this one, check if the same is true for the language you're working on.\n// Generally, formatted dates should look like they are in the middle of a sentence,\n// e.g. in Spanish language the weekdays and months should be in the lowercase.\nconst monthValues = {\n  narrow: [\"J\", \"F\", \"M\", \"A\", \"M\", \"J\", \"J\", \"A\", \"S\", \"O\", \"N\", \"D\"],\n  abbreviated: [\n    \"Jan\",\n    \"Feb\",\n    \"Mär\",\n    \"Apr\",\n    \"Mai\",\n    \"Jun\",\n    \"Jul\",\n    \"Aug\",\n    \"Sep\",\n    \"Okt\",\n    \"Nov\",\n    \"Dez\",\n  ],\n\n  wide: [\n    \"Januar\",\n    \"Februar\",\n    \"März\",\n    \"April\",\n    \"Mai\",\n    \"Juni\",\n    \"Juli\",\n    \"August\",\n    \"September\",\n    \"Oktober\",\n    \"November\",\n    \"Dezember\",\n  ],\n};\n\n// https://st.unicode.org/cldr-apps/v#/de/Gregorian/\nconst formattingMonthValues = {\n  narrow: monthValues.narrow,\n  abbreviated: [\n    \"Jan.\",\n    \"Feb.\",\n    \"März\",\n    \"Apr.\",\n    \"Mai\",\n    \"Juni\",\n    \"Juli\",\n    \"Aug.\",\n    \"Sep.\",\n    \"Okt.\",\n    \"Nov.\",\n    \"Dez.\",\n  ],\n\n  wide: monthValues.wide,\n};\n\nconst dayValues = {\n  narrow: [\"S\", \"M\", \"D\", \"M\", \"D\", \"F\", \"S\"],\n  short: [\"So\", \"Mo\", \"Di\", \"Mi\", \"Do\", \"Fr\", \"Sa\"],\n  abbreviated: [\"So.\", \"Mo.\", \"Di.\", \"Mi.\", \"Do.\", \"Fr.\", \"Sa.\"],\n  wide: [\n    \"Sonntag\",\n    \"Montag\",\n    \"Dienstag\",\n    \"Mittwoch\",\n    \"Donnerstag\",\n    \"Freitag\",\n    \"Samstag\",\n  ],\n};\n\n// https://www.unicode.org/cldr/charts/32/summary/de.html#1881\nconst dayPeriodValues = {\n  narrow: {\n    am: \"vm.\",\n    pm: \"nm.\",\n    midnight: \"Mitternacht\",\n    noon: \"Mittag\",\n    morning: \"Morgen\",\n    afternoon: \"Nachm.\",\n    evening: \"Abend\",\n    night: \"Nacht\",\n  },\n  abbreviated: {\n    am: \"vorm.\",\n    pm: \"nachm.\",\n    midnight: \"Mitternacht\",\n    noon: \"Mittag\",\n    morning: \"Morgen\",\n    afternoon: \"Nachmittag\",\n    evening: \"Abend\",\n    night: \"Nacht\",\n  },\n  wide: {\n    am: \"vormittags\",\n    pm: \"nachmittags\",\n    midnight: \"Mitternacht\",\n    noon: \"Mittag\",\n    morning: \"Morgen\",\n    afternoon: \"Nachmittag\",\n    evening: \"Abend\",\n    night: \"Nacht\",\n  },\n};\nconst formattingDayPeriodValues = {\n  narrow: {\n    am: \"vm.\",\n    pm: \"nm.\",\n    midnight: \"Mitternacht\",\n    noon: \"Mittag\",\n    morning: \"morgens\",\n    afternoon: \"nachm.\",\n    evening: \"abends\",\n    night: \"nachts\",\n  },\n  abbreviated: {\n    am: \"vorm.\",\n    pm: \"nachm.\",\n    midnight: \"Mitternacht\",\n    noon: \"Mittag\",\n    morning: \"morgens\",\n    afternoon: \"nachmittags\",\n    evening: \"abends\",\n    night: \"nachts\",\n  },\n  wide: {\n    am: \"vormittags\",\n    pm: \"nachmittags\",\n    midnight: \"Mitternacht\",\n    noon: \"Mittag\",\n    morning: \"morgens\",\n    afternoon: \"nachmittags\",\n    evening: \"abends\",\n    night: \"nachts\",\n  },\n};\n\nconst ordinalNumber = (dirtyNumber) => {\n  const number = Number(dirtyNumber);\n\n  return number + \".\";\n};\n\nexport const localize = {\n  ordinalNumber,\n\n  era: buildLocalizeFn({\n    values: eraValues,\n    defaultWidth: \"wide\",\n  }),\n\n  quarter: buildLocalizeFn({\n    values: quarterValues,\n    defaultWidth: \"wide\",\n    argumentCallback: (quarter) => quarter - 1,\n  }),\n\n  month: buildLocalizeFn({\n    values: monthValues,\n    formattingValues: formattingMonthValues,\n    defaultWidth: \"wide\",\n  }),\n\n  day: buildLocalizeFn({\n    values: dayValues,\n    defaultWidth: \"wide\",\n  }),\n\n  dayPeriod: buildLocalizeFn({\n    values: dayPeriodValues,\n    defaultWidth: \"wide\",\n    formattingValues: formattingDayPeriodValues,\n    defaultFormattingWidth: \"wide\",\n  }),\n};\n"],"names":["monthValues"],"mappings":"AAkBA,MAAMA,IAAc;AAAA,EAClB,QAAQ,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,EAgBnE,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACA;AAIUA,EAAY,QAgBdA,EAAY;","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components166.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildFormatLongFn.mjs"],"sourcesContent":["export function buildFormatLongFn(args) {\n  return (options = {}) => {\n    // TODO: Remove String()\n    const width = options.width ? String(options.width) : args.defaultWidth;\n    const format = args.formats[width] || args.formats[args.defaultWidth];\n    return format;\n  };\n}\n"],"names":["buildFormatLongFn","args","options","width"],"mappings":"AAAO,SAASA,EAAkBC,GAAM;AACtC,SAAO,CAACC,IAAU,OAAO;AAEvB,UAAMC,IAAQD,EAAQ,QAAQ,OAAOA,EAAQ,KAAK,IAAID,EAAK;AAE3D,WADeA,EAAK,QAAQE,CAAK,KAAKF,EAAK,QAAQA,EAAK,YAAY;AAAA,EAEtE;AACF;","x_google_ignoreList":[0]}

package/dist/fondue-components48.js

@@ -1,4 +1,4 @@
-const o = "_root_ebauq_5", t = {
+const o = "_root_n6y2q_5", t = {
   root: o
 };
 export {

package/dist/fondue-components49.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import d from "./fondue-components125.js";
+import d from "./fondue-components133.js";
 const n = ({ "data-test-id": t = "fondue-card-action", children: a }, o) => /* @__PURE__ */ r("div", { ref: o, className: d.action, "data-test-id": t, children: a });
 n.displayName = "Card.Action";
 const p = s(n), m = ({

package/dist/fondue-components50.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as s } from "react/jsx-runtime";
 import { IconCheckMark as c } from "@frontify/fondue-icons";
-import t from "./fondue-components125.js";
+import t from "./fondue-components133.js";
 const o = ({ "data-test-id": a = "fondue-card-banner", size: e = "large", children: n }, r) => /* @__PURE__ */ s("div", { ref: r, className: t.banner, "data-test-id": a, "data-size": e, children: [
   n,
   /* @__PURE__ */ d(

package/dist/fondue-components51.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useCardContext as r } from "./fondue-components126.js";
-import s from "./fondue-components125.js";
+import { useCardContext as r } from "./fondue-components134.js";
+import s from "./fondue-components133.js";
 const n = ({ "data-test-id": a = "fondue-card-badges", children: t }, d) => /* @__PURE__ */ i("div", { ref: d, className: s.badges, "data-test-id": a, children: t });
 n.displayName = "Card.Badges";
 const m = ({ "data-test-id": a = "fondue-card-thumbnail-image", src: t, alt: d = "" }, e) => /* @__PURE__ */ i("img", { ref: e, className: s.thumbnailImage, "data-test-id": a, src: t, alt: d });

package/dist/fondue-components52.js

@@ -4,8 +4,8 @@ import { useId as M, useCallback as O, useMemo as f, Children as V, isValidEleme
 import { useTranslation as z } from "./fondue-components43.js";
 import { useFondueRouter as A } from "./fondue-components26.js";
 import { ForwardedRefCardAction as B } from "./fondue-components49.js";
-import { CardContext as P } from "./fondue-components126.js";
-import r from "./fondue-components125.js";
+import { CardContext as P } from "./fondue-components134.js";
+import r from "./fondue-components133.js";
 const $ = ({
   "data-test-id": h = "fondue-card",
   "aria-label": l,

package/dist/fondue-components55.js

@@ -3,7 +3,7 @@ import { IconDroplet as I, IconCross as k, IconCaretDown as v } from "@frontify/
 import { forwardRef as P } from "react";
 import { useTranslation as w } from "./fondue-components43.js";
 import { Button as y } from "./fondue-components6.js";
-import a from "./fondue-components118.js";
+import a from "./fondue-components123.js";
 import { getColorWithName as z, colorToCss as x } from "./fondue-components58.js";
 const c = ({
   id: m,

package/dist/fondue-components65.js

@@ -3,8 +3,8 @@ import { IconCalendar as N, IconCross as h, IconCaretDown as D } from "@frontify
 import { forwardRef as I, useMemo as k } from "react";
 import { useTranslation as y } from "./fondue-components43.js";
 import { Button as P } from "./fondue-components6.js";
-import { getDateDisplayString as w } from "./fondue-components119.js";
-import t from "./fondue-components120.js";
+import { getDateDisplayString as w } from "./fondue-components124.js";
+import t from "./fondue-components125.js";
 const n = ({
   id: c,
   selected: s,

package/dist/fondue-components66.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { DatePickerCalendar as f } from "./fondue-components121.js";
-import { useDateRange as R } from "./fondue-components122.js";
-import { useRangeHover as g } from "./fondue-components123.js";
+import { DatePickerCalendar as f } from "./fondue-components126.js";
+import { useDateRange as R } from "./fondue-components127.js";
+import { useRangeHover as g } from "./fondue-components128.js";
 const r = ({ "data-test-id": t, onChange: a, selected: o, ...i }, d) => {
   const { selectedDateRange: e, handleSelect: n } = R(o, a), { hoverModifiers: s } = g(e);
   return /* @__PURE__ */ m(

package/dist/fondue-components67.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { DatePickerCalendar as s } from "./fondue-components121.js";
-import { useSingleDate as m } from "./fondue-components124.js";
+import { DatePickerCalendar as s } from "./fondue-components126.js";
+import { useSingleDate as m } from "./fondue-components129.js";
 const e = ({ "data-test-id": t, onChange: r, selected: a, ...i }, o) => {
   const { selectedDate: d, handleSelect: c } = m(a, r);
   return /* @__PURE__ */ l(

package/dist/fondue-components79.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useSortable as E } from "./fondue-components127.js";
+import { useSortable as E } from "./fondue-components130.js";
 import { forwardRef as p, useRef as L, useState as v, useCallback as y, useMemo as C, useEffect as H } from "react";
-import { OrderableItemContextProvider as N } from "./fondue-components128.js";
+import { OrderableItemContextProvider as N } from "./fondue-components131.js";
 import h from "./fondue-components88.js";
 const x = p((o, e) => null);
 x.displayName = "OrderableListItem";

package/dist/fondue-components82.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Slot as m } from "@radix-ui/react-slot";
 import { forwardRef as s } from "react";
-import { useOrderableItemContext as n } from "./fondue-components128.js";
+import { useOrderableItemContext as n } from "./fondue-components131.js";
 import p from "./fondue-components88.js";
 const a = s(
   ({ children: e, asChild: r }, t) => {

package/dist/fondue-components83.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import { IconGrabHandle as o } from "@frontify/fondue-icons";
 import { Slot as m } from "@radix-ui/react-slot";
-import { useOrderableItemContext as t } from "./fondue-components128.js";
+import { useOrderableItemContext as t } from "./fondue-components131.js";
 import r from "./fondue-components88.js";
 const s = () => {
   const { itemId: e, dragHandleRef: a } = t();

package/dist/fondue-components84.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { Slot as i } from "@radix-ui/react-slot";
 import { forwardRef as s } from "react";
-import { useOrderableItemContext as l } from "./fondue-components128.js";
+import { useOrderableItemContext as l } from "./fondue-components131.js";
 import a from "./fondue-components88.js";
 const n = s(
   ({ children: t, asChild: e }, r) => {

package/dist/fondue-components87.js

@@ -2,7 +2,7 @@ import { jsxs as I, jsx as l } from "react/jsx-runtime";
 import { useMemo as f, Children as d, isValidElement as i } from "react";
 import { OrderableListItemComponent as y, OrderableListItem as b } from "./fondue-components79.js";
 import { OrderableListItemAction as g } from "./fondue-components80.js";
-import { OrderableListItemContent as C } from "./fondue-components129.js";
+import { OrderableListItemContent as C } from "./fondue-components132.js";
 import { OrderableItemDragHandle as c, OrderableItemCustomHandle as O } from "./fondue-components83.js";
 import H from "./fondue-components88.js";
 const L = (n) => {

package/dist/fondue-components89.js

@@ -1,10 +1,10 @@
-import { WeakStore as we, reactive as te } from "./fondue-components135.js";
-import { defaultCollisionDetection as me, closestCorners as Se } from "./fondue-components151.js";
-import { Droppable as Pe, Draggable as De, Scroller as Ee } from "./fondue-components152.js";
-import { ProxiedElements as Ge, isKeyboardEvent as re, DOMRectangle as ne, getVisibleBoundingRectangle as Te, scrollIntoViewIfNeeded as ke, getComputedStyles as Me, computeTranslate as ie, prefersReducedMotion as je, getWindow as Ce, animateTransform as Re } from "./fondue-components153.js";
+import { WeakStore as we, reactive as te } from "./fondue-components143.js";
+import { defaultCollisionDetection as me, closestCorners as Se } from "./fondue-components153.js";
+import { Droppable as Pe, Draggable as De, Scroller as Ee } from "./fondue-components154.js";
+import { ProxiedElements as Ge, isKeyboardEvent as re, DOMRectangle as ne, getVisibleBoundingRectangle as Te, scrollIntoViewIfNeeded as ke, getComputedStyles as Me, computeTranslate as ie, prefersReducedMotion as je, getWindow as Ce, animateTransform as Re } from "./fondue-components155.js";
 import { Plugin as ge } from "@dnd-kit/abstract";
-import { Rectangle as se } from "./fondue-components154.js";
-import { batch as w, untracked as oe, effect as Ae } from "./fondue-components138.js";
+import { Rectangle as se } from "./fondue-components156.js";
+import { batch as w, untracked as oe, effect as Ae } from "./fondue-components146.js";
 var ze = Object.create, fe = Object.defineProperty, We = Object.defineProperties, $e = Object.getOwnPropertyDescriptor, Be = Object.getOwnPropertyDescriptors, J = Object.getOwnPropertySymbols, he = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable, Le = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), N = (e) => {
   throw TypeError(e);
 }, U = (e, t, r) => t in e ? fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ae = (e, t) => {

package/dist/fondue-components95.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
-import { ComboboxBase as c } from "./fondue-components130.js";
-import { useMultiselect as b } from "./fondue-components131.js";
+import { ComboboxBase as c } from "./fondue-components118.js";
+import { useMultiselect as b } from "./fondue-components119.js";
 const a = ({ value: e, onSelect: o, defaultValue: t, ...l }, m) => {
   const { selectedItemValues: r, toggleSelectedItem: p, clear: i } = b(o, e, t);
   return /* @__PURE__ */ s(

package/dist/fondue-components96.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { ComboboxBase as a } from "./fondue-components130.js";
-import { useSingleSelect as b } from "./fondue-components132.js";
+import { ComboboxBase as a } from "./fondue-components118.js";
+import { useSingleSelect as b } from "./fondue-components120.js";
 const p = ({ value: e, onSelect: o, defaultValue: t, ...m }, l) => {
   const { selectedItemValues: r, selectItem: s, clear: n } = b(o, e, t);
   return /* @__PURE__ */ c(

package/dist/fondue-components97.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { SelectBase as u } from "./fondue-components133.js";
-import { useMultiselect as a } from "./fondue-components131.js";
+import { SelectBase as u } from "./fondue-components121.js";
+import { useMultiselect as a } from "./fondue-components119.js";
 const n = ({ value: e, onSelect: t, defaultValue: l, ...o }, r) => {
   const { selectedItemValues: m, toggleSelectedItem: c, clear: i } = a(t, e, l);
   return /* @__PURE__ */ p(

package/dist/fondue-components98.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { SelectBase as S } from "./fondue-components133.js";
-import { useSingleSelect as a } from "./fondue-components132.js";
+import { SelectBase as S } from "./fondue-components121.js";
+import { useSingleSelect as a } from "./fondue-components120.js";
 const p = ({ value: e, onSelect: t, defaultValue: l, ...o }, r) => {
   const { selectedItemValues: m, selectItem: c, clear: s } = a(t, e, l);
   return /* @__PURE__ */ n(

package/dist/fondue-components99.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { IconCheckMark as n } from "@frontify/fondue-icons";
 import { forwardRef as l } from "react";
-import a from "./fondue-components134.js";
+import a from "./fondue-components122.js";
 const o = ({ "data-test-id": c = "fondue-select-item", ...e }, t) => /* @__PURE__ */ d("li", { "data-test-id": c, ref: t, ...e, children: [
   /* @__PURE__ */ r("div", { className: a.itemValue, children: e.children }),
   /* @__PURE__ */ r(n, { className: a.checkmarkIcon })

package/dist/index.d.ts

@@ -728,7 +728,7 @@ declare type DatePickerInputProps = {
 
 export declare const Dialog: {
     Root: {
-        ({ children, modal, onOpenChange, open }: DialogRootProps): JSX_2.Element;
+        ({ children, modal, onOpenChange, open, dismissable }: DialogRootProps): JSX_2.Element;
         displayName: string;
     };
     Title: {
@@ -867,6 +867,12 @@ declare type DialogRootProps = {
      * Event handler called when the `open` state changes
      */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the dialog can be closed by clicking the underlay or pressing Escape.
+     * When set to `false`, the dialog can only be closed programmatically or via `Dialog.Close`.
+     * @default true
+     */
+    dismissable?: boolean;
     children?: ReactNode;
 };