@desource/phone-mask-svelte 1.0.0

package/dist/types/types.d.ts

@@ -0,0 +1,84 @@
+import type { MaskFull, CountryKey } from '@desource/phone-mask';
+import type { Snippet } from 'svelte';
+export type Size = 'compact' | 'normal' | 'large';
+export type Theme = 'auto' | 'light' | 'dark';
+export type PhoneNumber = {
+    full: string;
+    fullFormatted: string;
+    digits: string;
+};
+export interface PhoneInputProps {
+    value?: string;
+    country?: CountryKey;
+    detect?: boolean;
+    locale?: string;
+    size?: Size;
+    theme?: Theme;
+    disabled?: boolean;
+    readonly?: boolean;
+    showCopy?: boolean;
+    showClear?: boolean;
+    withValidity?: boolean;
+    searchPlaceholder?: string;
+    noResultsText?: string;
+    clearButtonLabel?: string;
+    dropdownClass?: string;
+    disableDefaultStyles?: boolean;
+    onchange?: (data: PhoneNumber) => void;
+    oncountrychange?: (country: MaskFull) => void;
+    onvalidationchange?: (complete: boolean) => void;
+    onfocus?: (e: FocusEvent) => void;
+    onblur?: (e: FocusEvent) => void;
+    oncopy?: (value: string) => void;
+    onclear?: () => void;
+    flag?: Snippet<[MaskFull]>;
+    copysvg?: Snippet<[boolean]>;
+    clearsvg?: Snippet<[]>;
+    actionsbefore?: Snippet<[]>;
+    /** Extra CSS class(es) merged onto the root element */
+    class?: string;
+    /** Any additional HTML attributes are forwarded to the root element */
+    [key: string]: unknown;
+}
+export interface PhoneInputExposed {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    selectCountry: (code?: string | null) => void;
+    getFullNumber: () => string;
+    getFullFormattedNumber: () => string;
+    getDigits: () => string;
+    isValid: () => boolean;
+    isComplete: () => boolean;
+}
+export interface UsePhoneMaskOptions {
+    /** Controlled value getter — digits only, without country code */
+    value: () => string;
+    /** Called when digits change */
+    onChange: (digits: string) => void;
+    /** Country ISO 3166-1 alpha-2 code getter */
+    country?: () => string | undefined;
+    /** Locale for country names getter (defaults to browser language) */
+    locale?: () => string | undefined;
+    /** Auto-detect country via GeoIP getter */
+    detect?: () => boolean | undefined;
+    /** Called on every phone number update */
+    onPhoneChange?: (data: PhoneNumber) => void;
+    /** Called when country changes */
+    onCountryChange?: (country: MaskFull) => void;
+}
+export interface UsePhoneMaskReturn {
+    /** Bind this to your &lt;input&gt; element via bind:this */
+    inputRef: HTMLInputElement | null;
+    digits: string;
+    full: string;
+    fullFormatted: string;
+    isComplete: boolean;
+    isEmpty: boolean;
+    shouldShowWarn: boolean;
+    country: MaskFull;
+    locale: string;
+    setCountry: (countryCode?: string | null) => boolean;
+    clear: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@desource/phone-mask-svelte",
+  "version": "1.0.0",
+  "description": "🌍 Svelte 5 component and composable for international phone number masking. Powered by @desource/phone-mask with Google libphonenumber sync.",
+  "keywords": [
+    "svelte",
+    "svelte5",
+    "phone",
+    "mask",
+    "input",
+    "component",
+    "international",
+    "libphonenumber",
+    "country-code",
+    "phone-number",
+    "formatting",
+    "validation",
+    "typescript"
+  ],
+  "author": "Stefan Popov <stefan@desource-labs.org>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DeSource-Labs/phone-mask.git",
+    "directory": "packages/phone-mask-svelte"
+  },
+  "bugs": {
+    "url": "https://github.com/DeSource-Labs/phone-mask/issues"
+  },
+  "homepage": "https://github.com/DeSource-Labs/phone-mask/tree/main/packages/phone-mask-svelte#readme",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "svelte": "dist/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "svelte": "./dist/index.mjs",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./assets/lib.css": "./dist/phone-mask-svelte.css"
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+    "@desource/phone-mask": "1.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "svelte": "^5.53.7",
+    "svelte-check": "^4.4.4"
+  },
+  "scripts": {
+    "clean": "rimraf dist tsconfig.build.tsbuildinfo test-results coverage",
+    "dev": "vite demo",
+    "build": "pnpm clean && pnpm build:internal",
+    "build:internal": "pnpm build:lib && pnpm build:types",
+    "build:lib": "vite build",
+    "build:types": "tsc --project tsconfig.build.json",
+    "typecheck": "svelte-check --tsconfig tsconfig.json",
+    "test:unit": "vitest run",
+    "test:unit:coverage": "vitest run --coverage.enabled --coverage.provider=v8 --coverage.reporter=lcov --coverage.reportsDirectory=coverage",
+    "test:e2e": "playwright test"
+  }
+}