@chekinapp/ui 0.0.38 → 0.0.41

package/dist/index.d.cts

@@ -54,14 +54,14 @@ declare enum AlertSize {
     L = "L"
 }
 interface AlertBoxProps {
-    text: string | React$1.ReactNode;
+    children: React$1.ReactNode;
     type?: AlertType;
     size?: AlertSize;
     withIcon?: boolean;
     className?: string;
     customIcon?: React$1.ReactNode;
 }
-declare function AlertBox({ text, className, withIcon, size, type, customIcon, }: AlertBoxProps): react_jsx_runtime.JSX.Element;
+declare function AlertBox({ children, className, withIcon, size, type, customIcon, }: AlertBoxProps): react_jsx_runtime.JSX.Element;
 declare namespace AlertBox {
     var displayName: string;
 }
@@ -792,6 +792,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly es: {
         verified: string;
@@ -858,6 +859,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly fr: {
         verified: string;
@@ -924,6 +926,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly de: {
         verified: string;
@@ -990,6 +993,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly it: {
         verified: string;
@@ -1056,6 +1060,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly pt: {
         verified: string;
@@ -1122,6 +1127,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
 };
 declare const uiKitI18nResources: {
@@ -1191,6 +1197,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly es: {
@@ -1259,6 +1266,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly fr: {
@@ -1327,6 +1335,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly de: {
@@ -1395,6 +1404,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly it: {
@@ -1463,6 +1473,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly pt: {
@@ -1531,6 +1542,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
 };

package/dist/index.d.ts

@@ -54,14 +54,14 @@ declare enum AlertSize {
     L = "L"
 }
 interface AlertBoxProps {
-    text: string | React$1.ReactNode;
+    children: React$1.ReactNode;
     type?: AlertType;
     size?: AlertSize;
     withIcon?: boolean;
     className?: string;
     customIcon?: React$1.ReactNode;
 }
-declare function AlertBox({ text, className, withIcon, size, type, customIcon, }: AlertBoxProps): react_jsx_runtime.JSX.Element;
+declare function AlertBox({ children, className, withIcon, size, type, customIcon, }: AlertBoxProps): react_jsx_runtime.JSX.Element;
 declare namespace AlertBox {
     var displayName: string;
 }
@@ -792,6 +792,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly es: {
         verified: string;
@@ -858,6 +859,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly fr: {
         verified: string;
@@ -924,6 +926,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly de: {
         verified: string;
@@ -990,6 +993,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly it: {
         verified: string;
@@ -1056,6 +1060,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
     readonly pt: {
         verified: string;
@@ -1122,6 +1127,7 @@ declare const uiKitTranslations: {
         would_you_like_to_save_them: string;
         save: string;
         dont_save: string;
+        copied_exclamation: string;
     };
 };
 declare const uiKitI18nResources: {
@@ -1191,6 +1197,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly es: {
@@ -1259,6 +1266,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly fr: {
@@ -1327,6 +1335,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly de: {
@@ -1395,6 +1404,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly it: {
@@ -1463,6 +1473,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
     readonly pt: {
@@ -1531,6 +1542,7 @@ declare const uiKitI18nResources: {
             would_you_like_to_save_them: string;
             save: string;
             dont_save: string;
+            copied_exclamation: string;
         };
     };
 };

package/dist/index.js

@@ -141,7 +141,7 @@ var typeStyles = {
   ["LIGHT" /* LIGHT */]: ""
 };
 function AlertBox({
-  text,
+  children,
   className = "",
   withIcon = true,
   size = "L" /* L */,
@@ -161,7 +161,7 @@ function AlertBox({
       ),
       children: [
         isIconVisible && (customIcon || getIcon(type)),
-        /* @__PURE__ */ jsx2("div", { className: "max-w-4xl text-left font-medium lg:max-w-full", children: text })
+        /* @__PURE__ */ jsx2("div", { className: "max-w-4xl text-left font-medium lg:max-w-full", children })
       ]
     }
   );
@@ -1802,6 +1802,9 @@ function CopyIcon({
   ] }) });
 }
 
+// src/copy-link-button/CopyLinkButton.tsx
+import { useTranslation as useTranslation5 } from "react-i18next";
+
 // src/hooks/use-copy-to-clipboard.ts
 import { useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
 
@@ -1879,6 +1882,7 @@ function CopyLinkButton({
   variant = "outline",
   size = "sm"
 }) {
+  const { t } = useTranslation5();
   const { isCopied, copy } = useCopyToClipboard({ value: link, onCopiedLink });
   return /* @__PURE__ */ jsxs19(
     Button,
@@ -1890,14 +1894,14 @@ function CopyLinkButton({
       size,
       children: [
         leftAddon,
-        isCopied ? copiedExclamationText || labelText : labelText
+        isCopied ? copiedExclamationText || t("copied_exclamation") || labelText : labelText
       ]
     }
   );
 }
 
 // src/data-table/DataTable.tsx
-import { useTranslation as useTranslation5 } from "react-i18next";
+import { useTranslation as useTranslation6 } from "react-i18next";
 import {
   flexRender,
   getCoreRowModel,
@@ -2021,7 +2025,7 @@ TableCaption.displayName = "TableCaption";
 // src/data-table/DataTable.tsx
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function DataTable({ columns, data }) {
-  const { t } = useTranslation5();
+  const { t } = useTranslation6();
   const table = useReactTable({
     data,
     columns,
@@ -2989,7 +2993,7 @@ var DefaultSelectTrigger = React13.forwardRef(
 DefaultSelectTrigger.displayName = "SelectTrigger";
 
 // src/download-entry-forms-button/DownloadEntryFormsButton.tsx
-import { useTranslation as useTranslation6 } from "react-i18next";
+import { useTranslation as useTranslation7 } from "react-i18next";
 import { Download } from "lucide-react";
 import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 function DownloadEntryFormsButton({
@@ -2999,7 +3003,7 @@ function DownloadEntryFormsButton({
   onClick,
   label
 }) {
-  const { t } = useTranslation6();
+  const { t } = useTranslation7();
   return /* @__PURE__ */ jsx32("div", { className: cn("flex", className), children: /* @__PURE__ */ jsxs24(Tooltip, { children: [
     /* @__PURE__ */ jsx32(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs24(
       Button,
@@ -3514,7 +3518,7 @@ function EmptyMedia({
 
 // src/empty-section-placeholder/EmptySectionPlaceholder.tsx
 import { Tag } from "lucide-react";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { useTranslation as useTranslation8 } from "react-i18next";
 
 // src/halo-icon/HaloIcon.tsx
 import { forwardRef as forwardRef19 } from "react";
@@ -3586,7 +3590,7 @@ function EmptySectionPlaceholder({
   icon,
   className
 }) {
-  const { t } = useTranslation7();
+  const { t } = useTranslation8();
   return /* @__PURE__ */ jsxs30(
     "div",
     {
@@ -3647,7 +3651,7 @@ var ExternalLink = React15.forwardRef(
 ExternalLink.displayName = "ExternalLink";
 
 // src/feature-card/FeatureCard.tsx
-import { useTranslation as useTranslation9 } from "react-i18next";
+import { useTranslation as useTranslation10 } from "react-i18next";
 import { Play as Play3 } from "lucide-react";
 
 // src/switch/Switch.tsx
@@ -3729,7 +3733,7 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/video-player/VideoPlayer.tsx
 import { useEffect as useEffect18, useRef as useRef12, useState as useState13 } from "react";
-import { useTranslation as useTranslation8 } from "react-i18next";
+import { useTranslation as useTranslation9 } from "react-i18next";
 import {
   Loader2,
   Maximize,
@@ -3751,7 +3755,7 @@ function VideoPlayer({
   isFullScreen = false,
   autoPlay = false
 }) {
-  const { t } = useTranslation8();
+  const { t } = useTranslation9();
   const videoRef = useRef12(null);
   const iframeRef = useRef12(null);
   const containerRef = useRef12(null);
@@ -4055,7 +4059,7 @@ function FeatureCard({
   disabled = false,
   comingSoon = false
 }) {
-  const { t } = useTranslation9();
+  const { t } = useTranslation10();
   const {
     isOpen: isVideoTutorialOpen,
     openModal: openVideoTutorial,
@@ -4233,7 +4237,7 @@ import {
   useId as useId4,
   useState as useState14
 } from "react";
-import { useTranslation as useTranslation10 } from "react-i18next";
+import { useTranslation as useTranslation11 } from "react-i18next";
 import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
 var FreeTextField = forwardRef23(
   ({
@@ -4256,7 +4260,7 @@ var FreeTextField = forwardRef23(
     disabled,
     ...inputProps
   }, ref) => {
-    const { t } = useTranslation10();
+    const { t } = useTranslation11();
     const inputId = useId4();
     const [internalValue, setInternalValue] = useState14(defaultValue ?? "");
     const [isFocused, setIsFocused] = useState14(false);
@@ -5124,7 +5128,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
@@ -5192,7 +5197,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
@@ -5260,7 +5266,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
@@ -5328,7 +5335,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
@@ -5396,7 +5404,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
@@ -5464,7 +5473,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
@@ -5486,7 +5496,7 @@ var uiKitI18nResources = {
 };
 
 // src/iv-status-badge/IVStatusBadge.tsx
-import { useTranslation as useTranslation11 } from "react-i18next";
+import { useTranslation as useTranslation12 } from "react-i18next";
 import { AlertCircleIcon, CheckIcon, ClockIcon } from "lucide-react";
 import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
 var IV_BADGE_STATUS = {
@@ -5495,7 +5505,7 @@ var IV_BADGE_STATUS = {
   failed: "failed"
 };
 function IVStatusBadge({ status, size = "md", className = "" }) {
-  const { t } = useTranslation11();
+  const { t } = useTranslation12();
   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";
@@ -5628,10 +5638,10 @@ function LargeModal({
 
 // src/learn-more-button/LearnMoreButton.tsx
 import { BookOpenIcon } from "lucide-react";
-import { useTranslation as useTranslation12 } from "react-i18next";
+import { useTranslation as useTranslation13 } from "react-i18next";
 import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
 function LearnMoreButton({ label, ...props }) {
-  const { t } = useTranslation12();
+  const { t } = useTranslation13();
   return /* @__PURE__ */ jsxs43(Button, { variant: "link", ...props, children: [
     /* @__PURE__ */ jsx69(BookOpenIcon, { className: "size-5 text-[var(--button-link-text)]" }),
     label || t("learn_more")
@@ -5665,10 +5675,10 @@ var Link = memo3(LinkInternal);
 // src/image-full-screen-view/ImageFullScreenView.tsx
 import { useState as useState18 } from "react";
 import { RotateCw, X as X4, ZoomIn, ZoomOut } from "lucide-react";
-import { useTranslation as useTranslation13 } from "react-i18next";
+import { useTranslation as useTranslation14 } from "react-i18next";
 import { jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
 function ImageFullScreenView({ src, alt, onClose }) {
-  const { t } = useTranslation13();
+  const { t } = useTranslation14();
   const [scale, setScale] = useState18(1);
   const [rotation, setRotation] = useState18(0);
   useClickEscape({ onClick: onClose });
@@ -5759,7 +5769,7 @@ function ImageFullScreenView({ src, alt, onClose }) {
 
 // src/loader/Loader.tsx
 import { Loader2 as Loader22 } from "lucide-react";
-import { useTranslation as useTranslation14 } from "react-i18next";
+import { useTranslation as useTranslation15 } from "react-i18next";
 import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
 function Loader({
   size = "md",
@@ -5768,7 +5778,7 @@ function Loader({
   showText = true,
   variant = "primary"
 }) {
-  const { t } = useTranslation14();
+  const { t } = useTranslation15();
   const sizeClasses3 = {
     sm: "h-4 w-4",
     md: "h-8 w-8",
@@ -6025,10 +6035,10 @@ function OverlayLoader({
 }
 
 // src/page-loader/PageLoader.tsx
-import { useTranslation as useTranslation15 } from "react-i18next";
+import { useTranslation as useTranslation16 } from "react-i18next";
 import { jsx as jsx77, jsxs as jsxs49 } from "react/jsx-runtime";
 function PageLoader({ className, description, ...props }) {
-  const { t } = useTranslation15();
+  const { t } = useTranslation16();
   return /* @__PURE__ */ jsx77(
     "div",
     {
@@ -6042,7 +6052,7 @@ function PageLoader({ className, description, ...props }) {
 }
 
 // src/pagination/Pagination.tsx
-import { useTranslation as useTranslation16 } from "react-i18next";
+import { useTranslation as useTranslation17 } from "react-i18next";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/select/Select.tsx
@@ -6465,7 +6475,7 @@ function Pagination({
   totalItems = 0,
   className
 }) {
-  const { t } = useTranslation16();
+  const { t } = useTranslation17();
   const isSimpleVariant = variant === "simple";
   const startItem = totalItems === 0 ? 0 : (page - 1) * pageSize + 1;
   const endItem = Math.min(page * pageSize, totalItems);
@@ -6918,7 +6928,7 @@ function RatingRadioGroup({
 // src/rating-stars/RatingStars.tsx
 import * as React24 from "react";
 import { Star as Star2 } from "lucide-react";
-import { useTranslation as useTranslation17 } from "react-i18next";
+import { useTranslation as useTranslation18 } from "react-i18next";
 import { jsx as jsx90, jsxs as jsxs60 } from "react/jsx-runtime";
 function RatingStars({
   rating,
@@ -6933,7 +6943,7 @@ function RatingStars({
   filledColor = "#ffb700",
   emptyColor = "var(--chekin-color-gray-3)"
 }) {
-  const { t } = useTranslation17();
+  const { t } = useTranslation18();
   const normalizedRating = Math.max(0, Math.min(maxRating, rating));
   const stars = Array.from({ length: maxRating }, (_, index) => index + 1);
   const componentId = React24.useId();
@@ -7018,7 +7028,7 @@ function SearchButton({ onClick, className, icon, ariaLabel }) {
 
 // src/search-input/SearchInput.tsx
 import { Loader2 as Loader23, Search as Search2, X as X6 } from "lucide-react";
-import { useTranslation as useTranslation18 } from "react-i18next";
+import { useTranslation as useTranslation19 } from "react-i18next";
 import { jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
 function SearchInput({
   disabled,
@@ -7033,7 +7043,7 @@ function SearchInput({
   className,
   ...props
 }) {
-  const { t } = useTranslation18();
+  const { t } = useTranslation19();
   const placeholderText = placeholder || `${t("search_property")}...`;
   const isBlocked = Boolean(disabled) || Boolean(loading);
   const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
@@ -8336,7 +8346,7 @@ var SmallGridSingleItem = memo5(
 SmallGridSingleItem.displayName = "SmallGridSingleItem";
 
 // src/sorting-action/SortingAction.tsx
-import { useTranslation as useTranslation19 } from "react-i18next";
+import { useTranslation as useTranslation20 } from "react-i18next";
 import { ArrowDown, ArrowDownUpIcon, ArrowUp, Minus as Minus2 } from "lucide-react";
 import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
 function SortingAction({
@@ -8347,7 +8357,7 @@ function SortingAction({
   variant = "by_other",
   onOpenChange
 }) {
-  const { t } = useTranslation19();
+  const { t } = useTranslation20();
   return /* @__PURE__ */ jsxs69(DropdownMenu, { open, onOpenChange, children: [
     /* @__PURE__ */ jsx105(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx105(
       "button",
@@ -8396,7 +8406,7 @@ function SortingAction({
 
 // src/status-button/StatusButton.tsx
 import { useMemo as useMemo5 } from "react";
-import { useTranslation as useTranslation20 } from "react-i18next";
+import { useTranslation as useTranslation21 } from "react-i18next";
 import { AlertCircle as AlertCircle2, CheckCircle, Loader2 as Loader24 } from "lucide-react";
 import { jsx as jsx106, jsxs as jsxs70 } from "react/jsx-runtime";
 function StatusButton({
@@ -8412,7 +8422,7 @@ function StatusButton({
   variant = "default",
   ...props
 }) {
-  const { t } = useTranslation20();
+  const { t } = useTranslation21();
   const configMap = useMemo5(() => {
     const defaultLoadingConfig = {
       text: loadingText ?? `${t("saving")}...`,
@@ -9054,7 +9064,7 @@ var Toggles = forwardRef45(TogglesInternal);
 import * as React29 from "react";
 import * as LabelPrimitive2 from "@radix-ui/react-label";
 import { cva as cva14 } from "class-variance-authority";
-import { useTranslation as useTranslation21 } from "react-i18next";
+import { useTranslation as useTranslation22 } from "react-i18next";
 
 // src/text-field/EndIcon.tsx
 import { jsx as jsx117 } from "react/jsx-runtime";
@@ -9184,7 +9194,7 @@ var TextField = React29.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const { t } = useTranslation21();
+    const { t } = useTranslation22();
     const hasError = Boolean(error);
     const autoId = React29.useId();
     const inputId = props.id || autoId;
@@ -10287,7 +10297,7 @@ var DEVICE = {
 // src/field-trigger/FieldTrigger.tsx
 import * as React32 from "react";
 import { Loader2 as Loader25 } from "lucide-react";
-import { useTranslation as useTranslation22 } from "react-i18next";
+import { useTranslation as useTranslation23 } from "react-i18next";
 
 // src/field-error-message/FieldErrorMessage.tsx
 import { AlertCircle as AlertCircle3 } from "lucide-react";
@@ -10360,7 +10370,7 @@ var FieldTrigger = React32.forwardRef(
     onKeyDown,
     ...props
   }, ref) => {
-    const { t } = useTranslation22();
+    const { t } = useTranslation23();
     const hasValue = Boolean(valueText);
     const isRaised = hasValue || forceFloatingLabel;
     const optionalLabel = optional ? typeof optional === "string" ? optional : t("optional") : void 0;
@@ -10424,7 +10434,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
@@ -12007,6 +12017,11 @@ var AirbnbSelect = React39.forwardRef(function AirbnbSelect2({
 
 // src/airbnb/phone-field/PhoneField.tsx
 import { jsx as jsx139, jsxs as jsxs93 } from "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",
@@ -12035,7 +12050,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]
@@ -12183,11 +12198,11 @@ PhoneField.displayName = "PhoneField";
 
 // src/airbnb/search-input/SearchInput.tsx
 import * as React41 from "react";
-import { useTranslation as useTranslation23 } from "react-i18next";
+import { useTranslation as useTranslation24 } from "react-i18next";
 import { Search as Search3, X as X8 } from "lucide-react";
 import { jsx as jsx140, jsxs as jsxs94 } from "react/jsx-runtime";
 var AirbnbSearchInput = React41.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
-  const { t } = useTranslation23();
+  const { t } = useTranslation24();
   const placeholderText = placeholder || t("search_property") + "...";
   return /* @__PURE__ */ jsxs94("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
     /* @__PURE__ */ jsx140(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),