50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T5226,"use client"; import { cn } from "cn"; import { Slot as SlotPrimitive } from "radix-ui"; import * as React from "react"; import { useComposedRefs } from "@/lib/compose-refs"; import { VisuallyHiddenInput } from "@/registry/bases/radix/components/visually-hidden-input"; import { useAsRef } from "@/registry/bases/radix/hooks/use-as-ref"; import { useIsomorphicLayoutEffect } from "@/registry/bases/radix/hooks/use-isomorphic-layout-effect"; import { useLazyRef } from "@/registry/bases/radix/hooks/use-lazy-ref"; import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "@/registry/bases/radix/ui/command"; import { Input } from "@/registry/bases/radix/ui/input"; import { Popover, PopoverContent, PopoverTrigger, } from "@/registry/bases/radix/ui/popover"; import { IconPlaceholder } from "@/registry/icons/icon-placeholder"; const ROOT_NAME = "PhoneInput"; const COUNTRY_SELECT_NAME = "PhoneInputCountrySelect"; const FIELD_NAME = "PhoneInputField"; /** * @see https://github.com/mukeshsoni/country-telephone-data/blob/master/country_telephone_data.js * @format [iso2, dialCode] */ const COUNTRY_DATA: [string, string][] = [ ["af", "93"], ["ax", "358"], ["al", "355"], ["dz", "213"], ["as", "1684"], ["ad", "376"], ["ao", "244"], ["ai", "1264"], ["ag", "1268"], ["ar", "54"], ["am", "374"], ["aw", "297"], ["au", "61"], ["at", "43"], ["az", "994"], ["bs", "1242"], ["bh", "973"], ["bd", "880"], ["bb", "1246"], ["by", "375"], ["be", "32"], ["bz", "501"], ["bj", "229"], ["bm", "1441"], ["bt", "975"], ["bo", "591"], ["ba", "387"], ["bw", "267"], ["br", "55"], ["io", "246"], ["vg", "1284"], ["bn", "673"], ["bg", "359"], ["bf", "226"], ["bi", "257"], ["kh", "855"], ["cm", "237"], ["ca", "1"], ["cv", "238"], ["bq", "599"], ["ky", "1345"], ["cf", "236"], ["td", "235"], ["cl", "56"], ["cn", "86"], ["co", "57"], ["km", "269"], ["cd", "243"], ["cg", "242"], ["ck", "682"], ["cr", "506"], ["ci", "225"], ["hr", "385"], ["cu", "53"], ["cw", "599"], ["cy", "357"], ["cz", "420"], ["dk", "45"], ["dj", "253"], ["dm", "1767"], ["do", "1"], ["ec", "593"], ["eg", "20"], ["sv", "503"], ["gq", "240"], ["er", "291"], ["ee", "372"], ["et", "251"], ["fk", "500"], ["fo", "298"], ["fj", "679"], ["fi", "358"], ["fr", "33"], ["gf", "594"], ["pf", "689"], ["ga", "241"], ["gm", "220"], ["ge", "995"], ["de", "49"], ["gh", "233"], ["gi", "350"], ["gr", "30"], ["gl", "299"], ["gd", "1473"], ["gp", "590"], ["gu", "1671"], ["gt", "502"], ["gg", "44"], ["gn", "224"], ["gw", "245"], ["gy", "592"], ["ht", "509"], ["hn", "504"], ["hk", "852"], ["hu", "36"], ["is", "354"], ["in", "91"], ["id", "62"], ["ir", "98"], ["iq", "964"], ["ie", "353"], ["im", "44"], ["il", "972"], ["it", "39"], ["jm", "1876"], ["jp", "81"], ["je", "44"], ["jo", "962"], ["kz", "7"], ["ke", "254"], ["ki", "686"], ["xk", "383"], ["kw", "965"], ["kg", "996"], ["la", "856"], ["lv", "371"], ["lb", "961"], ["ls", "266"], ["lr", "231"], ["ly", "218"], ["li", "423"], ["lt", "370"], ["lu", "352"], ["mo", "853"], ["mk", "389"], ["mg", "261"], ["mw", "265"], ["my", "60"], ["mv", "960"], ["ml", "223"], ["mt", "356"], ["mh", "692"], ["mq", "596"], ["mr", "222"], ["mu", "230"], ["mx", "52"], ["fm", "691"], ["md", "373"], ["mc", "377"], ["mn", "976"], ["me", "382"], ["ms", "1664"], ["ma", "212"], ["mz", "258"], ["mm", "95"], ["na", "264"], ["nr", "674"], ["np", "977"], ["nl", "31"], ["nc", "687"], ["nz", "64"], ["ni", "505"], ["ne", "227"], ["ng", "234"], ["nu", "683"], ["nf", "672"], ["kp", "850"], ["mp", "1670"], ["no", "47"], ["om", "968"], ["pk", "92"], ["pw", "680"], ["ps", "970"], ["pa", "507"], ["pg", "675"], ["py", "595"], ["pe", "51"], ["ph", "63"], ["pl", "48"], ["pt", "351"], ["pr", "1"], ["qa", "974"], ["re", "262"], ["ro", "40"], ["ru", "7"], ["rw", "250"], ["bl", "590"], ["sh", "290"], ["kn", "1869"], ["lc", "1758"], ["mf", "590"], ["pm", "508"], ["vc", "1784"], ["ws", "685"], ["sm", "378"], ["st", "239"], ["sa", "966"], ["sn", "221"], ["rs", "381"], ["sc", "248"], ["sl", "232"], ["sg", "65"], ["sx", "1721"], ["sk", "421"], ["si", "386"], ["sb", "677"], ["so", "252"], ["za", "27"], ["kr", "82"], ["ss", "211"], ["es", "34"], ["lk", "94"], ["sd", "249"], ["sr", "597"], ["sz", "268"], ["se", "46"], ["ch", "41"], ["sy", "963"], ["tw", "886"], ["tj", "992"], ["tz", "255"], ["th", "66"], ["tl", "670"], ["tg", "228"], ["tk", "690"], ["to", "676"], ["tt", "1868"], ["tn", "216"], ["tr", "90"], ["tm", "993"], ["tc", "1649"], ["tv", "688"], ["vi", "1340"], ["ug", "256"], ["ua", "380"], ["ae", "971"], ["gb", "44"], ["us", "1"], ["uy", "598"], ["uz", "998"], ["vu", "678"], ["va", "39"], ["ve", "58"], ["vn", "84"], ["wf", "681"], ["eh", "212"], ["ye", "967"], ["zm", "260"], ["zw", "263"], ]; interface Country { code: string; name: string; dialCode: string; flag?: string; } function getCountryName(countryCode: string, locale = "en"): string { try { const regionNames = new Intl.DisplayNames([locale], { type: "region" }); return regionNames.of(countryCode) ?? countryCode; } catch { return countryCode; } } function getFlagEmoji(countryCode: string): string { const codePoints = countryCode .toUpperCase() .split("") .map((char) => 127397 + char.charCodeAt(0)); return String.fromCodePoint(...codePoints); } function getCountries(): Country[] { return COUNTRY_DATA.map(([iso2, dialCode]): Country => { const code = iso2.toUpperCase(); return { code, name: getCountryName(code), dialCode: `+${dialCode}`, flag: getFlagEmoji(code), }; }).sort((a, b) => a.name.localeCompare(b.name)); } function detectCountryFromNumber( value: string, countries: Country[], ): Country | undefined { if (!value?.startsWith("+")) return undefined; const digits = value.slice(1).replace(/\D/g, ""); if (!digits) return undefined; const sorted = [...countries].sort( (a, b) => b.dialCode.length - a.dialCode.length, ); const matches: Country[] = []; for (const country of sorted) { const dialCode = country.dialCode.slice(1); if (digits.startsWith(dialCode)) { matches.push(country); } } if (matches.length === 0) return undefined; if (matches.length > 1 && matches[0]?.dialCode === "+1") { const usCountry = matches.find((c) => c.code === "US"); if (usCountry) return usCountry; } return matches[0]; } function formatPhoneNumber(value: string, countries: Country[]): string { if (!value) return ""; const normalized = value.startsWith("+") ? value : `+${value}`; const digits = normalized.slice(1).replace(/\D/g, ""); if (!digits) return "+"; const detected = detectCountryFromNumber(`+${digits}`, countries); const dialCodeLength = detected ? detected.dialCode.slice(1).length : Math.min(digits.length, 3); const countryCode = digits.slice(0, dialCodeLength); const rest = digits.slice(dialCodeLength); let formatted = `+${countryCode}`; if (rest) { formatted += " "; for (let i = 0; i < rest.length; i++) { if (i > 0 && i % 3 === 0) { formatted += " "; } formatted += rest[i]; } } return formatted; } type RootElement = React.ComponentRef; interface StoreState { value: string; country: string; open: boolean; startsWithPlus: boolean; } interface Store { subscribe: (callback: () => void) => () => void; getState: () => StoreState; setState: (key: K, value: StoreState[K]) => void; notify: () => void; } const StoreContext = React.createContext(null); function useStoreContext(consumerName: string) { const context = React.useContext(StoreContext); if (!context) { throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``); } return context; } function useStore( selector: (state: StoreState) => T, ogStore?: Store | null, ): T { const contextStore = React.useContext(StoreContext); const store = ogStore ?? contextStore; if (!store) { throw new Error(`\`useStore\` must be used within \`${ROOT_NAME}\``); } const getSnapshot = React.useCallback( () => selector(store.getState()), [store, selector], ); return React.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot); } interface PhoneInputContextValue { rootId: string; countries: Country[]; placeholder: string; disabled?: boolean; readOnly?: boolean; required?: boolean; invalid?: boolean; showFlag: boolean; inputRef: React.RefObject; } const PhoneInputContext = React.createContext( null, ); function usePhoneInputContext(consumerName: string) { const context = React.useContext(PhoneInputContext); if (!context) { throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``); } return context; } interface PhoneInputProps extends React.ComponentProps<"div"> { defaultValue?: string; value?: string; onValueChange?: (value: string) => void; defaultCountry?: string; country?: string; onCountryChange?: (country: string) => void; countries?: Country[]; name?: string; placeholder?: string; asChild?: boolean; disabled?: boolean; readOnly?: boolean; required?: boolean; invalid?: boolean; showFlag?: boolean; } function PhoneInput(props: PhoneInputProps) { const { value: valueProp, defaultValue, defaultCountry, country: countryProp, onValueChange, onCountryChange, countries = getCountries(), name, placeholder = "Enter phone number", asChild, disabled, required, readOnly, invalid, showFlag = true, className, id, ref, ...rootProps } = props; const instanceId = React.useId(); const rootId = id ?? instanceId; const inputRef = React.useRef(null); const [formTrigger, setFormTrigger] = React.useState( null, ); const composedRef = useComposedRefs(ref, (node) => setFormTrigger(node)); const isFormControl = formTrigger ? !!formTrigger.closest("form") : true; const listenersRef = useLazyRef(() => new Set<() => void>()); const stateRef = useLazyRef(() => { const initialValue = valueProp ?? defaultValue ?? ""; const initialCountry = countryProp ?? defaultCountry ?? ""; return { value: initialValue, country: initialCountry, open: false, startsWithPlus: initialValue.startsWith("+"), }; }); const propsRef = useAsRef({ onValueChange, onCountryChange, }); const store = React.useMemo(() => { return { subscribe: (cb) => { listenersRef.current.add(cb); return () => listenersRef.current.delete(cb); }, getState: () => stateRef.current, setState: (key, value) => { if (Object.is(stateRef.current[key], value)) return; if (key === "value" && typeof value === "string") { stateRef.current.value = value; propsRef.current.onValueChange?.(value); } else if (key === "country" && typeof value === "string") { stateRef.current.country = value; propsRef.current.onCountryChange?.(value); } else { stateRef.current[key] = value; } store.notify(); }, notify: () => { for (const cb of listenersRef.current) { cb(); } }, }; }, [listenersRef, stateRef, propsRef]); const value = useStore((state) => state.value, store); const country = useStore((state) => state.country, store); useIsomorphicLayoutEffect(() => { if (valueProp !== undefined) { store.setState("value", valueProp); } }, [valueProp]); useIsomorphicLayoutEffect(() => { if (countryProp !== undefined) { store.setState("country", countryProp); } }, [countryProp]); const startsWithPlus = useStore((state) => state.startsWithPlus, store); React.useEffect(() => { if (!value) return; const digits = value.slice(1).replace(/\D/g, ""); const shouldDetect = startsWithPlus || digits.length >= 10; if (!shouldDetect) return; const detected = detectCountryFromNumber(value, countries); if (detected && detected.code !== country) { store.setState("country", detected.code); } }, [value, countries, country, store, startsWithPlus]); const contextValue = React.useMemo( () => ({ rootId, countries, placeholder, disabled, readOnly, required, invalid, showFlag, inputRef, }), [ rootId, countries, placeholder, disabled, required, readOnly, invalid, showFlag, ], ); const RootPrimitive = asChild ? SlotPrimitive.Slot : "div"; return ( {isFormControl && ( )} ); } interface PhoneInputCountrySelectProps extends React.ComponentProps, Pick< React.ComponentProps, "disabled" | "className" > {} function PhoneInputCountrySelect(props: PhoneInputCountrySelectProps) { const { disabled: disabledProp, className, children, onOpenChange: onOpenChangeProp, ...popoverProps } = props; const { countries, inputRef, disabled, showFlag } = usePhoneInputContext(COUNTRY_SELECT_NAME); const store = useStoreContext(COUNTRY_SELECT_NAME); const country = useStore((state) => state.country); const open = useStore((state) => state.open); const onOpenChangeRef = useAsRef(onOpenChangeProp); const isDisabled = disabledProp || disabled; const countryContext = countries.find((c) => c.code === country); const onOpenChange = React.useCallback( (open: boolean) => { store.setState("open", open); onOpenChangeRef.current?.(open); }, [store, onOpenChangeRef], ); return ( {!countryContext ? (

) : ( showFlag && countryContext.flag && (

{countryContext.flag}

) )} No country found. {countries.map((c) => ( { store.setState("country", c.code); store.setState("open", false); requestAnimationFrame(() => { inputRef.current?.focus(); }); }} > {showFlag && c.flag && ( {c.flag} )} {c.name} {c.dialCode} ))} ); } function PhoneInputField(props: React.ComponentProps<"input">) { const { onChange: onChangeProp, className, disabled: disabledProp, readOnly: readOnlyProp, required: requiredProp, ref, ...inputProps } = props; const { inputRef, disabled, invalid, readOnly, required, placeholder, countries, } = usePhoneInputContext(FIELD_NAME); const store = useStoreContext(FIELD_NAME); const value = useStore((state) => state.value); const composedRef = useComposedRefs(ref, inputRef); const onChangeRef = useAsRef(onChangeProp); const isDisabled = disabledProp || disabled; const isReadOnly = readOnlyProp || readOnly; const isRequired = requiredProp || required; const onChange = React.useCallback( (event: React.ChangeEvent) => { if (isDisabled || isReadOnly) return; onChangeRef.current?.(event); if (event.defaultPrevented) return; const inputValue = event.target.value; const startsWithPlus = inputValue.startsWith("+"); const digits = inputValue.replace(/\D/g, ""); const newValue = digits ? `+${digits}` : startsWithPlus ? "+" : ""; store.setState("startsWithPlus", startsWithPlus); store.setState("value", newValue); }, [store, onChangeRef, isDisabled, isReadOnly], ); const displayValue = React.useMemo(() => { return formatPhoneNumber(value, countries); }, [value, countries]); return ( ); } export { PhoneInput, PhoneInputCountrySelect, PhoneInputField, type PhoneInputProps, useStore as usePhoneInput, }; 53:Tfef,"use client"; import * as React from "react"; type InputValue = string[] | string; interface VisuallyHiddenInputProps extends Omit< React.InputHTMLAttributes, "value" | "checked" | "onReset" > { value?: T; checked?: boolean; control: HTMLElement | null; bubbles?: boolean; } function VisuallyHiddenInput( props: VisuallyHiddenInputProps, ) { const { control, value, checked, bubbles = true, type = "hidden", style, ...inputProps } = props; const isCheckInput = React.useMemo( () => type === "checkbox" || type === "radio" || type === "switch", [type], ); const inputRef = React.useRef(null); const prevValueRef = React.useRef<{ value: T | boolean | undefined; previous: T | boolean | undefined; }>({ value: isCheckInput ? checked : value, previous: isCheckInput ? checked : value, }); const prevValue = React.useMemo(() => { const currentValue = isCheckInput ? checked : value; if (prevValueRef.current.value !== currentValue) { prevValueRef.current.previous = prevValueRef.current.value; prevValueRef.current.value = currentValue; } return prevValueRef.current.previous; }, [isCheckInput, value, checked]); const [controlSize, setControlSize] = React.useState<{ width?: number; height?: number; }>({}); React.useLayoutEffect(() => { if (!control) { setControlSize({}); return; } setControlSize({ width: control.offsetWidth, height: control.offsetHeight, }); if (typeof window === "undefined") return; const resizeObserver = new ResizeObserver((entries) => { if (!Array.isArray(entries) || !entries.length) return; const entry = entries[0]; if (!entry) return; let width: number; let height: number; if ("borderBoxSize" in entry) { const borderSizeEntry = entry.borderBoxSize; const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry; width = borderSize.inlineSize; height = borderSize.blockSize; } else { width = control.offsetWidth; height = control.offsetHeight; } setControlSize({ width, height }); }); resizeObserver.observe(control, { box: "border-box" }); return () => { resizeObserver.disconnect(); }; }, [control]); React.useEffect(() => { const input = inputRef.current; if (!input) return; const inputProto = window.HTMLInputElement.prototype; const propertyKey = isCheckInput ? "checked" : "value"; const eventType = isCheckInput ? "click" : "input"; const currentValue = isCheckInput ? checked : value; const serializedCurrentValue = isCheckInput ? checked : typeof value === "object" && value !== null ? JSON.stringify(value) : value; const descriptor = Object.getOwnPropertyDescriptor(inputProto, propertyKey); const setter = descriptor?.set; if (prevValue !== currentValue && setter) { const event = new Event(eventType, { bubbles }); setter.call(input, serializedCurrentValue); input.dispatchEvent(event); } }, [prevValue, value, checked, bubbles, isCheckInput]); const composedStyle = React.useMemo(() => { return { ...style, ...(controlSize.width !== undefined && controlSize.height !== undefined ? controlSize : {}), border: 0, clip: "rect(0 0 0 0)", clipPath: "inset(50%)", height: "1px", margin: "-1px", overflow: "hidden", padding: 0, position: "absolute", whiteSpace: "nowrap", width: "1px", }; }, [style, controlSize]); return ( ); } export { VisuallyHiddenInput }; 54:T76f,/** * @see https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/compose-refs.tsx */ import * as React from "react"; type PossibleRef = React.Ref | undefined; /** * Set a given ref to a given value * This utility takes care of different types of refs: callback refs and RefObject(s) */ function setRef(ref: PossibleRef, value: T) { if (typeof ref === "function") { return ref(value); } if (ref !== null && ref !== undefined) { ref.current = value; } } /** * A utility to compose multiple refs together * Accepts callback refs and RefObject(s) */ function composeRefs(...refs: PossibleRef[]): React.RefCallback { return (node) => { let hasCleanup = false; const cleanups = refs.map((ref) => { const cleanup = setRef(ref, node); if (!hasCleanup && typeof cleanup === "function") { hasCleanup = true; } return cleanup; }); // React <19 will log an error to the console if a callback ref returns a // value. We don't use ref cleanups internally so this will only happen if a // user's ref callback returns a value, which we only expect if they are // using the cleanup functionality added in React 19. if (hasCleanup) { return () => { for (let i = 0; i < cleanups.length; i++) { const cleanup = cleanups[i]; if (typeof cleanup === "function") { cleanup(); } else { setRef(refs[i], null); } } }; } }; } /** * A custom hook that composes multiple refs * Accepts callback refs and RefObject(s) */ function useComposedRefs(...refs: PossibleRef[]): React.RefCallback { // oxlint-disable-next-line react/exhaustive-deps -- we want to memoize by all values return React.useCallback(composeRefs(...refs), refs); } export { composeRefs, useComposedRefs }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}],["$","li","radix-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/radix-ui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"radix-ui"}]]}]}]]}],["$","$L50",null,{"namespace":"@catalogs","registryDependencies":["command","input","popover","@diceui/use-as-ref","@diceui/use-isomorphic-layout-effect","@diceui/use-lazy-ref"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"ui/phone-input.tsx","content":"$52","type":"registry:ui","target":""},{"path":"components/visually-hidden-input.tsx","content":"$53","type":"registry:component","target":""},{"path":"lib/compose-refs.ts","content":"$54","type":"registry:lib","target":""}],"className":"h-[70svh] min-h-80"}]]}]