@helpwave/hightide 0.1.9 → 0.1.11

package/dist/index.mjs

@@ -2916,12 +2916,12 @@ var Tile = ({
       ),
       onClick: isDisabled ? void 0 : onClick,
       children: [
-        prefix ?? (isSelected ? /* @__PURE__ */ jsx(Check, { size: 24 }) : void 0),
+        prefix,
         /* @__PURE__ */ jsxs("div", { className: "col gap-y-0 w-full", children: [
           /* @__PURE__ */ jsx("h4", { className: clsx(title.className ?? "textstyle-title-normal"), children: title.value }),
           !!description && /* @__PURE__ */ jsx("span", { className: clsx(description.className ?? "textstyle-description"), children: description.value })
         ] }),
-        suffix
+        suffix ?? (isSelected ? /* @__PURE__ */ jsx(Check, { size: 24 }) : void 0)
       ]
     }
   );
@@ -3148,6 +3148,14 @@ var LanguageProvider = ({ initialLanguage, children }) => {
 };
 
 // src/localization/useTranslation.ts
+var TranslationPluralCount = {
+  zero: 0,
+  one: 1,
+  two: 2,
+  few: 3,
+  many: 11,
+  other: -1
+};
 var useTranslation = (translations, overwriteTranslation = {}) => {
   const { language: languageProp, translation: overwrite } = overwriteTranslation;
   const { language: inferredLanguage } = useLanguage();
@@ -3171,15 +3179,15 @@ var useTranslation = (translations, overwriteTranslation = {}) => {
         }
         let forProcessing;
         if (typeof value !== "string") {
-          if (count <= 0 && value?.zero) {
+          if (count === TranslationPluralCount.zero && value?.zero) {
             forProcessing = value.zero;
-          } else if (count === 1 && value?.one) {
+          } else if (count === TranslationPluralCount.one && value?.one) {
             forProcessing = value.one;
-          } else if (count === 2 && value?.two) {
+          } else if (count === TranslationPluralCount.two && value?.two) {
             forProcessing = value.two;
-          } else if (count <= 10 && value?.few) {
+          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {
             forProcessing = value.few;
-          } else if (count > 10 && value?.many) {
+          } else if (count > TranslationPluralCount.many && value?.many) {
             forProcessing = value.many;
           } else {
             forProcessing = value.other;
@@ -3188,7 +3196,7 @@ var useTranslation = (translations, overwriteTranslation = {}) => {
           forProcessing = value;
         }
         forProcessing = forProcessing.replace(/\{\{(\w+)}}/g, (_, placeholder) => {
-          return replacements[placeholder] ?? `{{${placeholder}}}`;
+          return replacements[placeholder] ?? `{{key:${placeholder}}}`;
         });
         return forProcessing;
       }
@@ -7106,7 +7114,7 @@ var Select = ({
         "div",
         {
           ref: menuRef,
-          className: "absolute w-full z-10 rounded-lg mt-0.5 bg-menu-background text-menu-text shadow-around-md max-h-[500px] overflow-y-auto p-2",
+          className: "absolute w-full z-10 rounded-lg mt-0.5 bg-menu-background text-menu-text shadow-around-lg max-h-[500px] overflow-y-auto p-2",
           children: /* @__PURE__ */ jsx42(
             SearchableList,
             {
@@ -7203,7 +7211,7 @@ var LanguageModal = ({
           {
             className: "mt-2",
             value: language,
-            options: LanguageUtil.languages.map((language2) => ({ label: translation[language2], value: language2 })),
+            options: LanguageUtil.languages.map((language2) => ({ label: translation(language2), value: language2 })),
             onChange: (language2) => setLanguage(language2)
           }
         ),
@@ -7292,7 +7300,7 @@ var ThemeModal = ({
           {
             className: "mt-2",
             value: theme,
-            options: ThemeUtil.themes.map((theme2) => ({ label: translation[theme2], value: theme2 })),
+            options: ThemeUtil.themes.map((theme2) => ({ label: translation(theme2), value: theme2 })),
             onChange: (theme2) => setTheme(theme2)
           }
         ),
@@ -7513,7 +7521,7 @@ var MultiSelect = ({
         "div",
         {
           ref: menuRef,
-          className: "absolute w-full z-10 rounded-lg mt-0.5 bg-menu-background text-menu-text shadow-around-md max-h-[500px] overflow-y-auto p-2",
+          className: "absolute w-full z-10 rounded-lg mt-0.5 bg-menu-background text-menu-text shadow-around-lg max-h-[500px] overflow-y-auto p-2",
           children: [
             /* @__PURE__ */ jsx49(
               SearchableList,
@@ -8052,7 +8060,7 @@ var Menu = ({
             ref: menuRef,
             onClick: (e) => e.stopPropagation(),
             className: clsx43(
-              "absolute top-full mt-1 min-w-40 rounded-lg bg-menu-background text-menu-text shadow-around-md z-10",
+              "absolute top-full mt-1 min-w-40 rounded-lg bg-menu-background text-menu-text shadow-around-lg z-10",
               {
                 "top-0": alignment[0] === "t",
                 "bottom-0": alignment[0] === "b",
@@ -8511,6 +8519,7 @@ export {
   ToggleableInput,
   ToggleableInputUncontrolled,
   Tooltip,
+  TranslationPluralCount,
   VerticalDivider,
   YearMonthPicker,
   YearMonthPickerUncontrolled,