@frontify/fondue-components 28.0.0 → 29.0.1

package/dist/{fondue-components129.js.map → fondue-components155.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fondue-components129.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-components155.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]}

package/dist/fondue-components156.js

@@ -0,0 +1,19 @@
+function h(e) {
+  return (a, t) => {
+    const c = t != null && t.context ? String(t.context) : "standalone";
+    let l;
+    if (c === "formatting" && e.formattingValues) {
+      const d = e.defaultFormattingWidth || e.defaultWidth, u = t != null && t.width ? String(t.width) : d;
+      l = e.formattingValues[u] || e.formattingValues[d];
+    } else {
+      const d = e.defaultWidth, u = t != null && t.width ? String(t.width) : e.defaultWidth;
+      l = e.values[u] || e.values[d];
+    }
+    const f = e.argumentCallback ? e.argumentCallback(a) : a;
+    return l[f];
+  };
+}
+export {
+  h as buildLocalizeFn
+};
+//# sourceMappingURL=fondue-components156.js.map

package/dist/fondue-components156.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components156.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildLocalizeFn.mjs"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\n/**\n * The localize function argument callback which allows to convert raw value to\n * the actual type.\n *\n * @param value - The value to convert\n *\n * @returns The converted value\n */\n\n/**\n * The map of localized values for each width.\n */\n\n/**\n * The index type of the locale unit value. It types conversion of units of\n * values that don't start at 0 (i.e. quarters).\n */\n\n/**\n * Converts the unit value to the tuple of values.\n */\n\n/**\n * The tuple of localized era values. The first element represents BC,\n * the second element represents AD.\n */\n\n/**\n * The tuple of localized quarter values. The first element represents Q1.\n */\n\n/**\n * The tuple of localized day values. The first element represents Sunday.\n */\n\n/**\n * The tuple of localized month values. The first element represents January.\n */\n\nexport function buildLocalizeFn(args) {\n  return (value, options) => {\n    const context = options?.context ? String(options.context) : \"standalone\";\n\n    let valuesArray;\n    if (context === \"formatting\" && args.formattingValues) {\n      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;\n      const width = options?.width ? String(options.width) : defaultWidth;\n\n      valuesArray =\n        args.formattingValues[width] || args.formattingValues[defaultWidth];\n    } else {\n      const defaultWidth = args.defaultWidth;\n      const width = options?.width ? String(options.width) : args.defaultWidth;\n\n      valuesArray = args.values[width] || args.values[defaultWidth];\n    }\n    const index = args.argumentCallback ? args.argumentCallback(value) : value;\n\n    // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!\n    return valuesArray[index];\n  };\n}\n"],"names":["buildLocalizeFn","args","value","options","context","valuesArray","defaultWidth","width","index"],"mappings":"AAyCO,SAASA,EAAgBC,GAAM;AACpC,SAAO,CAACC,GAAOC,MAAY;AACzB,UAAMC,IAAUD,KAAA,QAAAA,EAAS,UAAU,OAAOA,EAAQ,OAAO,IAAI;AAE7D,QAAIE;AACJ,QAAID,MAAY,gBAAgBH,EAAK,kBAAkB;AACrD,YAAMK,IAAeL,EAAK,0BAA0BA,EAAK,cACnDM,IAAQJ,KAAA,QAAAA,EAAS,QAAQ,OAAOA,EAAQ,KAAK,IAAIG;AAEvD,MAAAD,IACEJ,EAAK,iBAAiBM,CAAK,KAAKN,EAAK,iBAAiBK,CAAY;AAAA,IACtE,OAAO;AACL,YAAMA,IAAeL,EAAK,cACpBM,IAAQJ,KAAA,QAAAA,EAAS,QAAQ,OAAOA,EAAQ,KAAK,IAAIF,EAAK;AAE5D,MAAAI,IAAcJ,EAAK,OAAOM,CAAK,KAAKN,EAAK,OAAOK,CAAY;AAAA,IAC9D;AACA,UAAME,IAAQP,EAAK,mBAAmBA,EAAK,iBAAiBC,CAAK,IAAIA;AAGrE,WAAOG,EAAYG,CAAK;AAAA,EAC1B;AACF;","x_google_ignoreList":[0]}

package/dist/fondue-components157.js

@@ -0,0 +1,32 @@
+function P(t) {
+  return (n, e = {}) => {
+    const l = e.width, h = l && t.matchPatterns[l] || t.matchPatterns[t.defaultMatchWidth], i = n.match(h);
+    if (!i)
+      return null;
+    const r = i[0], c = l && t.parsePatterns[l] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(c) ? o(c, (u) => u.test(r)) : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      s(c, (u) => u.test(r))
+    );
+    let a;
+    a = t.valueCallback ? t.valueCallback(d) : d, a = e.valueCallback ? (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      e.valueCallback(a)
+    ) : a;
+    const f = n.slice(r.length);
+    return { value: a, rest: f };
+  };
+}
+function s(t, n) {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e) && n(t[e]))
+      return e;
+}
+function o(t, n) {
+  for (let e = 0; e < t.length; e++)
+    if (n(t[e]))
+      return e;
+}
+export {
+  P as buildMatchFn
+};
+//# sourceMappingURL=fondue-components157.js.map

package/dist/fondue-components157.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components157.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildMatchFn.mjs"],"sourcesContent":["export function buildMatchFn(args) {\n  return (string, options = {}) => {\n    const width = options.width;\n\n    const matchPattern =\n      (width && args.matchPatterns[width]) ||\n      args.matchPatterns[args.defaultMatchWidth];\n    const matchResult = string.match(matchPattern);\n\n    if (!matchResult) {\n      return null;\n    }\n    const matchedString = matchResult[0];\n\n    const parsePatterns =\n      (width && args.parsePatterns[width]) ||\n      args.parsePatterns[args.defaultParseWidth];\n\n    const key = Array.isArray(parsePatterns)\n      ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString))\n      : // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type\n        findKey(parsePatterns, (pattern) => pattern.test(matchedString));\n\n    let value;\n\n    value = args.valueCallback ? args.valueCallback(key) : key;\n    value = options.valueCallback\n      ? // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type\n        options.valueCallback(value)\n      : value;\n\n    const rest = string.slice(matchedString.length);\n\n    return { value, rest };\n  };\n}\n\nfunction findKey(object, predicate) {\n  for (const key in object) {\n    if (\n      Object.prototype.hasOwnProperty.call(object, key) &&\n      predicate(object[key])\n    ) {\n      return key;\n    }\n  }\n  return undefined;\n}\n\nfunction findIndex(array, predicate) {\n  for (let key = 0; key < array.length; key++) {\n    if (predicate(array[key])) {\n      return key;\n    }\n  }\n  return undefined;\n}\n"],"names":["buildMatchFn","args","string","options","width","matchPattern","matchResult","matchedString","parsePatterns","key","findIndex","pattern","findKey","value","rest","object","predicate","array"],"mappings":"AAAO,SAASA,EAAaC,GAAM;AACjC,SAAO,CAACC,GAAQC,IAAU,OAAO;AAC/B,UAAMC,IAAQD,EAAQ,OAEhBE,IACHD,KAASH,EAAK,cAAcG,CAAK,KAClCH,EAAK,cAAcA,EAAK,iBAAiB,GACrCK,IAAcJ,EAAO,MAAMG,CAAY;AAE7C,QAAI,CAACC;AACH,aAAO;AAET,UAAMC,IAAgBD,EAAY,CAAC,GAE7BE,IACHJ,KAASH,EAAK,cAAcG,CAAK,KAClCH,EAAK,cAAcA,EAAK,iBAAiB,GAErCQ,IAAM,MAAM,QAAQD,CAAa,IACnCE,EAAUF,GAAe,CAACG,MAAYA,EAAQ,KAAKJ,CAAa,CAAC;AAAA;AAAA,MAEjEK,EAAQJ,GAAe,CAACG,MAAYA,EAAQ,KAAKJ,CAAa,CAAC;AAAA;AAEnE,QAAIM;AAEJ,IAAAA,IAAQZ,EAAK,gBAAgBA,EAAK,cAAcQ,CAAG,IAAIA,GACvDI,IAAQV,EAAQ;AAAA;AAAA,MAEZA,EAAQ,cAAcU,CAAK;AAAA,QAC3BA;AAEJ,UAAMC,IAAOZ,EAAO,MAAMK,EAAc,MAAM;AAE9C,WAAO,EAAE,OAAAM,GAAO,MAAAC,EAAI;AAAA,EACtB;AACF;AAEA,SAASF,EAAQG,GAAQC,GAAW;AAClC,aAAWP,KAAOM;AAChB,QACE,OAAO,UAAU,eAAe,KAAKA,GAAQN,CAAG,KAChDO,EAAUD,EAAON,CAAG,CAAC;AAErB,aAAOA;AAIb;AAEA,SAASC,EAAUO,GAAOD,GAAW;AACnC,WAASP,IAAM,GAAGA,IAAMQ,EAAM,QAAQR;AACpC,QAAIO,EAAUC,EAAMR,CAAG,CAAC;AACtB,aAAOA;AAIb;","x_google_ignoreList":[0]}

package/dist/fondue-components158.js

@@ -0,0 +1,16 @@
+function h(t) {
+  return (e, c = {}) => {
+    const n = e.match(t.matchPattern);
+    if (!n) return null;
+    const u = n[0], a = e.match(t.parsePattern);
+    if (!a) return null;
+    let l = t.valueCallback ? t.valueCallback(a[0]) : a[0];
+    l = c.valueCallback ? c.valueCallback(l) : l;
+    const r = e.slice(u.length);
+    return { value: l, rest: r };
+  };
+}
+export {
+  h as buildMatchPatternFn
+};
+//# sourceMappingURL=fondue-components158.js.map

package/dist/fondue-components158.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components158.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/_lib/buildMatchPatternFn.mjs"],"sourcesContent":["export function buildMatchPatternFn(args) {\n  return (string, options = {}) => {\n    const matchResult = string.match(args.matchPattern);\n    if (!matchResult) return null;\n    const matchedString = matchResult[0];\n\n    const parseResult = string.match(args.parsePattern);\n    if (!parseResult) return null;\n    let value = args.valueCallback\n      ? args.valueCallback(parseResult[0])\n      : parseResult[0];\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type\n    value = options.valueCallback ? options.valueCallback(value) : value;\n\n    const rest = string.slice(matchedString.length);\n\n    return { value, rest };\n  };\n}\n"],"names":["buildMatchPatternFn","args","string","options","matchResult","matchedString","parseResult","value","rest"],"mappings":"AAAO,SAASA,EAAoBC,GAAM;AACxC,SAAO,CAACC,GAAQC,IAAU,OAAO;AAC/B,UAAMC,IAAcF,EAAO,MAAMD,EAAK,YAAY;AAClD,QAAI,CAACG,EAAa,QAAO;AACzB,UAAMC,IAAgBD,EAAY,CAAC,GAE7BE,IAAcJ,EAAO,MAAMD,EAAK,YAAY;AAClD,QAAI,CAACK,EAAa,QAAO;AACzB,QAAIC,IAAQN,EAAK,gBACbA,EAAK,cAAcK,EAAY,CAAC,CAAC,IACjCA,EAAY,CAAC;AAGjB,IAAAC,IAAQJ,EAAQ,gBAAgBA,EAAQ,cAAcI,CAAK,IAAIA;AAE/D,UAAMC,IAAON,EAAO,MAAMG,EAAc,MAAM;AAE9C,WAAO,EAAE,OAAAE,GAAO,MAAAC,EAAI;AAAA,EACtB;AACF;","x_google_ignoreList":[0]}

package/dist/fondue-components159.js

@@ -0,0 +1,10 @@
+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
+};
+//# sourceMappingURL=fondue-components159.js.map

package/dist/fondue-components159.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components159.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-components16.js

@@ -1,49 +1,40 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import a from "./fondue-components64.js";
-const x = g(
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { propsToCssVariables as n } from "./fondue-components45.js";
+import u from "./fondue-components66.js";
+const c = y(
   ({
-    as: e = "span",
+    as: a = "div",
+    "data-test-id": r = "fondue-grid",
     children: i,
-    className: r,
-    color: d = "default",
-    role: o,
-    size: l = "medium",
-    weight: t = "default",
-    "data-test-id": s = "fondue-heading",
-    "aria-describedby": p,
-    "aria-expanded": n,
-    "aria-haspopup": b,
-    "aria-hidden": m,
-    "aria-label": f,
-    "aria-labelledby": u,
-    ...h
-  }, y) => /* @__PURE__ */ c(
-    e,
+    role: e,
+    "aria-label": d,
+    "aria-hidden": s,
+    "aria-describedby": t,
+    "aria-labelledby": o,
+    "aria-expanded": p,
+    "aria-haspopup": l,
+    ...b
+  }, m) => /* @__PURE__ */ f(
+    a,
     {
-      className: [
-        a.root,
-        a[`size-${l}`],
-        a[`weight-${t}`],
-        a[`color-${d}`],
-        r
-      ].filter(Boolean).join(" "),
-      role: o,
-      "aria-label": f,
-      "aria-hidden": m,
-      "aria-describedby": p,
-      "aria-labelledby": u,
-      "aria-expanded": n,
-      "aria-haspopup": b,
-      "data-test-id": s,
-      ref: y,
-      ...h,
+      className: u.root,
+      "data-test-id": r,
+      style: n(b, { justify: "justify-items" }),
+      role: e,
+      "aria-label": d,
+      "aria-hidden": s,
+      "aria-describedby": t,
+      "aria-labelledby": o,
+      "aria-expanded": p,
+      "aria-haspopup": l,
+      ref: m,
       children: i
     }
   )
 );
-x.displayName = "Heading";
+c.displayName = "Grid";
 export {
-  x as Heading
+  c as Grid
 };
 //# sourceMappingURL=fondue-components16.js.map

package/dist/fondue-components16.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components16.js","sources":["../src/components/Heading/Heading.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ElementType, type ForwardedRef, forwardRef, type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\n\nimport styles from './styles/heading.module.scss';\n\ntype HeadingWeight = 'default' | 'strong';\ntype HeadingSize = 'medium' | 'large' | 'x-large' | 'xx-large';\ntype HeadingColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';\n\ntype TagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p';\n\nexport type HeadingProps<TTag extends TagType = 'span'> = CommonAriaProps & {\n    'data-test-id'?: string;\n    as?: TTag;\n    children?: ReactNode;\n    color?: HeadingColor;\n    size?: HeadingSize;\n    weight?: HeadingWeight;\n    className?: string;\n};\n\ntype HeadingElementType<TTag extends TagType> = TTag extends 'span'\n    ? HTMLSpanElement\n    : TTag extends 'p'\n      ? HTMLParagraphElement\n      : HTMLHeadingElement;\n\nexport const Heading = forwardRef(\n    (\n        {\n            as: Tag = 'span' as ElementType,\n            children,\n            className,\n            color = 'default',\n            role,\n            size = 'medium',\n            weight = 'default',\n            'data-test-id': dataTestId = 'fondue-heading',\n            'aria-describedby': ariaDescribedBy,\n            'aria-expanded': ariaExpanded,\n            'aria-haspopup': ariaHasPopup,\n            'aria-hidden': ariaHidden,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabelledBy,\n            ...props\n        },\n        ref,\n    ) => {\n        return (\n            <Tag\n                className={[\n                    styles.root,\n                    styles[`size-${size}`],\n                    styles[`weight-${weight}`],\n                    styles[`color-${color}`],\n                    className,\n                ]\n                    .filter(Boolean)\n                    .join(' ')}\n                role={role}\n                aria-label={ariaLabel}\n                aria-hidden={ariaHidden}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy}\n                aria-expanded={ariaExpanded}\n                aria-haspopup={ariaHasPopup}\n                data-test-id={dataTestId}\n                ref={ref}\n                {...props}\n            >\n                {children}\n            </Tag>\n        );\n    },\n) as (<TTag extends TagType = 'span'>(\n    props: HeadingProps<TTag> & { ref?: ForwardedRef<HeadingElementType<TTag>> },\n) => JSX.Element) & { displayName: string };\n\nHeading.displayName = 'Heading';\n"],"names":["Heading","forwardRef","Tag","children","className","color","role","size","weight","dataTestId","ariaDescribedBy","ariaExpanded","ariaHasPopup","ariaHidden","ariaLabel","ariaLabelledBy","props","ref","jsx","styles"],"mappings":";;;AA8BO,MAAMA,IAAUC;AAAA,EACnB,CACI;AAAA,IACI,IAAIC,IAAM;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,gBAAgBC,IAAa;AAAA,IAC7B,oBAAoBC;AAAA,IACpB,iBAAiBC;AAAA,IACjB,iBAAiBC;AAAA,IACjB,eAAeC;AAAA,IACf,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,GAAGC;AAAA,EAAA,GAEPC,MAGI,gBAAAC;AAAA,IAAChB;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACPiB,EAAO;AAAA,QACPA,EAAO,QAAQZ,CAAI,EAAE;AAAA,QACrBY,EAAO,UAAUX,CAAM,EAAE;AAAA,QACzBW,EAAO,SAASd,CAAK,EAAE;AAAA,QACvBD;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACb,MAAAE;AAAA,MACA,cAAYQ;AAAA,MACZ,eAAaD;AAAA,MACb,oBAAkBH;AAAA,MAClB,mBAAiBK;AAAA,MACjB,iBAAeJ;AAAA,MACf,iBAAeC;AAAA,MACf,gBAAcH;AAAA,MACd,KAAAQ;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAb;AAAA,IAAA;AAAA,EAAA;AAIjB;AAIAH,EAAQ,cAAc;"}
+{"version":3,"file":"fondue-components16.js","sources":["../src/components/Grid/Grid.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\nimport { type Responsive, type SizeValue, type LayoutComponentProps } from '#/helpers/layout';\nimport { propsToCssVariables } from '#/helpers/propsToCssVariables';\n\nimport styles from './styles/grid.module.scss';\n\nexport type GridProps = LayoutComponentProps & {\n    /**\n     * The element to render the Grid component as.\n     * @default 'div'\n     */\n    as?: 'div' | 'span';\n\n    /**\n     * The display property.\n     * @default 'grid'\n     */\n    display?: 'none' | 'grid' | 'inline-grid';\n    /**\n     * The columns property.\n     */\n    columns?: Responsive<string | number>;\n    /**\n     * The rows property.\n     */\n    rows?: Responsive<string | number>;\n    /**\n     * The flow property.\n     */\n    flow?: Responsive<'row' | 'column' | 'dense' | 'row-dense' | 'column-dense'>;\n    /**\n     * The alignment of the children.\n     */\n    align?: Responsive<'start' | 'center' | 'end' | 'baseline' | 'stretch'>;\n    /**\n     * The justification of the children.\n     */\n    justify?: Responsive<'start' | 'center' | 'end' | 'between'>;\n    /**\n     * The gap between the children.\n     */\n    gap?: Responsive<SizeValue>;\n    /**\n     * The horizontal gap between the children.\n     */\n    gapX?: Responsive<SizeValue>;\n    /**\n     * The vertical gap between the children.\n     */\n    gapY?: Responsive<SizeValue>;\n\n    children?: ReactNode;\n    'data-test-id'?: string;\n} & CommonAriaProps;\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n    (\n        {\n            as: Component = 'div',\n            'data-test-id': dataTestId = 'fondue-grid',\n            children,\n            role,\n            'aria-label': ariaLabel,\n            'aria-hidden': ariaHidden,\n            'aria-describedby': ariaDescribedBy,\n            'aria-labelledby': ariaLabelledBy,\n            'aria-expanded': ariaExpanded,\n            'aria-haspopup': ariaHasPopup,\n            ...props\n        },\n        ref,\n    ) => {\n        return (\n            <Component\n                className={styles.root}\n                data-test-id={dataTestId}\n                style={propsToCssVariables(props, { justify: 'justify-items' })}\n                role={role}\n                aria-label={ariaLabel}\n                aria-hidden={ariaHidden}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy}\n                aria-expanded={ariaExpanded}\n                aria-haspopup={ariaHasPopup}\n                ref={ref}\n            >\n                {children}\n            </Component>\n        );\n    },\n);\nGrid.displayName = 'Grid';\n"],"names":["Grid","forwardRef","Component","dataTestId","children","role","ariaLabel","ariaHidden","ariaDescribedBy","ariaLabelledBy","ariaExpanded","ariaHasPopup","props","ref","jsx","styles","propsToCssVariables"],"mappings":";;;;AA2DO,MAAMA,IAAOC;AAAA,EAChB,CACI;AAAA,IACI,IAAIC,IAAY;AAAA,IAChB,gBAAgBC,IAAa;AAAA,IAC7B,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAcC;AAAA,IACd,eAAeC;AAAA,IACf,oBAAoBC;AAAA,IACpB,mBAAmBC;AAAA,IACnB,iBAAiBC;AAAA,IACjB,iBAAiBC;AAAA,IACjB,GAAGC;AAAA,EAAA,GAEPC,MAGI,gBAAAC;AAAA,IAACZ;AAAA,IAAA;AAAA,MACG,WAAWa,EAAO;AAAA,MAClB,gBAAcZ;AAAA,MACd,OAAOa,EAAoBJ,GAAO,EAAE,SAAS,iBAAiB;AAAA,MAC9D,MAAAP;AAAA,MACA,cAAYC;AAAA,MACZ,eAAaC;AAAA,MACb,oBAAkBC;AAAA,MAClB,mBAAiBC;AAAA,MACjB,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MACf,KAAAE;AAAA,MAEC,UAAAT;AAAA,IAAA;AAAA,EAAA;AAIjB;AACAJ,EAAK,cAAc;"}

package/dist/fondue-components17.js

@@ -1,46 +1,49 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import * as m from "@radix-ui/react-label";
-import { forwardRef as b, useRef as p, useLayoutEffect as x } from "react";
-import a from "./fondue-components65.js";
-const A = ({ className: s, "data-test-id": d = "fondue-label", children: r, variant: f = "default", ...i }, u) => {
-  const n = p(null);
-  return x(() => {
-    var o;
-    const e = (o = n.current) == null ? void 0 : o.querySelectorAll("button,input,a,[tabindex]");
-    if (e)
-      for (const t of e)
-        t.setAttribute("tabindex", "-1"), t.setAttribute("id", ""), t.setAttribute("data-test-id", "");
-  }, []), /* @__PURE__ */ c(
-    m.Root,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import a from "./fondue-components67.js";
+const x = g(
+  ({
+    as: e = "span",
+    children: i,
+    className: r,
+    color: d = "default",
+    role: o,
+    size: l = "medium",
+    weight: t = "default",
+    "data-test-id": s = "fondue-heading",
+    "aria-describedby": p,
+    "aria-expanded": n,
+    "aria-haspopup": b,
+    "aria-hidden": m,
+    "aria-label": f,
+    "aria-labelledby": u,
+    ...h
+  }, y) => /* @__PURE__ */ c(
+    e,
     {
-      ref: u,
-      "data-required": i.required,
-      "data-variant": f,
-      className: [a.root, s].filter(Boolean).join(" "),
-      "data-test-id": d,
-      onClick: (e) => {
-        const o = e.target.getAttribute("for"), t = o ? document.getElementById(o) : null;
-        t && t.getAttribute("role") === "combobox" && (e.preventDefault(), e.stopPropagation(), t.click());
-      },
-      ...i,
-      children: [
-        /* @__PURE__ */ l(
-          "span",
-          {
-            className: [a.hiddenText, a.contentArea].filter(Boolean).join(" "),
-            "aria-hidden": "true",
-            ref: n,
-            children: r
-          }
-        ),
-        /* @__PURE__ */ l("span", { className: [a.visibleText, a.contentArea].filter(Boolean).join(" "), children: r })
-      ]
+      className: [
+        a.root,
+        a[`size-${l}`],
+        a[`weight-${t}`],
+        a[`color-${d}`],
+        r
+      ].filter(Boolean).join(" "),
+      role: o,
+      "aria-label": f,
+      "aria-hidden": m,
+      "aria-describedby": p,
+      "aria-labelledby": u,
+      "aria-expanded": n,
+      "aria-haspopup": b,
+      "data-test-id": s,
+      ref: y,
+      ...h,
+      children: i
     }
-  );
-}, g = b(A);
-g.displayName = "Label";
+  )
+);
+x.displayName = "Heading";
 export {
-  g as Label,
-  A as LabelComponent
+  x as Heading
 };
 //# sourceMappingURL=fondue-components17.js.map

package/dist/fondue-components17.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components17.js","sources":["../src/components/Label/Label.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { type ForwardedRef, forwardRef, type MouseEventHandler, type ReactNode, useRef, useLayoutEffect } from 'react';\n\nimport styles from './styles/label.module.scss';\n\ntype LabelVariant = 'default' | 'strong';\n\nexport type LabelProps = {\n    id?: string;\n    children: ReactNode;\n    /**\n     * The id of the input element the label is associated with\n     */\n    htmlFor: string;\n    /**\n     * Add an asterisk to the label to indicate it is required\n     * @default false\n     */\n    required?: boolean;\n    /**\n     * The variant of the label\n     * @default \"default\"\n     */\n    variant?: LabelVariant;\n    className?: string;\n    onClick?: MouseEventHandler<HTMLLabelElement>;\n    'data-test-id'?: string;\n};\n\nexport const LabelComponent = (\n    { className, 'data-test-id': dataTestId = 'fondue-label', children, variant = 'default', ...props }: LabelProps,\n    ref: ForwardedRef<HTMLLabelElement>,\n) => {\n    const hiddenTextRef = useRef<HTMLSpanElement>(null);\n\n    useLayoutEffect(() => {\n        // prevent duplicated interactive elements within the hidden element\n        const interactiveElements = hiddenTextRef.current?.querySelectorAll('button,input,a,[tabindex]');\n        if (interactiveElements) {\n            for (const element of interactiveElements) {\n                element.setAttribute('tabindex', '-1');\n                element.setAttribute('id', '');\n                element.setAttribute('data-test-id', '');\n            }\n        }\n    }, []);\n\n    return (\n        <LabelPrimitive.Root\n            ref={ref}\n            data-required={props.required}\n            data-variant={variant}\n            className={[styles.root, className].filter(Boolean).join(' ')}\n            data-test-id={dataTestId}\n            onClick={(event) => {\n                // Add support of Select component, Radix only allows native `select`\n                // but we use `div[role=combobox]` because of downshift\n                // https://github.com/radix-ui/primitives/blob/6e75e117977c9e6ffa939e6951a707f16ba0f95e/packages/react/label/src/label.tsx#L22\n                const targetId = (event.target as HTMLElement).getAttribute('for');\n                const target = targetId ? document.getElementById(targetId) : null;\n\n                if (target && target.getAttribute('role') === 'combobox') {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    target.click();\n                }\n            }}\n            {...props}\n        >\n            {/* Hidden version with medium font weight to reserve space */}\n            <span\n                className={[styles.hiddenText, styles.contentArea].filter(Boolean).join(' ')}\n                aria-hidden=\"true\"\n                ref={hiddenTextRef}\n            >\n                {children}\n            </span>\n            {/* Visible version (inherits all styling from parent) */}\n            <span className={[styles.visibleText, styles.contentArea].filter(Boolean).join(' ')}>{children}</span>\n        </LabelPrimitive.Root>\n    );\n};\n\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(LabelComponent);\nLabel.displayName = 'Label';\n"],"names":["LabelComponent","className","dataTestId","children","variant","props","ref","hiddenTextRef","useRef","useLayoutEffect","interactiveElements","_a","element","jsxs","LabelPrimitive","styles","event","targetId","target","jsx","Label","forwardRef"],"mappings":";;;;AA+BO,MAAMA,IAAiB,CAC1B,EAAE,WAAAC,GAAW,gBAAgBC,IAAa,gBAAgB,UAAAC,GAAU,SAAAC,IAAU,WAAW,GAAGC,EAAA,GAC5FC,MACC;AACD,QAAMC,IAAgBC,EAAwB,IAAI;AAElD,SAAAC,EAAgB,MAAM;;AAElB,UAAMC,KAAsBC,IAAAJ,EAAc,YAAd,gBAAAI,EAAuB,iBAAiB;AACpE,QAAID;AACA,iBAAWE,KAAWF;AAClB,QAAAE,EAAQ,aAAa,YAAY,IAAI,GACrCA,EAAQ,aAAa,MAAM,EAAE,GAC7BA,EAAQ,aAAa,gBAAgB,EAAE;AAAA,EAGnD,GAAG,CAAA,CAAE,GAGD,gBAAAC;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACG,KAAAR;AAAA,MACA,iBAAeD,EAAM;AAAA,MACrB,gBAAcD;AAAA,MACd,WAAW,CAACW,EAAO,MAAMd,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC5D,gBAAcC;AAAA,MACd,SAAS,CAACc,MAAU;AAIhB,cAAMC,IAAYD,EAAM,OAAuB,aAAa,KAAK,GAC3DE,IAASD,IAAW,SAAS,eAAeA,CAAQ,IAAI;AAE9D,QAAIC,KAAUA,EAAO,aAAa,MAAM,MAAM,eAC1CF,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNE,EAAO,MAAA;AAAA,MAEf;AAAA,MACC,GAAGb;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,CAACJ,EAAO,YAAYA,EAAO,WAAW,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YAC3E,eAAY;AAAA,YACZ,KAAKR;AAAA,YAEJ,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAgB,EAAC,QAAA,EAAK,WAAW,CAACJ,EAAO,aAAaA,EAAO,WAAW,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAI,UAAAZ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3G,GAEaiB,IAAQC,EAAyCrB,CAAc;AAC5EoB,EAAM,cAAc;"}
+{"version":3,"file":"fondue-components17.js","sources":["../src/components/Heading/Heading.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ElementType, type ForwardedRef, forwardRef, type ReactNode } from 'react';\n\nimport { type CommonAriaProps } from '#/helpers/aria';\n\nimport styles from './styles/heading.module.scss';\n\ntype HeadingWeight = 'default' | 'strong';\ntype HeadingSize = 'medium' | 'large' | 'x-large' | 'xx-large';\ntype HeadingColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';\n\ntype TagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p';\n\nexport type HeadingProps<TTag extends TagType = 'span'> = CommonAriaProps & {\n    'data-test-id'?: string;\n    as?: TTag;\n    children?: ReactNode;\n    color?: HeadingColor;\n    size?: HeadingSize;\n    weight?: HeadingWeight;\n    className?: string;\n};\n\ntype HeadingElementType<TTag extends TagType> = TTag extends 'span'\n    ? HTMLSpanElement\n    : TTag extends 'p'\n      ? HTMLParagraphElement\n      : HTMLHeadingElement;\n\nexport const Heading = forwardRef(\n    (\n        {\n            as: Tag = 'span' as ElementType,\n            children,\n            className,\n            color = 'default',\n            role,\n            size = 'medium',\n            weight = 'default',\n            'data-test-id': dataTestId = 'fondue-heading',\n            'aria-describedby': ariaDescribedBy,\n            'aria-expanded': ariaExpanded,\n            'aria-haspopup': ariaHasPopup,\n            'aria-hidden': ariaHidden,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabelledBy,\n            ...props\n        },\n        ref,\n    ) => {\n        return (\n            <Tag\n                className={[\n                    styles.root,\n                    styles[`size-${size}`],\n                    styles[`weight-${weight}`],\n                    styles[`color-${color}`],\n                    className,\n                ]\n                    .filter(Boolean)\n                    .join(' ')}\n                role={role}\n                aria-label={ariaLabel}\n                aria-hidden={ariaHidden}\n                aria-describedby={ariaDescribedBy}\n                aria-labelledby={ariaLabelledBy}\n                aria-expanded={ariaExpanded}\n                aria-haspopup={ariaHasPopup}\n                data-test-id={dataTestId}\n                ref={ref}\n                {...props}\n            >\n                {children}\n            </Tag>\n        );\n    },\n) as (<TTag extends TagType = 'span'>(\n    props: HeadingProps<TTag> & { ref?: ForwardedRef<HeadingElementType<TTag>> },\n) => JSX.Element) & { displayName: string };\n\nHeading.displayName = 'Heading';\n"],"names":["Heading","forwardRef","Tag","children","className","color","role","size","weight","dataTestId","ariaDescribedBy","ariaExpanded","ariaHasPopup","ariaHidden","ariaLabel","ariaLabelledBy","props","ref","jsx","styles"],"mappings":";;;AA8BO,MAAMA,IAAUC;AAAA,EACnB,CACI;AAAA,IACI,IAAIC,IAAM;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,gBAAgBC,IAAa;AAAA,IAC7B,oBAAoBC;AAAA,IACpB,iBAAiBC;AAAA,IACjB,iBAAiBC;AAAA,IACjB,eAAeC;AAAA,IACf,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,GAAGC;AAAA,EAAA,GAEPC,MAGI,gBAAAC;AAAA,IAAChB;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACPiB,EAAO;AAAA,QACPA,EAAO,QAAQZ,CAAI,EAAE;AAAA,QACrBY,EAAO,UAAUX,CAAM,EAAE;AAAA,QACzBW,EAAO,SAASd,CAAK,EAAE;AAAA,QACvBD;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACb,MAAAE;AAAA,MACA,cAAYQ;AAAA,MACZ,eAAaD;AAAA,MACb,oBAAkBH;AAAA,MAClB,mBAAiBK;AAAA,MACjB,iBAAeJ;AAAA,MACf,iBAAeC;AAAA,MACf,gBAAcH;AAAA,MACd,KAAAQ;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAb;AAAA,IAAA;AAAA,EAAA;AAIjB;AAIAH,EAAQ,cAAc;"}

package/dist/fondue-components18.js

@@ -1,61 +1,46 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as j, useCallback as D } from "react";
-import { useFondueRouter as H } from "./fondue-components23.js";
-import o from "./fondue-components66.js";
-const L = j(
-  ({
-    id: n,
-    className: u,
-    children: c,
-    size: m = "medium",
-    weight: f = "regular",
-    truncate: p = !1,
-    wrap: d = "nowrap",
-    underline: $ = "auto",
-    color: k = "primary",
-    href: t,
-    onContainer: i,
-    onPress: e,
-    disabled: r = !1,
-    ...s
-  }, v) => {
-    const { navigate: l, useHref: w } = H(), g = w(t), x = D(
-      (a) => {
-        if (r) {
-          a.preventDefault();
-          return;
-        }
-        e == null || e(a), t && (a.preventDefault(), l(t));
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import * as m from "@radix-ui/react-label";
+import { forwardRef as b, useRef as p, useLayoutEffect as x } from "react";
+import a from "./fondue-components68.js";
+const A = ({ className: s, "data-test-id": d = "fondue-label", children: r, variant: f = "default", ...i }, u) => {
+  const n = p(null);
+  return x(() => {
+    var o;
+    const e = (o = n.current) == null ? void 0 : o.querySelectorAll("button,input,a,[tabindex]");
+    if (e)
+      for (const t of e)
+        t.setAttribute("tabindex", "-1"), t.setAttribute("id", ""), t.setAttribute("data-test-id", "");
+  }, []), /* @__PURE__ */ c(
+    m.Root,
+    {
+      ref: u,
+      "data-required": i.required,
+      "data-variant": f,
+      className: [a.root, s].filter(Boolean).join(" "),
+      "data-test-id": d,
+      onClick: (e) => {
+        const o = e.target.getAttribute("for"), t = o ? document.getElementById(o) : null;
+        t && t.getAttribute("role") === "combobox" && (e.preventDefault(), e.stopPropagation(), t.click());
       },
-      [t, l, e, r]
-    ), y = r ? o.disabled : o[i ? `color-on-container-${i}` : `color-${k}`];
-    return /* @__PURE__ */ C(
-      "a",
-      {
-        id: n,
-        className: [
-          o.root,
-          o[`size-${m}`],
-          o[`weight-${f}`],
-          o[`wrap-${d}`],
-          o[`underline-${$}`],
-          p && o.truncate,
-          y,
-          u
-        ].filter(Boolean).join(" "),
-        ref: v,
-        href: r ? void 0 : g,
-        onClick: x,
-        "aria-disabled": r || void 0,
-        tabIndex: r ? -1 : void 0,
-        ...s,
-        children: c
-      }
-    );
-  }
-);
-L.displayName = "Link";
+      ...i,
+      children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            className: [a.hiddenText, a.contentArea].filter(Boolean).join(" "),
+            "aria-hidden": "true",
+            ref: n,
+            children: r
+          }
+        ),
+        /* @__PURE__ */ l("span", { className: [a.visibleText, a.contentArea].filter(Boolean).join(" "), children: r })
+      ]
+    }
+  );
+}, g = b(A);
+g.displayName = "Label";
 export {
-  L as Link
+  g as Label,
+  A as LabelComponent
 };
 //# sourceMappingURL=fondue-components18.js.map

package/dist/fondue-components18.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components18.js","sources":["../src/components/Link/Link.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ReactNode, type MouseEvent, useCallback } from 'react';\n\nimport { useFondueRouter } from '../RouterProvider/RouterProvider';\n\nimport styles from './styles/link.module.scss';\n\ntype LinkSize = 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';\ntype LinkWeight = 'regular' | 'medium' | 'bold';\ntype LinkColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'highlight';\ntype LinkOnContainerColor = 'secondary' | 'disabled' | 'error' | 'success' | 'warning' | 'highlight';\ntype LinkWrap = 'wrap' | 'nowrap';\ntype LinkUnderline = 'auto' | 'always' | 'hover' | 'none';\n\nexport type LinkProps = {\n    children?: ReactNode;\n    /**\n     * The link to navigate to when clicked\n     */\n    href: string;\n    /**\n     * Id of the element\n     */\n    id?: string;\n    /**\n     * Size of the text\n     *\n     * @default 'medium'\n     */\n    size?: LinkSize;\n    /**\n     * Weight of the font\n     *\n     * @default 'regular'\n     */\n    weight?: LinkWeight;\n    /**\n     * Color of the text\n     *\n     * @default 'primary'\n     */\n    color?: LinkColor;\n    /**\n     * The texts color when used within a container\n     *\n     * @description optional color prop that uses the inverse container color when accessibility contrast is needed\n     **/\n    onContainer?: LinkOnContainerColor;\n    /**\n     * Truncate the text if it overflows\n     */\n    truncate?: boolean;\n    /**\n     * Wrap the text if it overflows\n     * @default 'nowrap'\n     */\n    wrap?: LinkWrap;\n    /**\n     * Underline behavior of the link\n     * @default 'auto'\n     */\n    underline?: LinkUnderline;\n    /**\n     * The target attribute for the link\n     * @default '_self'\n     */\n    target?: string;\n    /**\n     * The rel attribute for the link\n     * @default 'noopener noreferrer'\n     */\n    rel?: string;\n    className?: string;\n    onPress?: (event: MouseEvent<HTMLAnchorElement>) => void;\n    'data-test-id'?: string;\n    /**\n     * Aria label for the component.\n     */\n    'aria-label'?: string;\n    /**\n     * Aria labelled by for the component.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Aria described by for the component.\n     */\n    'aria-describedby'?: string;\n    /**\n     * Aria details for extend description of the component.\n     */\n    'aria-details'?: string;\n    /**\n     * Disable the link\n     *\n     * @default false\n     */\n    disabled?: boolean;\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n    (\n        {\n            id,\n            className,\n            children,\n            size = 'medium',\n            weight = 'regular',\n            truncate = false,\n            wrap = 'nowrap',\n            underline = 'auto',\n            color = 'primary',\n            href,\n            onContainer,\n            onPress,\n            disabled = false,\n            ...props\n        },\n        ref,\n    ) => {\n        const { navigate, useHref } = useFondueRouter();\n        const resolvedHref = useHref(href);\n\n        const handleClick = useCallback(\n            (event: MouseEvent<HTMLAnchorElement>) => {\n                if (disabled) {\n                    event.preventDefault();\n                    return;\n                }\n                onPress?.(event);\n\n                if (href) {\n                    event.preventDefault();\n                    navigate(href);\n                }\n            },\n            [href, navigate, onPress, disabled],\n        );\n\n        const computedColor = disabled\n            ? styles.disabled\n            : styles[onContainer ? `color-on-container-${onContainer}` : `color-${color}`];\n\n        return (\n            <a\n                id={id}\n                className={[\n                    styles.root,\n                    styles[`size-${size}`],\n                    styles[`weight-${weight}`],\n                    styles[`wrap-${wrap}`],\n                    styles[`underline-${underline}`],\n                    truncate && styles.truncate,\n                    computedColor,\n                    className,\n                ]\n                    .filter(Boolean)\n                    .join(' ')}\n                ref={ref}\n                href={disabled ? undefined : resolvedHref}\n                onClick={handleClick}\n                aria-disabled={disabled || undefined}\n                tabIndex={disabled ? -1 : undefined}\n                {...props}\n            >\n                {children}\n            </a>\n        );\n    },\n);\nLink.displayName = 'Link';\n"],"names":["Link","forwardRef","id","className","children","size","weight","truncate","wrap","underline","color","href","onContainer","onPress","disabled","props","ref","navigate","useHref","useFondueRouter","resolvedHref","handleClick","useCallback","event","computedColor","styles","jsx"],"mappings":";;;;AAoGO,MAAMA,IAAOC;AAAA,EAChB,CACI;AAAA,IACI,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAM,EAAE,UAAAC,GAAU,SAAAC,EAAA,IAAYC,EAAA,GACxBC,IAAeF,EAAQP,CAAI,GAE3BU,IAAcC;AAAA,MAChB,CAACC,MAAyC;AACtC,YAAIT,GAAU;AACV,UAAAS,EAAM,eAAA;AACN;AAAA,QACJ;AACA,QAAAV,KAAA,QAAAA,EAAUU,IAENZ,MACAY,EAAM,eAAA,GACNN,EAASN,CAAI;AAAA,MAErB;AAAA,MACA,CAACA,GAAMM,GAAUJ,GAASC,CAAQ;AAAA,IAAA,GAGhCU,IAAgBV,IAChBW,EAAO,WACPA,EAAOb,IAAc,sBAAsBA,CAAW,KAAK,SAASF,CAAK,EAAE;AAEjF,WACI,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAAxB;AAAA,QACA,WAAW;AAAA,UACPuB,EAAO;AAAA,UACPA,EAAO,QAAQpB,CAAI,EAAE;AAAA,UACrBoB,EAAO,UAAUnB,CAAM,EAAE;AAAA,UACzBmB,EAAO,QAAQjB,CAAI,EAAE;AAAA,UACrBiB,EAAO,aAAahB,CAAS,EAAE;AAAA,UAC/BF,KAAYkB,EAAO;AAAA,UACnBD;AAAA,UACArB;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACb,KAAAa;AAAA,QACA,MAAMF,IAAW,SAAYM;AAAA,QAC7B,SAASC;AAAA,QACT,iBAAeP,KAAY;AAAA,QAC3B,UAAUA,IAAW,KAAK;AAAA,QACzB,GAAGC;AAAA,QAEH,UAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AACAJ,EAAK,cAAc;"}
+{"version":3,"file":"fondue-components18.js","sources":["../src/components/Label/Label.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { type ForwardedRef, forwardRef, type MouseEventHandler, type ReactNode, useRef, useLayoutEffect } from 'react';\n\nimport styles from './styles/label.module.scss';\n\ntype LabelVariant = 'default' | 'strong';\n\nexport type LabelProps = {\n    id?: string;\n    children: ReactNode;\n    /**\n     * The id of the input element the label is associated with\n     */\n    htmlFor: string;\n    /**\n     * Add an asterisk to the label to indicate it is required\n     * @default false\n     */\n    required?: boolean;\n    /**\n     * The variant of the label\n     * @default \"default\"\n     */\n    variant?: LabelVariant;\n    className?: string;\n    onClick?: MouseEventHandler<HTMLLabelElement>;\n    'data-test-id'?: string;\n};\n\nexport const LabelComponent = (\n    { className, 'data-test-id': dataTestId = 'fondue-label', children, variant = 'default', ...props }: LabelProps,\n    ref: ForwardedRef<HTMLLabelElement>,\n) => {\n    const hiddenTextRef = useRef<HTMLSpanElement>(null);\n\n    useLayoutEffect(() => {\n        // prevent duplicated interactive elements within the hidden element\n        const interactiveElements = hiddenTextRef.current?.querySelectorAll('button,input,a,[tabindex]');\n        if (interactiveElements) {\n            for (const element of interactiveElements) {\n                element.setAttribute('tabindex', '-1');\n                element.setAttribute('id', '');\n                element.setAttribute('data-test-id', '');\n            }\n        }\n    }, []);\n\n    return (\n        <LabelPrimitive.Root\n            ref={ref}\n            data-required={props.required}\n            data-variant={variant}\n            className={[styles.root, className].filter(Boolean).join(' ')}\n            data-test-id={dataTestId}\n            onClick={(event) => {\n                // Add support of Select component, Radix only allows native `select`\n                // but we use `div[role=combobox]` because of downshift\n                // https://github.com/radix-ui/primitives/blob/6e75e117977c9e6ffa939e6951a707f16ba0f95e/packages/react/label/src/label.tsx#L22\n                const targetId = (event.target as HTMLElement).getAttribute('for');\n                const target = targetId ? document.getElementById(targetId) : null;\n\n                if (target && target.getAttribute('role') === 'combobox') {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    target.click();\n                }\n            }}\n            {...props}\n        >\n            {/* Hidden version with medium font weight to reserve space */}\n            <span\n                className={[styles.hiddenText, styles.contentArea].filter(Boolean).join(' ')}\n                aria-hidden=\"true\"\n                ref={hiddenTextRef}\n            >\n                {children}\n            </span>\n            {/* Visible version (inherits all styling from parent) */}\n            <span className={[styles.visibleText, styles.contentArea].filter(Boolean).join(' ')}>{children}</span>\n        </LabelPrimitive.Root>\n    );\n};\n\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(LabelComponent);\nLabel.displayName = 'Label';\n"],"names":["LabelComponent","className","dataTestId","children","variant","props","ref","hiddenTextRef","useRef","useLayoutEffect","interactiveElements","_a","element","jsxs","LabelPrimitive","styles","event","targetId","target","jsx","Label","forwardRef"],"mappings":";;;;AA+BO,MAAMA,IAAiB,CAC1B,EAAE,WAAAC,GAAW,gBAAgBC,IAAa,gBAAgB,UAAAC,GAAU,SAAAC,IAAU,WAAW,GAAGC,EAAA,GAC5FC,MACC;AACD,QAAMC,IAAgBC,EAAwB,IAAI;AAElD,SAAAC,EAAgB,MAAM;;AAElB,UAAMC,KAAsBC,IAAAJ,EAAc,YAAd,gBAAAI,EAAuB,iBAAiB;AACpE,QAAID;AACA,iBAAWE,KAAWF;AAClB,QAAAE,EAAQ,aAAa,YAAY,IAAI,GACrCA,EAAQ,aAAa,MAAM,EAAE,GAC7BA,EAAQ,aAAa,gBAAgB,EAAE;AAAA,EAGnD,GAAG,CAAA,CAAE,GAGD,gBAAAC;AAAA,IAACC,EAAe;AAAA,IAAf;AAAA,MACG,KAAAR;AAAA,MACA,iBAAeD,EAAM;AAAA,MACrB,gBAAcD;AAAA,MACd,WAAW,CAACW,EAAO,MAAMd,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC5D,gBAAcC;AAAA,MACd,SAAS,CAACc,MAAU;AAIhB,cAAMC,IAAYD,EAAM,OAAuB,aAAa,KAAK,GAC3DE,IAASD,IAAW,SAAS,eAAeA,CAAQ,IAAI;AAE9D,QAAIC,KAAUA,EAAO,aAAa,MAAM,MAAM,eAC1CF,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNE,EAAO,MAAA;AAAA,MAEf;AAAA,MACC,GAAGb;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW,CAACJ,EAAO,YAAYA,EAAO,WAAW,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YAC3E,eAAY;AAAA,YACZ,KAAKR;AAAA,YAEJ,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAgB,EAAC,QAAA,EAAK,WAAW,CAACJ,EAAO,aAAaA,EAAO,WAAW,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAI,UAAAZ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3G,GAEaiB,IAAQC,EAAyCrB,CAAc;AAC5EoB,EAAM,cAAc;"}