@tcn/ui 0.12.5 → 0.13.0

package/dist/inputs/phone_number_input/phone_number_country_select_adapter.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
 import b from "react";
-import { Select as g } from "../select/select.js";
+import { Select as I } from "../select/select.js";
 import { Option as d } from "../options/option.js";
-import I from "clsx";
-import { countriesPhoneInformation as P } from "./countries_phone_information.js";
+import P from "clsx";
+import { countriesPhoneInformation as g } from "./countries_phone_information.js";
 import { usePhoneContext as v } from "./phone_number_context.js";
-const n = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-P.forEach((r) => {
-  u.set(r.code, r), n.has(r.prefix) ? n.get(r.prefix)?.push(r) : n.set(r.prefix, [r]);
+const n = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+g.forEach((r) => {
+  f.set(r.code, r), n.has(r.prefix) ? n.get(r.prefix)?.push(r) : n.set(r.prefix, [r]);
 });
 function F(r) {
   for (let t = 5; t > 1; t--) {
@@ -18,7 +18,7 @@ function F(r) {
         return i;
     }
   }
-  return u.get("US");
+  return f.get("US");
 }
 function U({
   value: r,
@@ -29,21 +29,21 @@ function U({
   "aria-label": l
 }) {
   const {
-    setValue: p,
-    sipAddress: f,
+    setValue: u,
+    sipAddress: p,
     allowSip: h,
     value: x,
     setFocusNumberInput: c
   } = v(), S = b.useCallback(
     (e) => {
       if (e === "SIP") {
-        p(`sip:${f}`), c(!0);
+        u(`sip:${p}`), c(!0);
         return;
       }
       t(e === "ZZ" ? void 0 : e);
     },
-    [t, f, p, c]
-  ), m = s.filter((e) => !e.divider).map((e) => u.get(e.value || "ZZ")).filter((e) => e != null).sort((e, Z) => e.code === "US" ? -1 : Number(e.prefix) - Number(Z.prefix)).map((e) => /* @__PURE__ */ a(
+    [t, p, u, c]
+  ), m = s.filter((e) => !e.divider).map((e) => f.get(e.value || "ZZ")).filter((e) => e != null).sort((e, Z) => e.code === "US" ? -1 : Number(e.prefix) - Number(Z.prefix)).map((e) => /* @__PURE__ */ a(
     d,
     {
       value: e?.code || "ZZ",
@@ -56,13 +56,13 @@ function U({
   return (h || x?.startsWith("sip:")) && m.unshift(
     /* @__PURE__ */ a(d, { value: "SIP", label: "sip:", keywords: ["sip"], children: "SIP" }, "SIP")
   ), /* @__PURE__ */ a(
-    g,
+    I,
     {
       value: r || "ZZ",
       onChange: S,
       disabled: o,
       "aria-label": l ?? "Country",
-      className: I(i, "tcn-input-group-slot"),
+      className: P(i, "tcn-control-set-item"),
       width: "auto",
       children: m
     }
@@ -70,7 +70,7 @@ function U({
 }
 export {
   U as PhoneNumberCountrySelectAdapter,
-  u as countryCodeMap,
+  f as countryCodeMap,
   n as countryPrefixMap,
   F as getCountryFromValue
 };

package/dist/inputs/phone_number_input/phone_number_country_select_adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone_number_country_select_adapter.js","sources":["../../../src/inputs/phone_number_input/phone_number_country_select_adapter.tsx"],"sourcesContent":["import React from 'react';\nimport { Select } from '../select/select.js';\nimport { Option } from '../options/option.js';\nimport clsx from 'clsx';\nimport {\n  countriesPhoneInformation,\n  CountryPhoneInformation,\n} from './countries_phone_information.js';\nimport { usePhoneContext } from './phone_number_context.js';\n\nexport const countryPrefixMap: Map<string, CountryPhoneInformation[]> = new Map();\nexport const countryCodeMap: Map<string, CountryPhoneInformation> = new Map();\ncountriesPhoneInformation.forEach(i => {\n  countryCodeMap.set(i.code, i);\n  if (countryPrefixMap.has(i.prefix)) {\n    countryPrefixMap.get(i.prefix)?.push(i);\n  } else {\n    countryPrefixMap.set(i.prefix, [i]);\n  }\n});\n\nexport function getCountryFromValue(value: string) {\n  for (let x = 5; x > 1; x--) {\n    const prefix = value.slice(0, x);\n    const countriesInformation = countryPrefixMap.get(prefix);\n\n    if (countriesInformation != null) {\n      const countryInformation = countriesInformation.find(c => c.code === 'US');\n\n      if (countryInformation != null) {\n        return countryInformation;\n      }\n    }\n  }\n\n  return countryCodeMap.get('US');\n}\n\nexport interface CountryOption {\n  value?: string;\n  label?: string;\n  divider?: boolean;\n}\n\nexport interface CountrySelectProps {\n  value?: string;\n  onChange: (value?: string) => void;\n  options: CountryOption[];\n  disabled?: boolean;\n  className?: string;\n  'aria-label'?: string;\n}\n\nexport function PhoneNumberCountrySelectAdapter({\n  value,\n  onChange,\n  options,\n  disabled,\n  className,\n  'aria-label': ariaLabel,\n}: CountrySelectProps) {\n  const {\n    setValue,\n    sipAddress,\n    allowSip,\n    value: phoneValue,\n    setFocusNumberInput,\n  } = usePhoneContext();\n\n  const handleChange = React.useCallback(\n    (newValue: string) => {\n      if (newValue === 'SIP') {\n        setValue(`sip:${sipAddress}`);\n        setFocusNumberInput(true);\n        return;\n      }\n\n      onChange(newValue === 'ZZ' ? undefined : newValue);\n    },\n    [onChange, sipAddress, setValue, setFocusNumberInput]\n  );\n\n  const items = options\n    .filter(opt => !opt.divider)\n    .map(opt => countryCodeMap.get(opt.value || 'ZZ'))\n    .filter(country => country != null)\n    .sort((a, b) => {\n      if (a.code === 'US') {\n        return -1;\n      }\n      return Number(a.prefix) - Number(b.prefix);\n    })\n    .map(country => {\n      return (\n        <Option\n          key={country?.code || 'ZZ'}\n          value={country?.code || 'ZZ'}\n          label={country.prefix || ''}\n          keywords={country.keywords}\n        >\n          {`${country.prefix} (${country.code}) ${country.unicodeFlag}`}\n        </Option>\n      );\n    });\n\n  if (allowSip || phoneValue?.startsWith('sip:')) {\n    items.unshift(\n      <Option key=\"SIP\" value=\"SIP\" label=\"sip:\" keywords={['sip']}>\n        SIP\n      </Option>\n    );\n  }\n\n  return (\n    <Select\n      value={value || 'ZZ'}\n      onChange={handleChange}\n      disabled={disabled}\n      aria-label={ariaLabel ?? 'Country'}\n      className={clsx(className, 'tcn-input-group-slot')}\n      width=\"auto\"\n    >\n      {items}\n    </Select>\n  );\n}\n"],"names":["countryPrefixMap","countryCodeMap","countriesPhoneInformation","i","getCountryFromValue","value","x","prefix","countriesInformation","countryInformation","c","PhoneNumberCountrySelectAdapter","onChange","options","disabled","className","ariaLabel","setValue","sipAddress","allowSip","phoneValue","setFocusNumberInput","usePhoneContext","handleChange","React","newValue","items","opt","country","a","b","jsx","Option","Select","clsx"],"mappings":";;;;;;;AAUO,MAAMA,wBAA+D,IAAA,GAC/DC,wBAA2D,IAAA;AACxEC,EAA0B,QAAQ,CAAAC,MAAK;AACrC,EAAAF,EAAe,IAAIE,EAAE,MAAMA,CAAC,GACxBH,EAAiB,IAAIG,EAAE,MAAM,IAC/BH,EAAiB,IAAIG,EAAE,MAAM,GAAG,KAAKA,CAAC,IAEtCH,EAAiB,IAAIG,EAAE,QAAQ,CAACA,CAAC,CAAC;AAEtC,CAAC;AAEM,SAASC,EAAoBC,GAAe;AACjD,WAASC,IAAI,GAAGA,IAAI,GAAGA,KAAK;AAC1B,UAAMC,IAASF,EAAM,MAAM,GAAGC,CAAC,GACzBE,IAAuBR,EAAiB,IAAIO,CAAM;AAExD,QAAIC,KAAwB,MAAM;AAChC,YAAMC,IAAqBD,EAAqB,KAAK,CAAAE,MAAKA,EAAE,SAAS,IAAI;AAEzE,UAAID,KAAsB;AACxB,eAAOA;AAAA,IAEX;AAAA,EACF;AAEA,SAAOR,EAAe,IAAI,IAAI;AAChC;AAiBO,SAASU,EAAgC;AAAA,EAC9C,OAAAN;AAAA,EACA,UAAAO;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAcC;AAChB,GAAuB;AACrB,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAOC;AAAA,IACP,qBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAeC,EAAM;AAAA,IACzB,CAACC,MAAqB;AACpB,UAAIA,MAAa,OAAO;AACtB,QAAAR,EAAS,OAAOC,CAAU,EAAE,GAC5BG,EAAoB,EAAI;AACxB;AAAA,MACF;AAEA,MAAAT,EAASa,MAAa,OAAO,SAAYA,CAAQ;AAAA,IACnD;AAAA,IACA,CAACb,GAAUM,GAAYD,GAAUI,CAAmB;AAAA,EAAA,GAGhDK,IAAQb,EACX,OAAO,CAAAc,MAAO,CAACA,EAAI,OAAO,EAC1B,IAAI,CAAAA,MAAO1B,EAAe,IAAI0B,EAAI,SAAS,IAAI,CAAC,EAChD,OAAO,CAAAC,MAAWA,KAAW,IAAI,EACjC,KAAK,CAACC,GAAGC,MACJD,EAAE,SAAS,OACN,KAEF,OAAOA,EAAE,MAAM,IAAI,OAAOC,EAAE,MAAM,CAC1C,EACA,IAAI,CAAAF,MAED,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAOJ,GAAS,QAAQ;AAAA,MACxB,OAAOA,EAAQ,UAAU;AAAA,MACzB,UAAUA,EAAQ;AAAA,MAEjB,UAAA,GAAGA,EAAQ,MAAM,KAAKA,EAAQ,IAAI,KAAKA,EAAQ,WAAW;AAAA,IAAA;AAAA,IALtDA,GAAS,QAAQ;AAAA,EAAA,CAQ3B;AAEH,UAAIT,KAAYC,GAAY,WAAW,MAAM,MAC3CM,EAAM;AAAA,IACJ,gBAAAK,EAACC,GAAA,EAAiB,OAAM,OAAM,OAAM,QAAO,UAAU,CAAC,KAAK,GAAG,UAAA,MAAA,GAAlD,KAEZ;AAAA,EAAA,GAKF,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAO5B,KAAS;AAAA,MAChB,UAAUkB;AAAA,MACV,UAAAT;AAAA,MACA,cAAYE,KAAa;AAAA,MACzB,WAAWkB,EAAKnB,GAAW,sBAAsB;AAAA,MACjD,OAAM;AAAA,MAEL,UAAAW;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"phone_number_country_select_adapter.js","sources":["../../../src/inputs/phone_number_input/phone_number_country_select_adapter.tsx"],"sourcesContent":["import React from 'react';\nimport { Select } from '../select/select.js';\nimport { Option } from '../options/option.js';\nimport clsx from 'clsx';\nimport {\n  countriesPhoneInformation,\n  CountryPhoneInformation,\n} from './countries_phone_information.js';\nimport { usePhoneContext } from './phone_number_context.js';\n\nexport const countryPrefixMap: Map<string, CountryPhoneInformation[]> = new Map();\nexport const countryCodeMap: Map<string, CountryPhoneInformation> = new Map();\ncountriesPhoneInformation.forEach(i => {\n  countryCodeMap.set(i.code, i);\n  if (countryPrefixMap.has(i.prefix)) {\n    countryPrefixMap.get(i.prefix)?.push(i);\n  } else {\n    countryPrefixMap.set(i.prefix, [i]);\n  }\n});\n\nexport function getCountryFromValue(value: string) {\n  for (let x = 5; x > 1; x--) {\n    const prefix = value.slice(0, x);\n    const countriesInformation = countryPrefixMap.get(prefix);\n\n    if (countriesInformation != null) {\n      const countryInformation = countriesInformation.find(c => c.code === 'US');\n\n      if (countryInformation != null) {\n        return countryInformation;\n      }\n    }\n  }\n\n  return countryCodeMap.get('US');\n}\n\nexport interface CountryOption {\n  value?: string;\n  label?: string;\n  divider?: boolean;\n}\n\nexport interface CountrySelectProps {\n  value?: string;\n  onChange: (value?: string) => void;\n  options: CountryOption[];\n  disabled?: boolean;\n  className?: string;\n  'aria-label'?: string;\n}\n\nexport function PhoneNumberCountrySelectAdapter({\n  value,\n  onChange,\n  options,\n  disabled,\n  className,\n  'aria-label': ariaLabel,\n}: CountrySelectProps) {\n  const {\n    setValue,\n    sipAddress,\n    allowSip,\n    value: phoneValue,\n    setFocusNumberInput,\n  } = usePhoneContext();\n\n  const handleChange = React.useCallback(\n    (newValue: string) => {\n      if (newValue === 'SIP') {\n        setValue(`sip:${sipAddress}`);\n        setFocusNumberInput(true);\n        return;\n      }\n\n      onChange(newValue === 'ZZ' ? undefined : newValue);\n    },\n    [onChange, sipAddress, setValue, setFocusNumberInput]\n  );\n\n  const items = options\n    .filter(opt => !opt.divider)\n    .map(opt => countryCodeMap.get(opt.value || 'ZZ'))\n    .filter(country => country != null)\n    .sort((a, b) => {\n      if (a.code === 'US') {\n        return -1;\n      }\n      return Number(a.prefix) - Number(b.prefix);\n    })\n    .map(country => {\n      return (\n        <Option\n          key={country?.code || 'ZZ'}\n          value={country?.code || 'ZZ'}\n          label={country.prefix || ''}\n          keywords={country.keywords}\n        >\n          {`${country.prefix} (${country.code}) ${country.unicodeFlag}`}\n        </Option>\n      );\n    });\n\n  if (allowSip || phoneValue?.startsWith('sip:')) {\n    items.unshift(\n      <Option key=\"SIP\" value=\"SIP\" label=\"sip:\" keywords={['sip']}>\n        SIP\n      </Option>\n    );\n  }\n\n  return (\n    <Select\n      value={value || 'ZZ'}\n      onChange={handleChange}\n      disabled={disabled}\n      aria-label={ariaLabel ?? 'Country'}\n      className={clsx(className, 'tcn-control-set-item')}\n      width=\"auto\"\n    >\n      {items}\n    </Select>\n  );\n}\n"],"names":["countryPrefixMap","countryCodeMap","countriesPhoneInformation","i","getCountryFromValue","value","x","prefix","countriesInformation","countryInformation","c","PhoneNumberCountrySelectAdapter","onChange","options","disabled","className","ariaLabel","setValue","sipAddress","allowSip","phoneValue","setFocusNumberInput","usePhoneContext","handleChange","React","newValue","items","opt","country","a","b","jsx","Option","Select","clsx"],"mappings":";;;;;;;AAUO,MAAMA,wBAA+D,IAAA,GAC/DC,wBAA2D,IAAA;AACxEC,EAA0B,QAAQ,CAAAC,MAAK;AACrC,EAAAF,EAAe,IAAIE,EAAE,MAAMA,CAAC,GACxBH,EAAiB,IAAIG,EAAE,MAAM,IAC/BH,EAAiB,IAAIG,EAAE,MAAM,GAAG,KAAKA,CAAC,IAEtCH,EAAiB,IAAIG,EAAE,QAAQ,CAACA,CAAC,CAAC;AAEtC,CAAC;AAEM,SAASC,EAAoBC,GAAe;AACjD,WAASC,IAAI,GAAGA,IAAI,GAAGA,KAAK;AAC1B,UAAMC,IAASF,EAAM,MAAM,GAAGC,CAAC,GACzBE,IAAuBR,EAAiB,IAAIO,CAAM;AAExD,QAAIC,KAAwB,MAAM;AAChC,YAAMC,IAAqBD,EAAqB,KAAK,CAAAE,MAAKA,EAAE,SAAS,IAAI;AAEzE,UAAID,KAAsB;AACxB,eAAOA;AAAA,IAEX;AAAA,EACF;AAEA,SAAOR,EAAe,IAAI,IAAI;AAChC;AAiBO,SAASU,EAAgC;AAAA,EAC9C,OAAAN;AAAA,EACA,UAAAO;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAcC;AAChB,GAAuB;AACrB,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAOC;AAAA,IACP,qBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAeC,EAAM;AAAA,IACzB,CAACC,MAAqB;AACpB,UAAIA,MAAa,OAAO;AACtB,QAAAR,EAAS,OAAOC,CAAU,EAAE,GAC5BG,EAAoB,EAAI;AACxB;AAAA,MACF;AAEA,MAAAT,EAASa,MAAa,OAAO,SAAYA,CAAQ;AAAA,IACnD;AAAA,IACA,CAACb,GAAUM,GAAYD,GAAUI,CAAmB;AAAA,EAAA,GAGhDK,IAAQb,EACX,OAAO,CAAAc,MAAO,CAACA,EAAI,OAAO,EAC1B,IAAI,CAAAA,MAAO1B,EAAe,IAAI0B,EAAI,SAAS,IAAI,CAAC,EAChD,OAAO,CAAAC,MAAWA,KAAW,IAAI,EACjC,KAAK,CAACC,GAAGC,MACJD,EAAE,SAAS,OACN,KAEF,OAAOA,EAAE,MAAM,IAAI,OAAOC,EAAE,MAAM,CAC1C,EACA,IAAI,CAAAF,MAED,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,OAAOJ,GAAS,QAAQ;AAAA,MACxB,OAAOA,EAAQ,UAAU;AAAA,MACzB,UAAUA,EAAQ;AAAA,MAEjB,UAAA,GAAGA,EAAQ,MAAM,KAAKA,EAAQ,IAAI,KAAKA,EAAQ,WAAW;AAAA,IAAA;AAAA,IALtDA,GAAS,QAAQ;AAAA,EAAA,CAQ3B;AAEH,UAAIT,KAAYC,GAAY,WAAW,MAAM,MAC3CM,EAAM;AAAA,IACJ,gBAAAK,EAACC,GAAA,EAAiB,OAAM,OAAM,OAAM,QAAO,UAAU,CAAC,KAAK,GAAG,UAAA,MAAA,GAAlD,KAEZ;AAAA,EAAA,GAKF,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAO5B,KAAS;AAAA,MAChB,UAAUkB;AAAA,MACV,UAAAT;AAAA,MACA,cAAYE,KAAa;AAAA,MACzB,WAAWkB,EAAKnB,GAAW,sBAAsB;AAAA,MACjD,OAAM;AAAA,MAEL,UAAAW;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/inputs/phone_number_input/phone_number_input.d.ts

@@ -5,6 +5,7 @@ import { OptionProps } from '../options/option.js';
 export interface PhoneNumberInputProps extends Omit<HStackProps, 'onChange' | 'children'> {
     value?: string;
     allowSip?: boolean;
+    sipAutoComplete?: string;
     onChange: (value?: string) => void;
     defaultCountry?: string;
     allowedCountryCodes?: string[];
@@ -21,5 +22,5 @@ export interface PhoneNumberInputProps extends Omit<HStackProps, 'onChange' | 'c
     ariaPhoneBookButtonLabel?: string;
     children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];
 }
-export declare function PhoneNumberInput({ value, allowSip, onChange, defaultCountry, allowedCountryCodes: countries, disabled, name, 'aria-label': ariaLabel, autoFocus, placeholder, onCountryChange, limitMaxLength, ariaSelectLabel, ariaPhoneBookButtonLabel, children, ...props }: PhoneNumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhoneNumberInput({ value, allowSip, onChange, defaultCountry, allowedCountryCodes: countries, disabled, name, 'aria-label': ariaLabel, autoFocus, placeholder, onCountryChange, limitMaxLength, ariaSelectLabel, ariaPhoneBookButtonLabel, sipAutoComplete, children, ...props }: PhoneNumberInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=phone_number_input.d.ts.map

package/dist/inputs/phone_number_input/phone_number_input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone_number_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,OAAO,EAAE,KAAK,WAAW,EAAU,MAAM,sBAAsB,CAAC;AAMhE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAU,EACV,QAAe,EACf,QAAQ,EACR,cAAqB,EACrB,mBAAmB,EAAE,SAAS,EAC9B,QAAQ,EACR,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA4GvB"}
+{"version":3,"file":"phone_number_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,OAAO,EAAE,KAAK,WAAW,EAAU,MAAM,sBAAsB,CAAC;AAMhE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAU,EACV,QAAe,EACf,QAAQ,EACR,cAAqB,EACrB,mBAAmB,EAAE,SAAS,EAC9B,QAAQ,EACR,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA6GvB"}

package/dist/inputs/phone_number_input/phone_number_input.js

@@ -1,23 +1,23 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import e, { useLayoutEffect as x } from "react";
-import w from "react-phone-number-input";
+import B from "react-phone-number-input";
 import "react-phone-number-input/style.css";
-import { HStack as B } from "../../stacks/h_stack.js";
+import { HStack as H } from "../../stacks/h_stack.js";
 import { PhoneBookProvider as _ } from "./phone_number_context.js";
-import { PhoneNumberCountrySelectAdapter as H } from "./phone_number_country_select_adapter.js";
-import { Option as L } from "../options/option.js";
-import { PhoneNumberInputAdapter as R } from "./phone_number_input_adapter.js";
-import { clsx as U } from "clsx";
-import { SipInput as W } from "./sip_input.js";
-import { defaultCountries as g } from "./countries_phone_information.js";
-import '../../phone_number_input.css';const q = "_phone-number-input_5c4483d", z = { "phone-number-input": q };
-function tt({
+import { PhoneNumberCountrySelectAdapter as L } from "./phone_number_country_select_adapter.js";
+import { Option as R } from "../options/option.js";
+import { PhoneNumberInputAdapter as U } from "./phone_number_input_adapter.js";
+import { clsx as W } from "clsx";
+import { SipInput as q } from "./sip_input.js";
+import { defaultCountries as z } from "./countries_phone_information.js";
+import '../../phone_number_input.css';const D = "_phone-number-input_5c4483d", F = { "phone-number-input": D };
+function et({
   value: t = "",
   allowSip: m = !0,
   onChange: n,
   defaultCountry: k = "US",
-  allowedCountryCodes: p,
-  disabled: u,
+  allowedCountryCodes: s,
+  disabled: p,
   name: i,
   "aria-label": f,
   autoFocus: c,
@@ -26,21 +26,22 @@ function tt({
   limitMaxLength: V,
   ariaSelectLabel: l,
   ariaPhoneBookButtonLabel: d,
+  sipAutoComplete: E,
   children: h,
-  ...E
+  ...M
 }) {
-  const [s, b] = e.useState(!1), r = t?.toLocaleLowerCase().startsWith("sip:") || !1, [y, M] = e.useState(r ? "" : t), [N, C] = e.useState(
-    r ? t?.substring(4).trim() : ""
-  ), [I, j] = e.useState(
+  const [u, b] = e.useState(!1), o = t?.toLocaleLowerCase().startsWith("sip:") || !1, [y, j] = e.useState(o ? "" : t), [N, C] = e.useState(
+    o ? t?.substring(4).trim() : ""
+  ), [I, w] = e.useState(
     k
   );
-  p = p || g, x(() => {
-    r && C(t?.substring(4).trim() || "");
-  }, [r, t]), x(() => {
-    s && b(!1);
-  }, [s]);
+  s = s || z, x(() => {
+    o && C(t?.substring(4).trim() || "");
+  }, [o, t]), x(() => {
+    u && b(!1);
+  }, [u]);
   const S = e.useMemo(() => e.Children.toArray(h).filter(
-    (P) => e.isValidElement(P) && P.type === L
+    (P) => e.isValidElement(P) && P.type === R
   ), [h]), A = e.useMemo(() => ({
     value: t,
     allowSip: m,
@@ -48,13 +49,13 @@ function tt({
     setValue: n,
     ariaPhoneBookButtonLabel: d,
     ariaSelectLabel: l,
-    disabled: u,
-    setCountry: j,
+    disabled: p,
+    setCountry: w,
     sipAddress: N,
     setSipAddress: C,
     cachedNumber: y,
-    setCachedNumber: M,
-    focusNumberInput: s,
+    setCachedNumber: j,
+    focusNumberInput: u,
     setFocusNumberInput: b
   }), [
     t,
@@ -63,43 +64,44 @@ function tt({
     n,
     d,
     l,
-    u,
+    p,
     N,
     y,
-    s
+    u
   ]);
-  return r ? /* @__PURE__ */ o(_, { value: A, children: /* @__PURE__ */ o(
-    W,
+  return o ? /* @__PURE__ */ r(_, { value: A, children: /* @__PURE__ */ r(
+    q,
     {
       onChange: n,
-      disabled: u,
+      disabled: p,
       name: i,
       "aria-label": f,
       autoFocus: c,
       placeholder: a,
-      countries: p
+      countries: s,
+      sipAutoComplete: E
     }
-  ) }) : /* @__PURE__ */ o(_, { value: A, children: /* @__PURE__ */ o(B, { ...E, children: /* @__PURE__ */ o(
-    w,
+  ) }) : /* @__PURE__ */ r(_, { value: A, children: /* @__PURE__ */ r(H, { ...M, children: /* @__PURE__ */ r(
+    B,
     {
       value: t,
       onChange: n,
       defaultCountry: I,
       country: I,
-      countries: p,
-      countrySelectComponent: H,
-      inputComponent: R,
-      disabled: u,
+      countries: s,
+      countrySelectComponent: L,
+      inputComponent: U,
+      disabled: p,
       name: i,
       "aria-label": f,
       autoFocus: c,
       placeholder: a,
       onCountryChange: O,
       limitMaxLength: V,
-      className: U(
-        z["phone-number-input"],
+      className: W(
+        F["phone-number-input"],
         "tcn-phone-number-input",
-        "tcn-input-group"
+        "tcn-control-set"
       ),
       displayInitialValueAsLocalNumber: !0,
       addInternationalOption: !1
@@ -107,6 +109,6 @@ function tt({
   ) }) });
 }
 export {
-  tt as PhoneNumberInput
+  et as PhoneNumberInput
 };
 //# sourceMappingURL=phone_number_input.js.map

package/dist/inputs/phone_number_input/phone_number_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone_number_input.js","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport PhoneInput from 'react-phone-number-input';\nimport 'react-phone-number-input/style.css';\nimport type { CountryCode } from 'libphonenumber-js';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport styles from './phone_number_input.module.css';\nimport { PhoneBookProvider, type PhoneContext } from './phone_number_context.js';\nimport { PhoneNumberCountrySelectAdapter } from './phone_number_country_select_adapter.js';\nimport { type OptionProps, Option } from '../options/option.js';\nimport { PhoneNumberInputAdapter } from './phone_number_input_adapter.js';\nimport { clsx } from 'clsx';\nimport { SipInput } from './sip_input.js';\nimport { defaultCountries } from './countries_phone_information.js';\n\nexport interface PhoneNumberInputProps\n  extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: string;\n  allowSip?: boolean;\n  onChange: (value?: string) => void;\n  defaultCountry?: string;\n  allowedCountryCodes?: string[];\n  disabled?: boolean;\n  name?: string;\n  'aria-label'?: string;\n  autoFocus?: boolean;\n  placeholder?: string;\n  className?: string;\n  width?: string;\n  onCountryChange?: (country: CountryCode) => void;\n  limitMaxLength?: boolean;\n  ariaSelectLabel?: string;\n  ariaPhoneBookButtonLabel?: string;\n  children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n}\n\nexport function PhoneNumberInput({\n  value = '',\n  allowSip = true,\n  onChange,\n  defaultCountry = 'US',\n  allowedCountryCodes: countries,\n  disabled,\n  name,\n  'aria-label': ariaLabel,\n  autoFocus,\n  placeholder,\n  onCountryChange,\n  limitMaxLength,\n  ariaSelectLabel,\n  ariaPhoneBookButtonLabel,\n  children,\n  ...props\n}: PhoneNumberInputProps) {\n  const [focusNumberInput, setFocusNumberInput] = React.useState<boolean>(false);\n  const isSip = value?.toLocaleLowerCase().startsWith('sip:') || false;\n  const [cachedNumber, setCachedNumber] = React.useState<string>(isSip ? '' : value);\n  const [sipAddress, setSipAddress] = React.useState<string>(\n    isSip ? value?.substring(4).trim() : ''\n  );\n  const [country, setCountry] = React.useState<CountryCode | undefined>(\n    defaultCountry as CountryCode\n  );\n\n  countries = countries || defaultCountries;\n\n  useLayoutEffect(() => {\n    if (isSip) {\n      setSipAddress(value?.substring(4).trim() || '');\n    }\n  }, [isSip, value]);\n\n  useLayoutEffect(() => {\n    if (focusNumberInput) {\n      setFocusNumberInput(false);\n    }\n  }, [focusNumberInput]);\n\n  // Extract valid Option components from children\n  const phoneBookOptions = React.useMemo(() => {\n    return React.Children.toArray(children).filter(\n      (child): child is React.ReactElement<OptionProps> =>\n        React.isValidElement(child) && child.type === Option\n    );\n  }, [children]);\n\n  const phoneContext = React.useMemo<PhoneContext>(() => {\n    return {\n      value,\n      allowSip,\n      phoneBook: phoneBookOptions,\n      setValue: onChange,\n      ariaPhoneBookButtonLabel,\n      ariaSelectLabel,\n      disabled,\n      setCountry,\n      sipAddress,\n      setSipAddress,\n      cachedNumber,\n      setCachedNumber,\n      focusNumberInput,\n      setFocusNumberInput,\n    };\n  }, [\n    value,\n    allowSip,\n    phoneBookOptions,\n    onChange,\n    ariaPhoneBookButtonLabel,\n    ariaSelectLabel,\n    disabled,\n    sipAddress,\n    cachedNumber,\n    focusNumberInput,\n  ]);\n\n  if (isSip) {\n    return (\n      <PhoneBookProvider value={phoneContext}>\n        <SipInput\n          onChange={onChange}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          countries={countries as CountryCode[]}\n        />\n      </PhoneBookProvider>\n    );\n  }\n\n  return (\n    <PhoneBookProvider value={phoneContext}>\n      <HStack {...props}>\n        <PhoneInput\n          value={value}\n          onChange={onChange}\n          defaultCountry={country}\n          country={country}\n          countries={countries as CountryCode[]}\n          countrySelectComponent={PhoneNumberCountrySelectAdapter}\n          inputComponent={PhoneNumberInputAdapter}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          onCountryChange={onCountryChange}\n          limitMaxLength={limitMaxLength}\n          className={clsx(\n            styles['phone-number-input'],\n            'tcn-phone-number-input',\n            'tcn-input-group'\n          )}\n          displayInitialValueAsLocalNumber\n          addInternationalOption={false}\n        />\n      </HStack>\n    </PhoneBookProvider>\n  );\n}\n"],"names":["PhoneNumberInput","value","allowSip","onChange","defaultCountry","countries","disabled","name","ariaLabel","autoFocus","placeholder","onCountryChange","limitMaxLength","ariaSelectLabel","ariaPhoneBookButtonLabel","children","props","focusNumberInput","setFocusNumberInput","React","isSip","cachedNumber","setCachedNumber","sipAddress","setSipAddress","country","setCountry","defaultCountries","useLayoutEffect","phoneBookOptions","child","Option","phoneContext","jsx","PhoneBookProvider","SipInput","HStack","PhoneInput","PhoneNumberCountrySelectAdapter","PhoneNumberInputAdapter","clsx","styles"],"mappings":"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"}
+{"version":3,"file":"phone_number_input.js","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport PhoneInput from 'react-phone-number-input';\nimport 'react-phone-number-input/style.css';\nimport type { CountryCode } from 'libphonenumber-js';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport styles from './phone_number_input.module.css';\nimport { PhoneBookProvider, type PhoneContext } from './phone_number_context.js';\nimport { PhoneNumberCountrySelectAdapter } from './phone_number_country_select_adapter.js';\nimport { type OptionProps, Option } from '../options/option.js';\nimport { PhoneNumberInputAdapter } from './phone_number_input_adapter.js';\nimport { clsx } from 'clsx';\nimport { SipInput } from './sip_input.js';\nimport { defaultCountries } from './countries_phone_information.js';\n\nexport interface PhoneNumberInputProps\n  extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: string;\n  allowSip?: boolean;\n  sipAutoComplete?: string;\n  onChange: (value?: string) => void;\n  defaultCountry?: string;\n  allowedCountryCodes?: string[];\n  disabled?: boolean;\n  name?: string;\n  'aria-label'?: string;\n  autoFocus?: boolean;\n  placeholder?: string;\n  className?: string;\n  width?: string;\n  onCountryChange?: (country: CountryCode) => void;\n  limitMaxLength?: boolean;\n  ariaSelectLabel?: string;\n  ariaPhoneBookButtonLabel?: string;\n  children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n}\n\nexport function PhoneNumberInput({\n  value = '',\n  allowSip = true,\n  onChange,\n  defaultCountry = 'US',\n  allowedCountryCodes: countries,\n  disabled,\n  name,\n  'aria-label': ariaLabel,\n  autoFocus,\n  placeholder,\n  onCountryChange,\n  limitMaxLength,\n  ariaSelectLabel,\n  ariaPhoneBookButtonLabel,\n  sipAutoComplete,\n  children,\n  ...props\n}: PhoneNumberInputProps) {\n  const [focusNumberInput, setFocusNumberInput] = React.useState<boolean>(false);\n  const isSip = value?.toLocaleLowerCase().startsWith('sip:') || false;\n  const [cachedNumber, setCachedNumber] = React.useState<string>(isSip ? '' : value);\n  const [sipAddress, setSipAddress] = React.useState<string>(\n    isSip ? value?.substring(4).trim() : ''\n  );\n  const [country, setCountry] = React.useState<CountryCode | undefined>(\n    defaultCountry as CountryCode\n  );\n\n  countries = countries || defaultCountries;\n\n  useLayoutEffect(() => {\n    if (isSip) {\n      setSipAddress(value?.substring(4).trim() || '');\n    }\n  }, [isSip, value]);\n\n  useLayoutEffect(() => {\n    if (focusNumberInput) {\n      setFocusNumberInput(false);\n    }\n  }, [focusNumberInput]);\n\n  // Extract valid Option components from children\n  const phoneBookOptions = React.useMemo(() => {\n    return React.Children.toArray(children).filter(\n      (child): child is React.ReactElement<OptionProps> =>\n        React.isValidElement(child) && child.type === Option\n    );\n  }, [children]);\n\n  const phoneContext = React.useMemo<PhoneContext>(() => {\n    return {\n      value,\n      allowSip,\n      phoneBook: phoneBookOptions,\n      setValue: onChange,\n      ariaPhoneBookButtonLabel,\n      ariaSelectLabel,\n      disabled,\n      setCountry,\n      sipAddress,\n      setSipAddress,\n      cachedNumber,\n      setCachedNumber,\n      focusNumberInput,\n      setFocusNumberInput,\n    };\n  }, [\n    value,\n    allowSip,\n    phoneBookOptions,\n    onChange,\n    ariaPhoneBookButtonLabel,\n    ariaSelectLabel,\n    disabled,\n    sipAddress,\n    cachedNumber,\n    focusNumberInput,\n  ]);\n\n  if (isSip) {\n    return (\n      <PhoneBookProvider value={phoneContext}>\n        <SipInput\n          onChange={onChange}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          countries={countries as CountryCode[]}\n          sipAutoComplete={sipAutoComplete}\n        />\n      </PhoneBookProvider>\n    );\n  }\n\n  return (\n    <PhoneBookProvider value={phoneContext}>\n      <HStack {...props}>\n        <PhoneInput\n          value={value}\n          onChange={onChange}\n          defaultCountry={country}\n          country={country}\n          countries={countries as CountryCode[]}\n          countrySelectComponent={PhoneNumberCountrySelectAdapter}\n          inputComponent={PhoneNumberInputAdapter}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          onCountryChange={onCountryChange}\n          limitMaxLength={limitMaxLength}\n          className={clsx(\n            styles['phone-number-input'],\n            'tcn-phone-number-input',\n            'tcn-control-set'\n          )}\n          displayInitialValueAsLocalNumber\n          addInternationalOption={false}\n        />\n      </HStack>\n    </PhoneBookProvider>\n  );\n}\n"],"names":["PhoneNumberInput","value","allowSip","onChange","defaultCountry","countries","disabled","name","ariaLabel","autoFocus","placeholder","onCountryChange","limitMaxLength","ariaSelectLabel","ariaPhoneBookButtonLabel","sipAutoComplete","children","props","focusNumberInput","setFocusNumberInput","React","isSip","cachedNumber","setCachedNumber","sipAddress","setSipAddress","country","setCountry","defaultCountries","useLayoutEffect","phoneBookOptions","child","Option","phoneContext","jsx","PhoneBookProvider","SipInput","HStack","PhoneInput","PhoneNumberCountrySelectAdapter","PhoneNumberInputAdapter","clsx","styles"],"mappings":"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"}

package/dist/inputs/phone_number_input/phone_number_input_adapter.js

@@ -1,4 +1,4 @@
-import { jsxs as S, Fragment as A, jsx as n } from "react/jsx-runtime";
+import { jsxs as S, Fragment as A, jsx as e } from "react/jsx-runtime";
 import { NotebookIcon as C } from "@tcn/icons/notebook_icon.js";
 import f from "clsx";
 import { forwardRef as F, useState as R, useRef as y, useCallback as z, useLayoutEffect as E } from "react";
@@ -12,72 +12,72 @@ import { usePhoneContext as j } from "./phone_number_context.js";
 import { getCountryFromValue as T } from "./phone_number_country_select_adapter.js";
 import { Input as V } from "../input/input.js";
 import { useForkRef as q } from "../../utils/hooks/use_fork_ref.js";
-const to = F(function({ onChange: e, value: t = "", className: a, ...h }, g) {
+const to = F(function({ onChange: n, value: t = "", className: a, ...h }, g) {
   t = t.toString();
   const [s, r] = R(
     null
-  ), u = s != null, c = y(null), d = q(g, c), {
+  ), c = s != null, u = y(null), d = q(g, u), {
     phoneBook: l,
     setValue: k,
     ariaPhoneBookButtonLabel: b,
     disabled: B,
     setFocusNumberInput: P,
-    focusNumberInput: p
+    focusNumberInput: m
   } = j(), x = l.length > 0;
   function I(o) {
-    r(u ? null : o.currentTarget);
+    r(c ? null : o.currentTarget);
   }
-  function m() {
+  function p() {
     r(null);
   }
   function N(o) {
-    m(), P(!0), k(o);
+    p(), P(!0), k(o);
   }
   const O = z(
     (o, i) => {
-      if (!e) return;
-      e(i ?? {
+      if (!n) return;
+      n(i ?? {
         target: { value: o },
         currentTarget: { value: o }
       });
     },
-    [e]
+    [n]
   );
   if (t.startsWith("+")) {
     const i = T(t)?.prefix?.length || 0;
     t = t.substring(i);
   }
   return E(() => {
-    const o = c?.current;
-    o == null || !p || requestAnimationFrame(() => {
+    const o = u?.current;
+    o == null || !m || requestAnimationFrame(() => {
       o.value.length > 0 ? o.select() : o.focus();
     });
-  }, [p]), /* @__PURE__ */ S(A, { children: [
-    /* @__PURE__ */ n(
+  }, [m]), /* @__PURE__ */ S(A, { children: [
+    /* @__PURE__ */ e(
       V,
       {
         ref: d,
         value: t,
         ...h,
-        className: f(a, "tcn-input-group-slot"),
+        className: f(a, "tcn-control-set-item"),
         onChange: O
       }
     ),
-    x && /* @__PURE__ */ n(
+    x && /* @__PURE__ */ e(
       L,
       {
         disabled: B,
-        className: f("tcn-input-group-slot", "tcn-phone-number-phone-book"),
+        className: f("tcn-control-set-item", "tcn-phone-number-phone-book"),
         "aria-label": b,
         onClick: I,
         size: "md",
-        children: /* @__PURE__ */ n(C, { size: "md" })
+        children: /* @__PURE__ */ e(C, { size: "md" })
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ e(
       w,
       {
-        open: u,
+        open: c,
         anchorElement: s,
         horizontalAnchor: "end",
         horizontalOrigin: "end",
@@ -85,7 +85,7 @@ const to = F(function({ onChange: e, value: t = "", className: a, ...h }, g) {
         verticalOrigin: "top",
         width: "300px",
         onOptionSelect: N,
-        onClose: m,
+        onClose: p,
         noSuggestionMessage: "No phone numbers found",
         children: l
       }

package/dist/inputs/phone_number_input/phone_number_input_adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone_number_input_adapter.js","sources":["../../../src/inputs/phone_number_input/phone_number_input_adapter.tsx"],"sourcesContent":["import { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport clsx from 'clsx';\nimport { forwardRef, useState, useCallback, useLayoutEffect, useRef } from 'react';\nimport { Button } from '../../actions/index.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\nimport { usePhoneContext } from './phone_number_context.js';\nimport { getCountryFromValue } from './phone_number_country_select_adapter.js';\nimport { Input } from '../input/input.js';\nimport { useForkRef } from '../../utils/hooks/use_fork_ref.js';\n\n/**\n * Bridges `@tcn/ui/inputs` Input (onChange: (value, event?) => void)\n * with react-phone-number-input's expectation (onChange: (event) => void).\n */\nexport const PhoneNumberInputAdapter = forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(function InputAdapter({ onChange, value = '', className, ...rest }, ref) {\n  value = value.toString();\n  const [phoneBookElement, setPhoneBookElement] = useState<HTMLButtonElement | null>(\n    null\n  );\n  const isPhoneBookOpen = phoneBookElement != null;\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedRef = useForkRef(ref, internalInputRef);\n\n  const {\n    phoneBook: phoneBookOptions,\n    setValue,\n    ariaPhoneBookButtonLabel,\n    disabled,\n    setFocusNumberInput,\n    focusNumberInput,\n  } = usePhoneContext();\n\n  const showPhoneBook = phoneBookOptions.length > 0;\n\n  function togglePhoneBook(e: React.MouseEvent<HTMLButtonElement>) {\n    if (isPhoneBookOpen) {\n      setPhoneBookElement(null);\n    } else {\n      setPhoneBookElement(e.currentTarget);\n    }\n  }\n\n  function closePhoneBook() {\n    setPhoneBookElement(null);\n  }\n\n  function handlePhoneBookOptionSelect(value: string) {\n    closePhoneBook();\n    setFocusNumberInput(true);\n    setValue(value);\n  }\n\n  const handleChange = useCallback(\n    (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n      if (!onChange) return;\n      const e =\n        event ??\n        ({\n          target: { value },\n          currentTarget: { value },\n        } as React.ChangeEvent<HTMLInputElement>);\n      onChange(e);\n    },\n    [onChange]\n  );\n\n  if (value.startsWith('+')) {\n    const country = getCountryFromValue(value);\n    const prefixLength = country?.prefix?.length || 0;\n    value = value.substring(prefixLength);\n  }\n\n  useLayoutEffect(() => {\n    const input = internalInputRef?.current;\n\n    if (input == null || !focusNumberInput) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      if (input.value.length > 0) {\n        input.select();\n      } else {\n        input.focus();\n      }\n    });\n  }, [focusNumberInput]);\n\n  return (\n    <>\n      <Input\n        ref={forkedRef}\n        value={value}\n        {...(rest as any)}\n        className={clsx(className, 'tcn-input-group-slot')}\n        onChange={handleChange}\n      />\n      {showPhoneBook && (\n        <Button\n          disabled={disabled}\n          className={clsx('tcn-input-group-slot', 'tcn-phone-number-phone-book')}\n          aria-label={ariaPhoneBookButtonLabel}\n          onClick={togglePhoneBook}\n          size=\"md\"\n        >\n          <NotebookIcon size=\"md\" />\n        </Button>\n      )}\n      <SuggestionList\n        open={isPhoneBookOpen}\n        anchorElement={phoneBookElement}\n        horizontalAnchor=\"end\"\n        horizontalOrigin=\"end\"\n        verticalAnchor=\"top\"\n        verticalOrigin=\"top\"\n        width=\"300px\"\n        onOptionSelect={handlePhoneBookOptionSelect}\n        onClose={closePhoneBook}\n        noSuggestionMessage=\"No phone numbers found\"\n      >\n        {phoneBookOptions}\n      </SuggestionList>\n    </>\n  );\n});\n"],"names":["PhoneNumberInputAdapter","forwardRef","onChange","value","className","rest","ref","phoneBookElement","setPhoneBookElement","useState","isPhoneBookOpen","internalInputRef","useRef","forkedRef","useForkRef","phoneBookOptions","setValue","ariaPhoneBookButtonLabel","disabled","setFocusNumberInput","focusNumberInput","usePhoneContext","showPhoneBook","togglePhoneBook","e","closePhoneBook","handlePhoneBookOptionSelect","handleChange","useCallback","event","prefixLength","getCountryFromValue","useLayoutEffect","input","jsxs","Fragment","jsx","Input","clsx","Button","NotebookIcon","SuggestionList"],"mappings":";;;;;;;;;;;;;;AAcO,MAAMA,KAA0BC,EAGrC,SAAsB,EAAE,UAAAC,GAAU,OAAAC,IAAQ,IAAI,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACzE,EAAAH,IAAQA,EAAM,SAAA;AACd,QAAM,CAACI,GAAkBC,CAAmB,IAAIC;AAAA,IAC9C;AAAA,EAAA,GAEIC,IAAkBH,KAAoB,MACtCI,IAAmBC,EAAgC,IAAI,GACvDC,IAAYC,EAAWR,GAAKK,CAAgB,GAE5C;AAAA,IACJ,WAAWI;AAAA,IACX,UAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAgBP,EAAiB,SAAS;AAEhD,WAASQ,EAAgBC,GAAwC;AAC/D,IACEhB,EADEE,IACkB,OAEAc,EAAE,aAFE;AAAA,EAI5B;AAEA,WAASC,IAAiB;AACxB,IAAAjB,EAAoB,IAAI;AAAA,EAC1B;AAEA,WAASkB,EAA4BvB,GAAe;AAClD,IAAAsB,EAAA,GACAN,EAAoB,EAAI,GACxBH,EAASb,CAAK;AAAA,EAChB;AAEA,QAAMwB,IAAeC;AAAA,IACnB,CAACzB,GAAe0B,MAAgD;AAC9D,UAAI,CAAC3B,EAAU;AAOf,MAAAA,EALE2B,KACC;AAAA,QACC,QAAQ,EAAE,OAAA1B,EAAAA;AAAAA,QACV,eAAe,EAAE,OAAAA,EAAAA;AAAAA,MAAM,CAEjB;AAAA,IACZ;AAAA,IACA,CAACD,CAAQ;AAAA,EAAA;AAGX,MAAIC,EAAM,WAAW,GAAG,GAAG;AAEzB,UAAM2B,IADUC,EAAoB5B,CAAK,GACX,QAAQ,UAAU;AAChD,IAAAA,IAAQA,EAAM,UAAU2B,CAAY;AAAA,EACtC;AAEA,SAAAE,EAAgB,MAAM;AACpB,UAAMC,IAAQtB,GAAkB;AAEhC,IAAIsB,KAAS,QAAQ,CAACb,KAItB,sBAAsB,MAAM;AAC1B,MAAIa,EAAM,MAAM,SAAS,IACvBA,EAAM,OAAA,IAENA,EAAM,MAAA;AAAA,IAEV,CAAC;AAAA,EACH,GAAG,CAACb,CAAgB,CAAC,GAGnB,gBAAAc,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKxB;AAAA,QACL,OAAAV;AAAA,QACC,GAAIE;AAAA,QACL,WAAWiC,EAAKlC,GAAW,sBAAsB;AAAA,QACjD,UAAUuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXL,KACC,gBAAAc;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,WAAWoB,EAAK,wBAAwB,6BAA6B;AAAA,QACrE,cAAYrB;AAAA,QACZ,SAASM;AAAA,QACT,MAAK;AAAA,QAEL,UAAA,gBAAAa,EAACI,GAAA,EAAa,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5B,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAM/B;AAAA,QACN,eAAeH;AAAA,QACf,kBAAiB;AAAA,QACjB,kBAAiB;AAAA,QACjB,gBAAe;AAAA,QACf,gBAAe;AAAA,QACf,OAAM;AAAA,QACN,gBAAgBmB;AAAA,QAChB,SAASD;AAAA,QACT,qBAAoB;AAAA,QAEnB,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"phone_number_input_adapter.js","sources":["../../../src/inputs/phone_number_input/phone_number_input_adapter.tsx"],"sourcesContent":["import { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport clsx from 'clsx';\nimport { forwardRef, useState, useCallback, useLayoutEffect, useRef } from 'react';\nimport { Button } from '../../actions/index.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\nimport { usePhoneContext } from './phone_number_context.js';\nimport { getCountryFromValue } from './phone_number_country_select_adapter.js';\nimport { Input } from '../input/input.js';\nimport { useForkRef } from '../../utils/hooks/use_fork_ref.js';\n\n/**\n * Bridges `@tcn/ui/inputs` Input (onChange: (value, event?) => void)\n * with react-phone-number-input's expectation (onChange: (event) => void).\n */\nexport const PhoneNumberInputAdapter = forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(function InputAdapter({ onChange, value = '', className, ...rest }, ref) {\n  value = value.toString();\n  const [phoneBookElement, setPhoneBookElement] = useState<HTMLButtonElement | null>(\n    null\n  );\n  const isPhoneBookOpen = phoneBookElement != null;\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedRef = useForkRef(ref, internalInputRef);\n\n  const {\n    phoneBook: phoneBookOptions,\n    setValue,\n    ariaPhoneBookButtonLabel,\n    disabled,\n    setFocusNumberInput,\n    focusNumberInput,\n  } = usePhoneContext();\n\n  const showPhoneBook = phoneBookOptions.length > 0;\n\n  function togglePhoneBook(e: React.MouseEvent<HTMLButtonElement>) {\n    if (isPhoneBookOpen) {\n      setPhoneBookElement(null);\n    } else {\n      setPhoneBookElement(e.currentTarget);\n    }\n  }\n\n  function closePhoneBook() {\n    setPhoneBookElement(null);\n  }\n\n  function handlePhoneBookOptionSelect(value: string) {\n    closePhoneBook();\n    setFocusNumberInput(true);\n    setValue(value);\n  }\n\n  const handleChange = useCallback(\n    (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n      if (!onChange) return;\n      const e =\n        event ??\n        ({\n          target: { value },\n          currentTarget: { value },\n        } as React.ChangeEvent<HTMLInputElement>);\n      onChange(e);\n    },\n    [onChange]\n  );\n\n  if (value.startsWith('+')) {\n    const country = getCountryFromValue(value);\n    const prefixLength = country?.prefix?.length || 0;\n    value = value.substring(prefixLength);\n  }\n\n  useLayoutEffect(() => {\n    const input = internalInputRef?.current;\n\n    if (input == null || !focusNumberInput) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      if (input.value.length > 0) {\n        input.select();\n      } else {\n        input.focus();\n      }\n    });\n  }, [focusNumberInput]);\n\n  return (\n    <>\n      <Input\n        ref={forkedRef}\n        value={value}\n        {...(rest as any)}\n        className={clsx(className, 'tcn-control-set-item')}\n        onChange={handleChange}\n      />\n      {showPhoneBook && (\n        <Button\n          disabled={disabled}\n          className={clsx('tcn-control-set-item', 'tcn-phone-number-phone-book')}\n          aria-label={ariaPhoneBookButtonLabel}\n          onClick={togglePhoneBook}\n          size=\"md\"\n        >\n          <NotebookIcon size=\"md\" />\n        </Button>\n      )}\n      <SuggestionList\n        open={isPhoneBookOpen}\n        anchorElement={phoneBookElement}\n        horizontalAnchor=\"end\"\n        horizontalOrigin=\"end\"\n        verticalAnchor=\"top\"\n        verticalOrigin=\"top\"\n        width=\"300px\"\n        onOptionSelect={handlePhoneBookOptionSelect}\n        onClose={closePhoneBook}\n        noSuggestionMessage=\"No phone numbers found\"\n      >\n        {phoneBookOptions}\n      </SuggestionList>\n    </>\n  );\n});\n"],"names":["PhoneNumberInputAdapter","forwardRef","onChange","value","className","rest","ref","phoneBookElement","setPhoneBookElement","useState","isPhoneBookOpen","internalInputRef","useRef","forkedRef","useForkRef","phoneBookOptions","setValue","ariaPhoneBookButtonLabel","disabled","setFocusNumberInput","focusNumberInput","usePhoneContext","showPhoneBook","togglePhoneBook","e","closePhoneBook","handlePhoneBookOptionSelect","handleChange","useCallback","event","prefixLength","getCountryFromValue","useLayoutEffect","input","jsxs","Fragment","jsx","Input","clsx","Button","NotebookIcon","SuggestionList"],"mappings":";;;;;;;;;;;;;;AAcO,MAAMA,KAA0BC,EAGrC,SAAsB,EAAE,UAAAC,GAAU,OAAAC,IAAQ,IAAI,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACzE,EAAAH,IAAQA,EAAM,SAAA;AACd,QAAM,CAACI,GAAkBC,CAAmB,IAAIC;AAAA,IAC9C;AAAA,EAAA,GAEIC,IAAkBH,KAAoB,MACtCI,IAAmBC,EAAgC,IAAI,GACvDC,IAAYC,EAAWR,GAAKK,CAAgB,GAE5C;AAAA,IACJ,WAAWI;AAAA,IACX,UAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAgBP,EAAiB,SAAS;AAEhD,WAASQ,EAAgBC,GAAwC;AAC/D,IACEhB,EADEE,IACkB,OAEAc,EAAE,aAFE;AAAA,EAI5B;AAEA,WAASC,IAAiB;AACxB,IAAAjB,EAAoB,IAAI;AAAA,EAC1B;AAEA,WAASkB,EAA4BvB,GAAe;AAClD,IAAAsB,EAAA,GACAN,EAAoB,EAAI,GACxBH,EAASb,CAAK;AAAA,EAChB;AAEA,QAAMwB,IAAeC;AAAA,IACnB,CAACzB,GAAe0B,MAAgD;AAC9D,UAAI,CAAC3B,EAAU;AAOf,MAAAA,EALE2B,KACC;AAAA,QACC,QAAQ,EAAE,OAAA1B,EAAAA;AAAAA,QACV,eAAe,EAAE,OAAAA,EAAAA;AAAAA,MAAM,CAEjB;AAAA,IACZ;AAAA,IACA,CAACD,CAAQ;AAAA,EAAA;AAGX,MAAIC,EAAM,WAAW,GAAG,GAAG;AAEzB,UAAM2B,IADUC,EAAoB5B,CAAK,GACX,QAAQ,UAAU;AAChD,IAAAA,IAAQA,EAAM,UAAU2B,CAAY;AAAA,EACtC;AAEA,SAAAE,EAAgB,MAAM;AACpB,UAAMC,IAAQtB,GAAkB;AAEhC,IAAIsB,KAAS,QAAQ,CAACb,KAItB,sBAAsB,MAAM;AAC1B,MAAIa,EAAM,MAAM,SAAS,IACvBA,EAAM,OAAA,IAENA,EAAM,MAAA;AAAA,IAEV,CAAC;AAAA,EACH,GAAG,CAACb,CAAgB,CAAC,GAGnB,gBAAAc,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKxB;AAAA,QACL,OAAAV;AAAA,QACC,GAAIE;AAAA,QACL,WAAWiC,EAAKlC,GAAW,sBAAsB;AAAA,QACjD,UAAUuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXL,KACC,gBAAAc;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,WAAWoB,EAAK,wBAAwB,6BAA6B;AAAA,QACrE,cAAYrB;AAAA,QACZ,SAASM;AAAA,QACT,MAAK;AAAA,QAEL,UAAA,gBAAAa,EAACI,GAAA,EAAa,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5B,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAM/B;AAAA,QACN,eAAeH;AAAA,QACf,kBAAiB;AAAA,QACjB,kBAAiB;AAAA,QACjB,gBAAe;AAAA,QACf,gBAAe;AAAA,QACf,OAAM;AAAA,QACN,gBAAgBmB;AAAA,QAChB,SAASD;AAAA,QACT,qBAAoB;AAAA,QAEnB,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}

package/dist/inputs/phone_number_input/sip_input.d.ts

@@ -1,6 +1,7 @@
 import { CountryCode } from 'libphonenumber-js';
 export interface SipInputProps {
     onChange: (value: string) => void;
+    sipAutoComplete?: string;
     countries?: CountryCode[];
     disabled?: boolean;
     name?: string;
@@ -8,5 +9,5 @@ export interface SipInputProps {
     autoFocus?: boolean;
     placeholder?: string;
 }
-export declare function SipInput({ disabled, countries, name, 'aria-label': ariaLabel, autoFocus, placeholder, }: SipInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SipInput({ disabled, countries, name, 'aria-label': ariaLabel, autoFocus, placeholder, sipAutoComplete, }: SipInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sip_input.d.ts.map

package/dist/inputs/phone_number_input/sip_input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sip_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/sip_input.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,GACZ,EAAE,aAAa,2CAwHf"}
+{"version":3,"file":"sip_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/sip_input.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,EACX,eAAsB,GACvB,EAAE,aAAa,2CAyHf"}