@chekinapp/ui 0.0.38 → 0.0.41

package/dist/index.cjs

@@ -487,7 +487,7 @@ var typeStyles = {
   ["LIGHT" /* LIGHT */]: ""
 };
 function AlertBox({
-  text,
+  children,
   className = "",
   withIcon = true,
   size = "L" /* L */,
@@ -507,7 +507,7 @@ function AlertBox({
       ),
       children: [
         isIconVisible && (customIcon || getIcon(type)),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "max-w-4xl text-left font-medium lg:max-w-full", children: text })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "max-w-4xl text-left font-medium lg:max-w-full", children })
       ]
     }
   );
@@ -2143,6 +2143,9 @@ function CopyIcon({
   ] }) });
 }
 
+// src/copy-link-button/CopyLinkButton.tsx
+var import_react_i18next5 = require("react-i18next");
+
 // src/hooks/use-copy-to-clipboard.ts
 var import_react6 = require("react");
 
@@ -2220,6 +2223,7 @@ function CopyLinkButton({
   variant = "outline",
   size = "sm"
 }) {
+  const { t } = (0, import_react_i18next5.useTranslation)();
   const { isCopied, copy } = useCopyToClipboard({ value: link, onCopiedLink });
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     Button,
@@ -2231,14 +2235,14 @@ function CopyLinkButton({
       size,
       children: [
         leftAddon,
-        isCopied ? copiedExclamationText || labelText : labelText
+        isCopied ? copiedExclamationText || t("copied_exclamation") || labelText : labelText
       ]
     }
   );
 }
 
 // src/data-table/DataTable.tsx
-var import_react_i18next5 = require("react-i18next");
+var import_react_i18next6 = require("react-i18next");
 var import_react_table = require("@tanstack/react-table");
 
 // src/table/Table.tsx
@@ -2356,7 +2360,7 @@ TableCaption.displayName = "TableCaption";
 // src/data-table/DataTable.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function DataTable({ columns, data }) {
-  const { t } = (0, import_react_i18next5.useTranslation)();
+  const { t } = (0, import_react_i18next6.useTranslation)();
   const table = (0, import_react_table.useReactTable)({
     data,
     columns,
@@ -3324,7 +3328,7 @@ var DefaultSelectTrigger = React13.forwardRef(
 DefaultSelectTrigger.displayName = "SelectTrigger";
 
 // src/download-entry-forms-button/DownloadEntryFormsButton.tsx
-var import_react_i18next6 = require("react-i18next");
+var import_react_i18next7 = require("react-i18next");
 var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function DownloadEntryFormsButton({
@@ -3334,7 +3338,7 @@ function DownloadEntryFormsButton({
   onClick,
   label
 }) {
-  const { t } = (0, import_react_i18next6.useTranslation)();
+  const { t } = (0, import_react_i18next7.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("flex", className), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       Button,
@@ -3849,7 +3853,7 @@ function EmptyMedia({
 
 // src/empty-section-placeholder/EmptySectionPlaceholder.tsx
 var import_lucide_react13 = require("lucide-react");
-var import_react_i18next7 = require("react-i18next");
+var import_react_i18next8 = require("react-i18next");
 
 // src/halo-icon/HaloIcon.tsx
 var import_react34 = require("react");
@@ -3921,7 +3925,7 @@ function EmptySectionPlaceholder({
   icon,
   className
 }) {
-  const { t } = (0, import_react_i18next7.useTranslation)();
+  const { t } = (0, import_react_i18next8.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "div",
     {
@@ -3982,7 +3986,7 @@ var ExternalLink = React15.forwardRef(
 ExternalLink.displayName = "ExternalLink";
 
 // src/feature-card/FeatureCard.tsx
-var import_react_i18next9 = require("react-i18next");
+var import_react_i18next10 = require("react-i18next");
 var import_lucide_react15 = require("lucide-react");
 
 // src/switch/Switch.tsx
@@ -4064,7 +4068,7 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/video-player/VideoPlayer.tsx
 var import_react35 = require("react");
-var import_react_i18next8 = require("react-i18next");
+var import_react_i18next9 = require("react-i18next");
 var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function VideoPlayer({
@@ -4075,7 +4079,7 @@ function VideoPlayer({
   isFullScreen = false,
   autoPlay = false
 }) {
-  const { t } = (0, import_react_i18next8.useTranslation)();
+  const { t } = (0, import_react_i18next9.useTranslation)();
   const videoRef = (0, import_react35.useRef)(null);
   const iframeRef = (0, import_react35.useRef)(null);
   const containerRef = (0, import_react35.useRef)(null);
@@ -4379,7 +4383,7 @@ function FeatureCard({
   disabled = false,
   comingSoon = false
 }) {
-  const { t } = (0, import_react_i18next9.useTranslation)();
+  const { t } = (0, import_react_i18next10.useTranslation)();
   const {
     isOpen: isVideoTutorialOpen,
     openModal: openVideoTutorial,
@@ -4550,7 +4554,7 @@ var FormBox = {
 
 // src/free-text-field/FreeTextField.tsx
 var import_react37 = require("react");
-var import_react_i18next10 = require("react-i18next");
+var import_react_i18next11 = require("react-i18next");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var FreeTextField = (0, import_react37.forwardRef)(
   ({
@@ -4573,7 +4577,7 @@ var FreeTextField = (0, import_react37.forwardRef)(
     disabled,
     ...inputProps
   }, ref) => {
-    const { t } = (0, import_react_i18next10.useTranslation)();
+    const { t } = (0, import_react_i18next11.useTranslation)();
     const inputId = (0, import_react37.useId)();
     const [internalValue, setInternalValue] = (0, import_react37.useState)(defaultValue ?? "");
     const [isFocused, setIsFocused] = (0, import_react37.useState)(false);
@@ -5439,7 +5443,8 @@ var translation_default = {
   you_have_made_changes: "You have made changes",
   would_you_like_to_save_them: "Would you like to save them?",
   save: "Save",
-  dont_save: "Don't save"
+  dont_save: "Don't save",
+  copied_exclamation: "Kopiert!"
 };
 
 // src/locales/en/translation.json
@@ -5507,7 +5512,8 @@ var translation_default2 = {
   you_have_made_changes: "You have made changes",
   would_you_like_to_save_them: "Would you like to save them?",
   save: "Save",
-  dont_save: "Don't save"
+  dont_save: "Don't save",
+  copied_exclamation: "Copied!"
 };
 
 // src/locales/es/translation.json
@@ -5575,7 +5581,8 @@ var translation_default3 = {
   you_have_made_changes: "You have made changes",
   would_you_like_to_save_them: "Would you like to save them?",
   save: "Save",
-  dont_save: "Don't save"
+  dont_save: "Don't save",
+  copied_exclamation: "\xA1Copiado!"
 };
 
 // src/locales/fr/translation.json
@@ -5643,7 +5650,8 @@ var translation_default4 = {
   you_have_made_changes: "You have made changes",
   would_you_like_to_save_them: "Would you like to save them?",
   save: "Save",
-  dont_save: "Don't save"
+  dont_save: "Don't save",
+  copied_exclamation: "Copi\xE9 !"
 };
 
 // src/locales/it/translation.json
@@ -5711,7 +5719,8 @@ var translation_default5 = {
   you_have_made_changes: "You have made changes",
   would_you_like_to_save_them: "Would you like to save them?",
   save: "Save",
-  dont_save: "Don't save"
+  dont_save: "Don't save",
+  copied_exclamation: "Copiato!"
 };
 
 // src/locales/pt/translation.json
@@ -5779,7 +5788,8 @@ var translation_default6 = {
   you_have_made_changes: "You have made changes",
   would_you_like_to_save_them: "Would you like to save them?",
   save: "Save",
-  dont_save: "Don't save"
+  dont_save: "Don't save",
+  copied_exclamation: "Copiado!"
 };
 
 // src/i18n/resources.ts
@@ -5801,7 +5811,7 @@ var uiKitI18nResources = {
 };
 
 // src/iv-status-badge/IVStatusBadge.tsx
-var import_react_i18next11 = require("react-i18next");
+var import_react_i18next12 = require("react-i18next");
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var IV_BADGE_STATUS = {
@@ -5810,7 +5820,7 @@ var IV_BADGE_STATUS = {
   failed: "failed"
 };
 function IVStatusBadge({ status, size = "md", className = "" }) {
-  const { t } = (0, import_react_i18next11.useTranslation)();
+  const { t } = (0, import_react_i18next12.useTranslation)();
   const iconSize = size === "sm" ? "h-3 w-3" : "h-3.5 w-3.5";
   const textSize = size === "sm" ? "text-xs" : "text-sm";
   const baseClassName = "inline-flex items-center gap-1 rounded-full border px-3 py-1 shadow-sm";
@@ -5943,10 +5953,10 @@ function LargeModal({
 
 // src/learn-more-button/LearnMoreButton.tsx
 var import_lucide_react20 = require("lucide-react");
-var import_react_i18next12 = require("react-i18next");
+var import_react_i18next13 = require("react-i18next");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function LearnMoreButton({ label, ...props }) {
-  const { t } = (0, import_react_i18next12.useTranslation)();
+  const { t } = (0, import_react_i18next13.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Button, { variant: "link", ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react20.BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
     label || t("learn_more")
@@ -5980,10 +5990,10 @@ var Link = (0, import_react45.memo)(LinkInternal);
 // src/image-full-screen-view/ImageFullScreenView.tsx
 var import_react46 = require("react");
 var import_lucide_react21 = require("lucide-react");
-var import_react_i18next13 = require("react-i18next");
+var import_react_i18next14 = require("react-i18next");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function ImageFullScreenView({ src, alt, onClose }) {
-  const { t } = (0, import_react_i18next13.useTranslation)();
+  const { t } = (0, import_react_i18next14.useTranslation)();
   const [scale, setScale] = (0, import_react46.useState)(1);
   const [rotation, setRotation] = (0, import_react46.useState)(0);
   useClickEscape({ onClick: onClose });
@@ -6074,7 +6084,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
 
 // src/loader/Loader.tsx
 var import_lucide_react22 = require("lucide-react");
-var import_react_i18next14 = require("react-i18next");
+var import_react_i18next15 = require("react-i18next");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function Loader({
   size = "md",
@@ -6083,7 +6093,7 @@ function Loader({
   showText = true,
   variant = "primary"
 }) {
-  const { t } = (0, import_react_i18next14.useTranslation)();
+  const { t } = (0, import_react_i18next15.useTranslation)();
   const sizeClasses3 = {
     sm: "h-4 w-4",
     md: "h-8 w-8",
@@ -6340,10 +6350,10 @@ function OverlayLoader({
 }
 
 // src/page-loader/PageLoader.tsx
-var import_react_i18next15 = require("react-i18next");
+var import_react_i18next16 = require("react-i18next");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function PageLoader({ className, description, ...props }) {
-  const { t } = (0, import_react_i18next15.useTranslation)();
+  const { t } = (0, import_react_i18next16.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "div",
     {
@@ -6357,7 +6367,7 @@ function PageLoader({ className, description, ...props }) {
 }
 
 // src/pagination/Pagination.tsx
-var import_react_i18next16 = require("react-i18next");
+var import_react_i18next17 = require("react-i18next");
 var import_lucide_react27 = require("lucide-react");
 
 // src/select/Select.tsx
@@ -6780,7 +6790,7 @@ function Pagination({
   totalItems = 0,
   className
 }) {
-  const { t } = (0, import_react_i18next16.useTranslation)();
+  const { t } = (0, import_react_i18next17.useTranslation)();
   const isSimpleVariant = variant === "simple";
   const startItem = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
   const endItem = Math.min(page * pageSize, totalItems);
@@ -7233,7 +7243,7 @@ function RatingRadioGroup({
 // src/rating-stars/RatingStars.tsx
 var React24 = __toESM(require("react"), 1);
 var import_lucide_react30 = require("lucide-react");
-var import_react_i18next17 = require("react-i18next");
+var import_react_i18next18 = require("react-i18next");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 function RatingStars({
   rating,
@@ -7248,7 +7258,7 @@ function RatingStars({
   filledColor = "#ffb700",
   emptyColor = "var(--chekin-color-gray-3)"
 }) {
-  const { t } = (0, import_react_i18next17.useTranslation)();
+  const { t } = (0, import_react_i18next18.useTranslation)();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
   const componentId = React24.useId();
@@ -7333,7 +7343,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
 
 // src/search-input/SearchInput.tsx
 var import_lucide_react33 = require("lucide-react");
-var import_react_i18next18 = require("react-i18next");
+var import_react_i18next19 = require("react-i18next");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 function SearchInput({
   disabled,
@@ -7348,7 +7358,7 @@ function SearchInput({
   className,
   ...props
 }) {
-  const { t } = (0, import_react_i18next18.useTranslation)();
+  const { t } = (0, import_react_i18next19.useTranslation)();
   const placeholderText = placeholder || `${t("search_property")}...`;
   const isBlocked = Boolean(disabled) || Boolean(loading);
   const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
@@ -8646,7 +8656,7 @@ var SmallGridSingleItem = (0, import_react61.memo)(
 SmallGridSingleItem.displayName = "SmallGridSingleItem";
 
 // src/sorting-action/SortingAction.tsx
-var import_react_i18next19 = require("react-i18next");
+var import_react_i18next20 = require("react-i18next");
 var import_lucide_react38 = require("lucide-react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 function SortingAction({
@@ -8657,7 +8667,7 @@ function SortingAction({
   variant = "by_other",
   onOpenChange
 }) {
-  const { t } = (0, import_react_i18next19.useTranslation)();
+  const { t } = (0, import_react_i18next20.useTranslation)();
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(DropdownMenu, { open, onOpenChange, children: [
     /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "button",
@@ -8706,7 +8716,7 @@ function SortingAction({
 
 // src/status-button/StatusButton.tsx
 var import_react62 = require("react");
-var import_react_i18next20 = require("react-i18next");
+var import_react_i18next21 = require("react-i18next");
 var import_lucide_react39 = require("lucide-react");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function StatusButton({
@@ -8722,7 +8732,7 @@ function StatusButton({
   variant = "default",
   ...props
 }) {
-  const { t } = (0, import_react_i18next20.useTranslation)();
+  const { t } = (0, import_react_i18next21.useTranslation)();
   const configMap = (0, import_react62.useMemo)(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
@@ -9364,7 +9374,7 @@ var Toggles = (0, import_react66.forwardRef)(TogglesInternal);
 var React29 = __toESM(require("react"), 1);
 var LabelPrimitive2 = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_react_i18next21 = require("react-i18next");
+var import_react_i18next22 = require("react-i18next");
 
 // src/text-field/EndIcon.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
@@ -9494,7 +9504,7 @@ var TextField = React29.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const { t } = (0, import_react_i18next21.useTranslation)();
+    const { t } = (0, import_react_i18next22.useTranslation)();
     const hasError = Boolean(error);
     const autoId = React29.useId();
     const inputId = props.id || autoId;
@@ -10597,7 +10607,7 @@ var DEVICE = {
 // src/field-trigger/FieldTrigger.tsx
 var React32 = __toESM(require("react"), 1);
 var import_lucide_react44 = require("lucide-react");
-var import_react_i18next22 = require("react-i18next");
+var import_react_i18next23 = require("react-i18next");
 
 // src/field-error-message/FieldErrorMessage.tsx
 var import_lucide_react43 = require("lucide-react");
@@ -10670,7 +10680,7 @@ var FieldTrigger = React32.forwardRef(
     onKeyDown,
     ...props
   }, ref) => {
-    const { t } = (0, import_react_i18next22.useTranslation)();
+    const { t } = (0, import_react_i18next23.useTranslation)();
     const hasValue = Boolean(valueText);
     const isRaised = hasValue || forceFloatingLabel;
     const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
@@ -10734,7 +10744,7 @@ var FieldTrigger = React32.forwardRef(
                 className: cn(
                   "absolute left-0 origin-left truncate transition-all duration-200 ease-out",
                   hasLabelMeta ? "" : "pointer-events-none",
-                  isAirbnbVariant ? isRaised ? "top-0 translate-y-0 text-xs leading-5" : "top-1/2 -translate-y-1/2 text-[16px] leading-7" : isRaised ? "-top-2 translate-y-0 bg-white px-1 text-[12px] font-medium leading-4" : "top-1/2 -translate-y-1/2 text-[16px] leading-6",
+                  isAirbnbVariant ? isRaised ? "top-[-1px] translate-y-0 text-xs leading-5" : "top-1/2 -translate-y-1/2 text-[16px] leading-7" : isRaised ? "-top-2 translate-y-0 bg-white px-1 text-[12px] font-medium leading-4" : "top-1/2 -translate-y-1/2 text-[16px] leading-6",
                   hasInvalidState ? "text-[var(--error-message-color)]" : isAirbnbVariant ? "text-[#6c6c6c]" : "text-[#7A8399]"
                 ),
                 children: animatedLabel
@@ -12317,6 +12327,11 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
 
 // src/airbnb/phone-field/PhoneField.tsx
 var import_jsx_runtime141 = require("react/jsx-runtime");
+function formatPhoneCodeOptionLabel(option) {
+  const label = String(option.label);
+  const value = String(option.value);
+  return label.includes(value) ? label : `${label} (${value})`;
+}
 var PhoneField = React40.forwardRef(
   ({
     variant = "default",
@@ -12345,7 +12360,7 @@ var PhoneField = React40.forwardRef(
     const codeOptions = React40.useMemo(
       () => options.map((option) => ({
         value: option.value,
-        label: `${option.label} (${option.value})`,
+        label: formatPhoneCodeOptionLabel(option),
         disabled: option.disabled
       })),
       [options]
@@ -12493,11 +12508,11 @@ PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
 var React41 = __toESM(require("react"), 1);
-var import_react_i18next23 = require("react-i18next");
+var import_react_i18next24 = require("react-i18next");
 var import_lucide_react48 = require("lucide-react");
 var import_jsx_runtime142 = require("react/jsx-runtime");
 var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
-  const { t } = (0, import_react_i18next23.useTranslation)();
+  const { t } = (0, import_react_i18next24.useTranslation)();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react48.Search, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),