@helpwave/hightide 0.1.43 → 0.1.45

package/dist/components/index.js

@@ -6739,8 +6739,8 @@ import { useCallback, useState as useState2 } from "react";
 
 // src/i18n/translations.ts
 import { TranslationGen } from "@helpwave/internationalization";
-var supportedLocales = ["de-DE", "en-US"];
-var generatedTranslations = {
+var hightideTranslationLocales = ["de-DE", "en-US"];
+var hightideTranslation = {
   "de-DE": {
     "add": `Hinzuf\xFCgen`,
     "age": `Alter`,
@@ -7225,7 +7225,7 @@ function localeToLanguage(locale) {
   return locale.split("-")[0];
 }
 var LocalizationUtil = {
-  locals: supportedLocales,
+  locals: hightideTranslationLocales,
   localToLanguage: localeToLanguage,
   DEFAULT_LOCALE,
   languagesLocalNames: localsNames
@@ -7772,15 +7772,15 @@ var YearMonthPickerUncontrolled = ({
   );
 };
 
-// src/i18n/useTranslation.ts
+// src/i18n/useHightideTranslation.ts
 import { combineTranslation, ICUUtil } from "@helpwave/internationalization";
-function useTranslation(extensions, overwrites) {
+function useHightideTranslation(extensions, overwrites) {
   const { locale: inferredLocale } = useLocale();
   const locale = overwrites?.locale ?? inferredLocale;
   const translationExtensions = ArrayUtil.resolveSingleOrArray(extensions);
   return combineTranslation([
     ...translationExtensions,
-    generatedTranslations
+    hightideTranslation
   ], locale);
 }
 
@@ -7797,7 +7797,7 @@ var DatePicker = ({
   className = ""
 }) => {
   const { locale } = useLocale();
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const [displayedMonth, setDisplayedMonth] = useState5(value);
   const [displayMode, setDisplayMode] = useState5(initialDisplay);
   useEffect5(() => {
@@ -7908,7 +7908,7 @@ var TimeDisplay = ({
   date,
   mode = "daysFromToday"
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const difference = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0).valueOf() - new Date(date).setHours(0, 0, 0, 0).valueOf();
   const isBefore = difference > 0;
   const differenceInDays = Math.floor(Math.abs(difference) / (1e3 * 3600 * 24));
@@ -8334,7 +8334,7 @@ var Dialog = ({
   containerClassName,
   ...props
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const [visible, setVisible] = useState9(isOpen);
   const generatedId = useId3();
   const id = props.id ?? generatedId;
@@ -8459,7 +8459,7 @@ var ConfirmDialog = ({
   className,
   ...restProps
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const mapping = {
     neutral: "neutral",
     negative: "negative",
@@ -8511,7 +8511,7 @@ var DiscardChangesDialog = ({
   descriptionOverwrite,
   ...props
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   return /* @__PURE__ */ jsx13(
     ConfirmDialog,
     {
@@ -9240,7 +9240,7 @@ var SelectOption = forwardRef4(
   }
 );
 var SelectButton = forwardRef4(function SelectButton2({ placeholder, selectedDisplay, ...props }, ref) {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const { state, trigger } = useSelectContext();
   const { register, unregister, toggleOpen } = trigger;
   const innerRef = useRef6(null);
@@ -9590,7 +9590,7 @@ var LanguageDialog = ({
   ...props
 }) => {
   const { locale, setLocale } = useLocale();
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   return /* @__PURE__ */ jsx18(
     Dialog,
     {
@@ -9655,7 +9655,7 @@ var ThemeDialog = ({
   ...props
 }) => {
   const { theme, setTheme } = useTheme();
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   return /* @__PURE__ */ jsx20(
     Dialog,
     {
@@ -10610,7 +10610,7 @@ var useCarouselContext = () => {
 function CarouselTabs({
   onChange
 }) {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const { id, slideCount, currentIndex, isLooping } = useCarouselContext();
   const tabRefs = useRef9([]);
   const handleKeyDown = (event, index) => {
@@ -10668,7 +10668,7 @@ var CarouselSlide = forwardRef8(
     isSelected,
     ...props
   }, ref) {
-    const translation = useTranslation();
+    const translation = useHightideTranslation();
     const { id, slideCount } = useCarouselContext();
     return /* @__PURE__ */ jsx31(
       "div",
@@ -10706,7 +10706,7 @@ var Carousel = ({
   onSlideChanged,
   ...props
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const slideRefs = useRef9([]);
   const [currentIndex, setCurrentIndex] = useState16(0);
   const [hasFocus, setHasFocus] = useState16(false);
@@ -12510,7 +12510,7 @@ var TextImage = ({
   contentClassName = "",
   className = ""
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const chipColorMapping = {
     primary: "text-text-image-primary-background bg-text-image-primary-text",
     secondary: "text-text-image-secondary-background bg-text-image-secondary-text",
@@ -12608,7 +12608,7 @@ var ErrorComponent = ({
   errorText,
   classname
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   return /* @__PURE__ */ jsxs23("div", { className: clsx27("flex-col-4 items-center justify-center w-full h-24", classname), children: [
     /* @__PURE__ */ jsx42(AlertOctagon, { size: 64, className: "text-warning" }),
     errorText ?? `${translation("errorOccurred")} :(`
@@ -12662,7 +12662,7 @@ var LoadingAnimation = ({
   loadingText,
   classname
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   return /* @__PURE__ */ jsxs24("div", { className: clsx30("flex-col-2 items-center justify-center w-full h-24", classname), children: [
     /* @__PURE__ */ jsx45(HelpwaveLogo, { animate: "loading" }),
     loadingText ?? `${translation("loading")}...`
@@ -12915,7 +12915,7 @@ var Pagination = ({
   className,
   style
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const [value, setValue] = useState22((pageIndex + 1).toString());
   const noPages = pageCount === 0;
   const onFirstPage = pageIndex === 0 && !noPages;
@@ -12990,7 +12990,7 @@ var StepperBar = ({
   showDots = true,
   className = ""
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const dots = range(numberOfSteps + 1);
   const { currentStep, seenSteps } = state ?? defaultState;
   const update = (newStep) => {
@@ -13546,7 +13546,7 @@ var PropertyBase = ({
   onRemove,
   className = ""
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const requiredAndNoValue = softRequired && !hasValue;
   return /* @__PURE__ */ jsxs33("div", { className: clsx37("flex-row-0 group", className), children: [
     /* @__PURE__ */ jsxs33(
@@ -13605,7 +13605,7 @@ var CheckboxProperty = ({
   readOnly,
   ...baseProps
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const id = useId8();
   return /* @__PURE__ */ jsx55(
     PropertyBase,
@@ -13727,7 +13727,7 @@ var NumberProperty = ({
   suffix,
   ...baseProps
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const hasValue = value !== void 0;
   return /* @__PURE__ */ jsx58(
     PropertyBase,
@@ -13939,7 +13939,7 @@ var TextProperty = ({
   onEditComplete,
   ...baseProps
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const hasValue = value !== void 0;
   return /* @__PURE__ */ jsx61(
     PropertyBase,
@@ -14320,7 +14320,7 @@ var TableFilterButton = ({
   filterType,
   column
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const columnFilterValue = column.getFilterValue();
   const [filterValue, setFilterValue] = useState28(columnFilterValue);
   const hasFilter = !!filterValue;
@@ -14842,7 +14842,7 @@ var CopyToClipboardWrapper = ({
   position = "bottom",
   zIndex = 10
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const [isShowingIndication, setIsShowingIndication] = useState30(false);
   const [isShowingConfirmation, setIsShowingConfirmation] = useState30(false);
   const positionClasses = {
@@ -14934,7 +14934,7 @@ var DateTimePicker = ({
   timePickerProps,
   datePickerProps
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   const useDate = mode === "dateTime" || mode === "date";
   const useTime = mode === "dateTime" || mode === "time";
   let dateDisplay;
@@ -15193,7 +15193,7 @@ var SearchBar = ({
   containerClassName,
   ...inputProps
 }) => {
-  const translation = useTranslation();
+  const translation = useHightideTranslation();
   return /* @__PURE__ */ jsxs43("div", { className: clsx52("flex-row-2 justify-between items-center", containerClassName), children: [
     /* @__PURE__ */ jsx71(
       Input,