xiod-ui 1.0.0

package/dist/components/input-phone.d.ts

@@ -0,0 +1,70 @@
+import { InputGroup, InputGroupInput } from "./input-group.js";
+import { VariantProps } from "class-variance-authority";
+import * as React$1 from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/input-phone.d.ts
+export interface CountryData {
+  code: string;
+  name: string;
+  dialCode: string;
+  flag: string;
+  mask?: string;
+}
+export declare const COUNTRIES: CountryData[];
+export declare function formatPhoneNumber(digits: string, mask?: string): string;
+export declare function parseE164Number(e164: string, countries?: CountryData[]): {
+  country: CountryData;
+  nationalNumber: string;
+} | null;
+export declare const inputPhoneVariants: (props?: ({
+  variant?: "default" | "ghost" | "filled" | null | undefined;
+  size?: "sm" | "lg" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface InputPhoneContextValue {
+  containerRef: React$1.RefObject<HTMLDivElement | null>;
+  selectedCountry: CountryData;
+  setSelectedCountry: (country: CountryData) => void;
+  nationalNumber: string;
+  setNationalNumber: (num: string) => void;
+  e164Value: string;
+  disabled?: boolean;
+  readOnly?: boolean;
+  countries: CountryData[];
+  onChange?: (e164: string, country: CountryData, nationalNumber: string) => void;
+}
+export declare function useInputPhone(): InputPhoneContextValue;
+export declare const usePhoneInput: typeof useInputPhone;
+export interface InputPhoneProps extends Omit<React$1.ComponentProps<typeof InputGroup>, "onChange">, VariantProps<typeof inputPhoneVariants> {
+  defaultValue?: string;
+  value?: string;
+  defaultCountry?: string;
+  countries?: CountryData[];
+  disabled?: boolean;
+  readOnly?: boolean;
+  onChange?: (e164: string, country: CountryData, nationalNumber: string) => void;
+}
+export type PhoneInputProps = InputPhoneProps;
+declare function InputPhone({ className, variant, size, defaultValue, value: valueProp, defaultCountry, countries, disabled, readOnly, onChange, children, ...props }: InputPhoneProps): React$1.JSX.Element;
+export interface InputPhoneCountrySelectProps extends useRender.ComponentProps<"button"> {}
+export type PhoneInputCountrySelectProps = InputPhoneCountrySelectProps;
+declare function InputPhoneCountrySelect({ className, render, ...props }: InputPhoneCountrySelectProps): React$1.JSX.Element;
+export interface InputPhoneInputProps extends Omit<React$1.ComponentProps<typeof InputGroupInput>, "onChange" | "value"> {
+  className?: string;
+}
+export type PhoneInputInputProps = InputPhoneInputProps;
+declare function InputPhoneInput({ className, ...props }: InputPhoneInputProps): React$1.JSX.Element;
+export interface InputPhoneFlagProps extends useRender.ComponentProps<"span"> {
+  code?: string;
+}
+export type PhoneInputFlagProps = InputPhoneFlagProps;
+declare function InputPhoneFlag({ className, code, render, children, ...props }: InputPhoneFlagProps): React$1.ReactElement;
+declare const PhoneInput: typeof InputPhone;
+declare const PhoneInputCountrySelect: typeof InputPhoneCountrySelect;
+declare const PhoneInputFlag: typeof InputPhoneFlag;
+declare const PhoneInputInput: typeof InputPhoneInput;
+declare const phoneInputVariants: (props?: ({
+  variant?: "default" | "ghost" | "filled" | null | undefined;
+  size?: "sm" | "lg" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+export { InputPhone, InputPhoneCountrySelect, InputPhoneFlag, InputPhoneInput, PhoneInput, PhoneInputCountrySelect, PhoneInputFlag, PhoneInputInput, phoneInputVariants };