@chekinapp/ui 0.0.65 → 0.0.66

package/dist/index.cjs

@@ -296,6 +296,7 @@ __export(index_exports, {
   TooltipRoot: () => TooltipRoot,
   TooltipRootWrapper: () => TooltipRootWrapper,
   TooltipTrigger: () => TooltipTrigger,
+  UI_KIT_I18N_NAMESPACE: () => UI_KIT_I18N_NAMESPACE,
   UploadedFilesList: () => UploadedFilesList,
   VerticalTabs: () => VerticalTabs,
   VideoModal: () => VideoModal,
@@ -318,6 +319,7 @@ __export(index_exports, {
   inputVariants: () => inputVariants,
   isNumeric: () => isNumeric,
   labelVariants: () => labelVariants,
+  registerUiKitI18n: () => registerUiKitI18n,
   scrollToTop: () => scrollToTop,
   sectionTagVariants: () => sectionTagVariants,
   switchThumbVariants: () => switchThumbVariants,
@@ -5738,21 +5740,14 @@ var uiKitI18nResources = {
   it: { translation: translation_default5 },
   pt: { translation: translation_default6 }
 };
-
-// src/i18n/config.ts
-var import_i18next = __toESM(require("i18next"), 1);
-var import_react_i18next9 = require("react-i18next");
-var i18n = import_i18next.default.createInstance();
-i18n.use(import_react_i18next9.initReactI18next).init({
-  resources: uiKitI18nResources,
-  fallbackLng: "en",
-  interpolation: {
-    escapeValue: false
-  },
-  returnNull: false,
-  fallbackNS: "translation",
-  load: "languageOnly"
-});
+var UI_KIT_I18N_NAMESPACE = "translation";
+function registerUiKitI18n(i18n, options = {}) {
+  const namespace = options.namespace ?? UI_KIT_I18N_NAMESPACE;
+  const overwrite = options.overwrite ?? false;
+  for (const [lng, bundle] of Object.entries(uiKitTranslations)) {
+    i18n.addResourceBundle(lng, namespace, bundle, true, overwrite);
+  }
+}
 
 // src/large-modal/LargeModal.tsx
 var import_lucide_react15 = require("lucide-react");
@@ -5832,10 +5827,10 @@ function LargeModal({
 
 // src/learn-more-button/LearnMoreButton.tsx
 var import_lucide_react16 = require("lucide-react");
-var import_react_i18next10 = require("react-i18next");
+var import_react_i18next9 = require("react-i18next");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function LearnMoreButton({ label, ...props }) {
-  const { t } = (0, import_react_i18next10.useTranslation)();
+  const { t } = (0, import_react_i18next9.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Button, { variant: "link", ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react16.BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
     label || t("learn_more")
@@ -5869,10 +5864,10 @@ var Link = (0, import_react51.memo)(LinkInternal);
 // src/image-full-screen-view/ImageFullScreenView.tsx
 var import_react52 = require("react");
 var import_lucide_react17 = require("lucide-react");
-var import_react_i18next11 = require("react-i18next");
+var import_react_i18next10 = require("react-i18next");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function ImageFullScreenView({ src, alt, onClose }) {
-  const { t } = (0, import_react_i18next11.useTranslation)();
+  const { t } = (0, import_react_i18next10.useTranslation)();
   const [scale, setScale] = (0, import_react52.useState)(1);
   const [rotation, setRotation] = (0, import_react52.useState)(0);
   useClickEscape({ onClick: onClose });
@@ -6228,7 +6223,7 @@ var NumberedList = ({ children, className, itemClassName }) => {
 };
 
 // src/overlay-loader/OverlayLoader.tsx
-var import_react_i18next12 = require("react-i18next");
+var import_react_i18next11 = require("react-i18next");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function OverlayLoader({
   isLoading,
@@ -6239,7 +6234,7 @@ function OverlayLoader({
   className = "",
   overlayClassName = ""
 }) {
-  const { t } = (0, import_react_i18next12.useTranslation)();
+  const { t } = (0, import_react_i18next11.useTranslation)();
   const resolvedLabel = label || t("loading");
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: cn("relative", className), children: [
     children,
@@ -6264,7 +6259,7 @@ function OverlayLoader({
 }
 
 // src/pagination/Pagination.tsx
-var import_react_i18next13 = require("react-i18next");
+var import_react_i18next12 = require("react-i18next");
 var import_lucide_react21 = require("lucide-react");
 
 // src/select/Select.tsx
@@ -6687,7 +6682,7 @@ function Pagination({
   totalItems = 0,
   className
 }) {
-  const { t } = (0, import_react_i18next13.useTranslation)();
+  const { t } = (0, import_react_i18next12.useTranslation)();
   const isSimpleVariant = variant === "simple";
   const startItem = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
   const endItem = Math.min(page * pageSize, totalItems);
@@ -7240,7 +7235,7 @@ function RatingRadioGroup({
 // src/rating-stars/RatingStars.tsx
 var React25 = __toESM(require("react"), 1);
 var import_lucide_react24 = require("lucide-react");
-var import_react_i18next14 = require("react-i18next");
+var import_react_i18next13 = require("react-i18next");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 function RatingStars({
   rating,
@@ -7255,7 +7250,7 @@ function RatingStars({
   filledColor = "#ffb700",
   emptyColor = "var(--chekin-color-gray-3)"
 }) {
-  const { t } = (0, import_react_i18next14.useTranslation)();
+  const { t } = (0, import_react_i18next13.useTranslation)();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
   const componentId = React25.useId();
@@ -7345,7 +7340,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
 
 // src/search-input/SearchInput.tsx
 var import_lucide_react27 = require("lucide-react");
-var import_react_i18next15 = require("react-i18next");
+var import_react_i18next14 = require("react-i18next");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function SearchInput({
   disabled,
@@ -7360,7 +7355,7 @@ function SearchInput({
   className,
   ...props
 }) {
-  const { t } = (0, import_react_i18next15.useTranslation)();
+  const { t } = (0, import_react_i18next14.useTranslation)();
   const placeholderText = placeholder || `${t("search_property")}...`;
   const isBlocked = Boolean(disabled) || Boolean(loading);
   const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
@@ -7477,7 +7472,7 @@ var SectionTagColors = /* @__PURE__ */ ((SectionTagColors2) => {
 // src/section/Section.tsx
 var import_react64 = require("react");
 var import_lucide_react28 = require("lucide-react");
-var import_react_i18next16 = require("react-i18next");
+var import_react_i18next15 = require("react-i18next");
 
 // src/section/constants.ts
 var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
@@ -7516,7 +7511,7 @@ var Section = (0, import_react64.forwardRef)(
     hidden,
     size
   }, ref) => {
-    const { t } = (0, import_react_i18next16.useTranslation)();
+    const { t } = (0, import_react_i18next15.useTranslation)();
     return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "div",
       {
@@ -8434,7 +8429,7 @@ var getSidebarState = (stateName) => document.cookie.split("; ").find((row) => r
 
 // src/signature-canvas/SignatureCanvas.tsx
 var import_react69 = require("react");
-var import_react_i18next17 = require("react-i18next");
+var import_react_i18next16 = require("react-i18next");
 var import_react_signature_pad_wrapper = __toESM(require("react-signature-pad-wrapper"), 1);
 
 // src/assets/icons/sign-finger.svg
@@ -8469,7 +8464,7 @@ function breakIntoLines(text = "") {
 }
 var SignatureCanvas = (0, import_react69.forwardRef)(
   ({ onClear, hasSignature, onEnd, onEnable, className, enabled }, ref) => {
-    const { t } = (0, import_react_i18next17.useTranslation)();
+    const { t } = (0, import_react_i18next16.useTranslation)();
     const internalRef = (0, import_react69.useRef)(null);
     const combinedRef = useCombinedRef(ref, internalRef);
     (0, import_react69.useEffect)(() => {
@@ -8785,7 +8780,7 @@ function Slider({ children, slideCount, ...props }) {
 // src/small-grid-single-item/SmallGridSingleItem.tsx
 var import_react70 = require("react");
 var import_lucide_react32 = require("lucide-react");
-var import_react_i18next18 = require("react-i18next");
+var import_react_i18next17 = require("react-i18next");
 
 // src/switch/Switch.tsx
 var React35 = __toESM(require("react"), 1);
@@ -8880,7 +8875,7 @@ var SmallGridSingleItem = (0, import_react70.memo)(
     error,
     className
   }) => {
-    const { t } = (0, import_react_i18next18.useTranslation)();
+    const { t } = (0, import_react_i18next17.useTranslation)();
     const handleClick = (event) => {
       if (!disabled && onClick) onClick(event);
     };
@@ -8949,7 +8944,7 @@ var SmallGridSingleItem = (0, import_react70.memo)(
 SmallGridSingleItem.displayName = "SmallGridSingleItem";
 
 // src/sorting-action/SortingAction.tsx
-var import_react_i18next19 = require("react-i18next");
+var import_react_i18next18 = require("react-i18next");
 var import_lucide_react33 = require("lucide-react");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 function SortingAction({
@@ -8960,7 +8955,7 @@ function SortingAction({
   variant = "by_other",
   onOpenChange
 }) {
-  const { t } = (0, import_react_i18next19.useTranslation)();
+  const { t } = (0, import_react_i18next18.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(DropdownMenu, { open, onOpenChange, children: [
     /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "button",
@@ -9009,7 +9004,7 @@ function SortingAction({
 
 // src/status-button/StatusButton.tsx
 var import_react71 = require("react");
-var import_react_i18next20 = require("react-i18next");
+var import_react_i18next19 = require("react-i18next");
 var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 function StatusButton({
@@ -9025,7 +9020,7 @@ function StatusButton({
   variant = "default",
   ...props
 }) {
-  const { t } = (0, import_react_i18next20.useTranslation)();
+  const { t } = (0, import_react_i18next19.useTranslation)();
   const configMap = (0, import_react71.useMemo)(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
@@ -9415,11 +9410,11 @@ function DateTableFilter({ className, ...props }) {
 
 // src/table-loader/TableLoader.tsx
 var import_react74 = require("react");
-var import_react_i18next21 = require("react-i18next");
+var import_react_i18next20 = require("react-i18next");
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var LoaderComponent = (0, import_react74.forwardRef)(
   ({ label, className, hideBorder, variant = "primary" }, ref) => {
-    const { t } = (0, import_react_i18next21.useTranslation)();
+    const { t } = (0, import_react_i18next20.useTranslation)();
     return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       "div",
       {
@@ -9873,7 +9868,7 @@ var Toggles = (0, import_react76.forwardRef)(TogglesInternal);
 var React39 = __toESM(require("react"), 1);
 var LabelPrimitive2 = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority15 = require("class-variance-authority");
-var import_react_i18next22 = require("react-i18next");
+var import_react_i18next21 = require("react-i18next");
 
 // src/text-field/EndIcon.tsx
 var import_jsx_runtime128 = require("react/jsx-runtime");
@@ -9987,7 +9982,7 @@ var TextField = React39.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const { t } = (0, import_react_i18next22.useTranslation)();
+    const { t } = (0, import_react_i18next21.useTranslation)();
     const hasError = Boolean(error);
     const autoId = React39.useId();
     const inputId = props.id || autoId;
@@ -10403,7 +10398,7 @@ function VideoModal({
 
 // src/video-player/VideoPlayer.tsx
 var import_react79 = require("react");
-var import_react_i18next23 = require("react-i18next");
+var import_react_i18next22 = require("react-i18next");
 var import_lucide_react39 = require("lucide-react");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 function VideoPlayer({
@@ -10414,7 +10409,7 @@ function VideoPlayer({
   isFullScreen = false,
   autoPlay = false
 }) {
-  const { t } = (0, import_react_i18next23.useTranslation)();
+  const { t } = (0, import_react_i18next22.useTranslation)();
   const videoRef = (0, import_react79.useRef)(null);
   const iframeRef = (0, import_react79.useRef)(null);
   const containerRef = (0, import_react79.useRef)(null);
@@ -10708,7 +10703,7 @@ function VideoPlayer({
 
 // src/webcam/Webcam.tsx
 var import_react80 = require("react");
-var import_react_i18next24 = require("react-i18next");
+var import_react_i18next23 = require("react-i18next");
 var import_react_device_detect = require("react-device-detect");
 var import_react_webcam = __toESM(require("react-webcam"), 1);
 
@@ -10754,7 +10749,7 @@ var Webcam = (0, import_react80.forwardRef)(
     className,
     mirrored
   }, ref) => {
-    const { t } = (0, import_react_i18next24.useTranslation)();
+    const { t } = (0, import_react_i18next23.useTranslation)();
     const isMounted = useIsMounted();
     const [minScreenshotHeight, setMinScreenshotHeight] = (0, import_react80.useState)(
       void 0
@@ -11700,7 +11695,7 @@ var DEVICE = {
 // src/field-trigger/FieldTrigger.tsx
 var React43 = __toESM(require("react"), 1);
 var import_lucide_react41 = require("lucide-react");
-var import_react_i18next25 = require("react-i18next");
+var import_react_i18next24 = require("react-i18next");
 
 // src/field-error-message/FieldErrorMessage.tsx
 var import_lucide_react40 = require("lucide-react");
@@ -11773,7 +11768,7 @@ var FieldTrigger = React43.forwardRef(
     onKeyDown,
     ...props
   }, ref) => {
-    const { t } = (0, import_react_i18next25.useTranslation)();
+    const { t } = (0, import_react_i18next24.useTranslation)();
     const hasValue = Boolean(valueText);
     const isRaised = hasValue || forceFloatingLabel;
     const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
@@ -13606,11 +13601,11 @@ PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
 var React52 = __toESM(require("react"), 1);
-var import_react_i18next26 = require("react-i18next");
+var import_react_i18next25 = require("react-i18next");
 var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var AirbnbSearchInput = React52.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
-  const { t } = (0, import_react_i18next26.useTranslation)();
+  const { t } = (0, import_react_i18next25.useTranslation)();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_lucide_react45.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
@@ -14148,7 +14143,7 @@ function getErrorMessage(error) {
 }
 
 // src/lib/toastResponseError.tsx
-var import_i18next2 = __toESM(require("i18next"), 1);
+var import_i18next = __toESM(require("i18next"), 1);
 var import_jsx_runtime155 = require("react/jsx-runtime");
 function addSupportEmailToMessage(message, prefixText) {
   if (typeof message !== "string") {
@@ -14157,7 +14152,7 @@ function addSupportEmailToMessage(message, prefixText) {
   const builtMessage = `${prefixText ? `${prefixText} ` : ""}${message}`;
   return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { children: builtMessage }),
-    import_i18next2.default.t("reach_us_at_email")
+    import_i18next.default.t("reach_us_at_email")
   ] });
 }
 function toastResponseError(error, options = {}) {
@@ -14437,6 +14432,7 @@ function toastResponseError(error, options = {}) {
   TooltipRoot,
   TooltipRootWrapper,
   TooltipTrigger,
+  UI_KIT_I18N_NAMESPACE,
   UploadedFilesList,
   VerticalTabs,
   VideoModal,
@@ -14459,6 +14455,7 @@ function toastResponseError(error, options = {}) {
   inputVariants,
   isNumeric,
   labelVariants,
+  registerUiKitI18n,
   scrollToTop,
   sectionTagVariants,
   switchThumbVariants,