@cryptlex/web-components 3.0.0 → 3.1.0

package/dist/components/inputs/checkbox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.es.js","sources":["../../../lib/components/inputs/checkbox.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport { useFieldContext } from \"@/utils/form-context\"\nimport * as React from \"react\"\n\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> { }\n\nexport const Checkbox = React.forwardRef<\n  HTMLInputElement,\n  CheckboxProps\n>(({ className, checked, ...props }, ref) => (\n  <>\n    <input\n      checked={checked}\n      type=\"checkbox\"\n      ref={ref}\n      className={cn(\n        \"appearance-none size-input border border-input bg-card checked:bg-accent rounded-none focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  </>\n))\nCheckbox.displayName = \"Checkbox\"\n\nexport interface TfCheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof Checkbox>, 'onChange' | 'onBlur' | 'checked'> { }\nexport const TfCheckbox = ({ ...props }: TfCheckboxProps) => {\n  const field = useFieldContext<boolean>();\n\n  return (<Checkbox checked={field.state.value} onChange={() => field.handleChange(!field.state.value)} onBlur={field.handleBlur} {...props} />);\n}"],"names":["Checkbox","React","className","checked","props","ref","jsx","Fragment","cn","TfCheckbox","field","useFieldContext"],"mappings":";;;;AAMa,MAAAA,IAAWC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAEjC,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,MAAK;AAAA,IACL,KAAAE;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AACN,GACF,CACD;AACDJ,EAAS,cAAc;AAGhB,MAAMS,IAAa,CAAC,EAAE,GAAGL,QAA6B;AAC3D,QAAMM,IAAQC,EAAyB;AAEvC,2BAASX,GAAS,EAAA,SAASU,EAAM,MAAM,OAAO,UAAU,MAAMA,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK,GAAG,QAAQA,EAAM,YAAa,GAAGN,GAAO;AAC7I;"}
+{"version":3,"file":"checkbox.es.js","sources":["../../../lib/components/inputs/checkbox.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport type * as React from \"react\";\n\nexport interface CheckboxProps\n\textends Omit<React.ComponentProps<\"input\">, \"type\" | \"value\"> { }\n\nexport function Checkbox({ className, checked, ...props }: CheckboxProps) {\n\treturn (\n\t\t<>\n\t\t\t<input\n\t\t\t\tchecked={checked}\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"appearance-none size-input border border-input bg-card checked:bg-accent rounded-none focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport interface TfCheckboxProps\n\textends Omit<\n\t\tReact.ComponentProps<typeof Checkbox>,\n\t\t\"onChange\" | \"onBlur\" | \"checked\"\n\t> { }\nexport function TfCheckbox({ ...props }: TfCheckboxProps) {\n\tconst field = useFieldContext<boolean>();\n\n\treturn (\n\t\t<Checkbox\n\t\t\tchecked={field.state.value}\n\t\t\tonChange={() => field.handleChange(!field.state.value)}\n\t\t\tonBlur={field.handleBlur}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["Checkbox","className","checked","props","jsx","Fragment","cn","TfCheckbox","field","useFieldContext"],"mappings":";;;AAOO,SAASA,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAAwB;AACzE,SAEE,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAAF;AAAA,MACA,MAAK;AAAA,MACL,WAAWI;AAAA,QACV;AAAA,QACAL;AAAA,MACD;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EAAA,GAEN;AAEF;AAOO,SAASI,EAAW,EAAE,GAAGJ,KAA0B;AACzD,QAAMK,IAAQC,EAAyB;AAGtC,SAAA,gBAAAL;AAAA,IAACJ;AAAA,IAAA;AAAA,MACA,SAASQ,EAAM,MAAM;AAAA,MACrB,UAAU,MAAMA,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK;AAAA,MACrD,QAAQA,EAAM;AAAA,MACb,GAAGL;AAAA,IAAA;AAAA,EACL;AAEF;"}

package/dist/components/inputs/country-select.es.js

@@ -2,7 +2,9 @@ import { jsx as i, jsxs as o, Fragment as t } from "react/jsx-runtime";
 import { TfMultiSelect as l, MultiSelect as s } from "./multi-select.es.js";
 function u(a) {
   function n(r) {
-    return String.fromCodePoint(127397 + r.toUpperCase().charCodeAt(0));
+    return String.fromCodePoint(
+      127397 + r.toUpperCase().charCodeAt(0)
+    );
   }
   return n(a[0]) + n(a[1]);
 }
@@ -256,23 +258,24 @@ const d = {
   YE: "Yemen",
   ZM: "Zambia",
   ZW: "Zimbabwe"
-}, e = Object.entries(d).map((a) => ({ label: /* @__PURE__ */ o(t, { children: [
-  u(a[0]),
-  " ",
-  a[1]
-] }), value: a[0] })), c = ({ ...a }) => /* @__PURE__ */ i(
-  s,
-  {
-    ...a,
-    options: e
-  }
-), C = ({ ...a }) => /* @__PURE__ */ i(
-  l,
-  {
-    ...a,
-    options: e
-  }
-);
+}, e = Object.entries(d).map((a) => ({
+  label: /* @__PURE__ */ o(t, { children: [
+    u(a[0]),
+    " ",
+    a[1]
+  ] }),
+  value: a[0]
+}));
+function c({
+  ...a
+}) {
+  return /* @__PURE__ */ i(s, { ...a, options: e });
+}
+function C({
+  ...a
+}) {
+  return /* @__PURE__ */ i(l, { ...a, options: e });
+}
 export {
   c as CountrySelect,
   C as TfCountrySelect

package/dist/components/inputs/country-select.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"country-select.es.js","sources":["../../../lib/components/inputs/country-select.tsx"],"sourcesContent":["import { MultiSelect, TfMultiSelect, type MultiSelectProps, type TfMultiSelectProps } from \"@/components/inputs/multi-select\";\n\n/**\n * Creates Unicode flag from a two-letter ISO country code.\n * https://stackoverflow.com/questions/24050671/how-to-put-japan-flag-character-in-a-string\n * @param  {string} country — A two-letter ISO country code (case-insensitive).\n * @return {string}\n */\nfunction getCountryFlag(country: string) {\n    function getRegionalIndicatorSymbol(letter: string) {\n        return String.fromCodePoint(0x1F1E6 - 65 + letter.toUpperCase().charCodeAt(0))\n    }\n\n    return getRegionalIndicatorSymbol(country[0]) + getRegionalIndicatorSymbol(country[1])\n}\n\nconst ALL_COUNTRIES: { [key: string]: string } = {\n    AF: 'Afghanistan',\n    AX: 'Åland Islands',\n    AL: 'Albania',\n    DZ: 'Algeria',\n    AS: 'American Samoa',\n    AD: 'Andorra',\n    AO: 'Angola',\n    AI: 'Anguilla',\n    AQ: 'Antarctica',\n    AG: 'Antigua and Barbuda',\n    AR: 'Argentina',\n    AM: 'Armenia',\n    AW: 'Aruba',\n    AU: 'Australia',\n    AT: 'Austria',\n    AZ: 'Azerbaijan',\n    BS: 'Bahamas',\n    BH: 'Bahrain',\n    BD: 'Bangladesh',\n    BB: 'Barbados',\n    BY: 'Belarus',\n    BE: 'Belgium',\n    BZ: 'Belize',\n    BJ: 'Benin',\n    BM: 'Bermuda',\n    BT: 'Bhutan',\n    BO: 'Bolivia (Plurinational State of)',\n    BQ: 'Bonaire, Sint Eustatius and Saba',\n    BA: 'Bosnia and Herzegovina',\n    BW: 'Botswana',\n    BV: 'Bouvet Island',\n    BR: 'Brazil',\n    IO: 'British Indian Ocean Territory',\n    BN: 'Brunei Darussalam',\n    BG: 'Bulgaria',\n    BF: 'Burkina Faso',\n    BI: 'Burundi',\n    CV: 'Caboe Verde',\n    KH: 'Cambodia',\n    CM: 'Cameroon',\n    CA: 'Canada',\n    KY: 'Cayman Islands',\n    CF: 'Central African Republic',\n    TD: 'Chad',\n    CL: 'Chile',\n    CN: 'China',\n    CX: 'Christmas Island',\n    CC: 'Cocos (Keeling) Islands',\n    CO: 'Colombia',\n    KM: 'Comoros',\n    CG: 'Congo',\n    CD: 'Congo, Democratic Republic of the',\n    CK: 'Cook Islands',\n    CR: 'Costa Rica',\n    CI: \"Côte d'voire\",\n    HR: 'Croatia',\n    CU: 'Cuba',\n    CW: 'Curaçao',\n    CY: 'Cyprus',\n    CZ: 'Czechia',\n    DK: 'Denmark',\n    DJ: 'Djibouti',\n    DM: 'Dominica',\n    DO: 'Dominican Republic',\n    EC: 'Ecuador',\n    EG: 'Egypt',\n    SV: 'El Salvador',\n    GQ: 'Equatorial Guinea',\n    ER: 'Eritrea',\n    EE: 'Estonia',\n    SZ: 'Eswatini',\n    ET: 'Ethiopia',\n    FK: 'Falkland Islands (Malvinas)',\n    FO: 'Faroe Islands',\n    FJ: 'Fiji',\n    FI: 'Finland',\n    FR: 'France',\n    GF: 'French Guiana',\n    PF: 'French Polynesia',\n    TF: 'French Southern Territories',\n    GA: 'Gabon',\n    GM: 'Gambia',\n    GE: 'Georgia',\n    DE: 'Germany',\n    GH: 'Ghana',\n    GI: 'Gibraltar',\n    GR: 'Greece',\n    GL: 'Greenland',\n    GD: 'Grenada',\n    GP: 'Guadeloupe',\n    GU: 'Guam',\n    GT: 'Guatemala',\n    GG: 'Guernsey',\n    GN: 'Guinea',\n    GW: 'Guinea-Bissau',\n    GY: 'Guyana',\n    HT: 'Haiti',\n    HM: 'Heard Island and Mcdonald Islands',\n    VA: 'Holy See',\n    HN: 'Honduras',\n    HK: 'Hong Kong',\n    HU: 'Hungary',\n    IS: 'Iceland',\n    IN: 'India',\n    ID: 'Indonesia',\n    IR: 'Iran (Islamic Republic of)',\n    IQ: 'Iraq',\n    IE: 'Ireland',\n    IM: 'Isle of Man',\n    IL: 'Israel',\n    IT: 'Italy',\n    JM: 'Jamaica',\n    JP: 'Japan',\n    JE: 'Jersey',\n    JO: 'Jordan',\n    KZ: 'Kazakhstan',\n    KE: 'Kenya',\n    KI: 'Kiribati',\n    KP: \"Korea (Democratic People's Republic of)\",\n    KR: 'Korea (Republic of)',\n    KW: 'Kuwait',\n    KG: 'Kyrgyzstan',\n    LA: \"Lao People's Democratic Republic\",\n    LV: 'Latvia',\n    LB: 'Lebanon',\n    LS: 'Lesotho',\n    LR: 'Liberia',\n    LY: 'Libya',\n    LI: 'Liechtenstein',\n    LT: 'Lithuania',\n    LU: 'Luxembourg',\n    MO: 'Macao',\n    MG: 'Madagascar',\n    MW: 'Malawi',\n    MY: 'Malaysia',\n    MV: 'Maldives',\n    ML: 'Mali',\n    MT: 'Malta',\n    MH: 'Marshall Islands',\n    MQ: 'Martinique',\n    MR: 'Mauritania',\n    MU: 'Mauritius',\n    YT: 'Mayotte',\n    MX: 'Mexico',\n    FM: 'Micronesia (Federated States of)',\n    MD: 'Moldova, Republic of',\n    MC: 'Monaco',\n    MN: 'Mongolia',\n    ME: 'Montenegro',\n    MS: 'Montserrat',\n    MA: 'Morocco',\n    MZ: 'Mozambique',\n    MM: 'Myanmar',\n    NA: 'Namibia',\n    NR: 'Nauru',\n    NP: 'Nepal',\n    NL: 'Netherlands, Kingdom of the',\n    NC: 'New Caledonia',\n    NZ: 'New Zealand',\n    NI: 'Nicaragua',\n    NE: 'Niger',\n    NG: 'Nigeria',\n    NU: 'Niue',\n    NF: 'Norfolk Island',\n    MK: 'North Macedonia',\n    MP: 'Northern Mariana Islands',\n    NO: 'Norway',\n    OM: 'Oman',\n    PK: 'Pakistan',\n    PW: 'Palau',\n    PS: 'Palestine, State of',\n    PA: 'Panama',\n    PG: 'Papua New Guinea',\n    PY: 'Paraguay',\n    PE: 'Peru',\n    PH: 'Philippines',\n    PN: 'Pitcairn',\n    PL: 'Poland',\n    PT: 'Portugal',\n    PR: 'Puerto Rico',\n    QA: 'Qatar',\n    RE: 'Réunion',\n    RO: 'Romania',\n    RU: 'Russian Federation',\n    RW: 'Rwanda',\n    BL: 'Saint Barthélemy',\n    SH: 'Saint Helena, Ascension Island, Tristan da Cunha',\n    KN: 'Saint Kitts and Nevis',\n    LC: 'Saint Lucia',\n    MF: 'Saint Martin (French part)',\n    PM: 'Saint Pierre and Miquelon',\n    VC: 'Saint Vincent and the Grenadines',\n    WS: 'Samoa',\n    SM: 'San Marino',\n    ST: 'Sao Tome and Principe',\n    SA: 'Saudi Arabia',\n    SN: 'Senegal',\n    RS: 'Serbia',\n    SC: 'Seychelles',\n    SL: 'Sierra Leone',\n    SG: 'Singapore',\n    SX: 'Sint Maarten (Dutch part)',\n    SK: 'Slovakia',\n    SI: 'Slovenia',\n    SB: 'Solomon Islands',\n    SO: 'Somalia',\n    ZA: 'South Africa',\n    GS: 'South Georgia and the South Sandwich Islands',\n    SS: 'South Sudan',\n    ES: 'Spain',\n    LK: 'Sri Lanka',\n    SD: 'Sudan',\n    SR: 'Suriname',\n    SJ: 'Svalbard and Jan Mayen',\n    SE: 'Sweden',\n    CH: 'Switzerland',\n    SY: 'Syrian Arab Republic',\n    TW: 'Taiwan, Province of China',\n    TJ: 'Tajikistan',\n    TZ: 'Tanzania, United Republic of',\n    TH: 'Thailand',\n    TL: 'Timor-Leste',\n    TG: 'Togo',\n    TK: 'Tokelau',\n    TO: 'Tonga',\n    TT: 'Trinidad and Tobago',\n    TN: 'Tunisia',\n    TR: 'Türkiye',\n    TM: 'Turkmenistan',\n    TC: 'Turks and Caicos Islands',\n    TV: 'Tuvalu',\n    UG: 'Uganda',\n    UA: 'Ukraine',\n    AE: 'United Arab Emirates',\n    GB: 'United Kingdom of Great Britain and Northern Ireland',\n    UM: 'United States Minor Outlying Islands',\n    US: 'United States of America',\n    UY: 'Uruguay',\n    UZ: 'Uzbekistan',\n    VU: 'Vanuatu',\n    VE: 'Venezuela (Bolivarian Republic of)',\n    VN: 'Viet Nam',\n    VG: 'Virgin Islands (British)',\n    VI: 'Virgin Islands (U.S)',\n    WF: 'Wallis and Futuna',\n    EH: 'Western Sahara',\n    YE: 'Yemen',\n    ZM: 'Zambia',\n    ZW: 'Zimbabwe',\n};\n\n/** Options for MultiSelect component */\nconst options = Object.entries(ALL_COUNTRIES).map(v => { return { label: <>{getCountryFlag(v[0])} {v[1]}</>, value: v[0] } });\n\nexport const CountrySelect = ({ ...props }: Omit<MultiSelectProps, 'options'>) => {\n    return (\n        <MultiSelect\n            {...props}\n            options={options}\n        />\n    )\n}\n\nexport const TfCountrySelect = ({ ...props }: Omit<TfMultiSelectProps, 'options'>) => {\n    return (\n        <TfMultiSelect\n            {...props}\n            options={options}\n        />\n    )\n}"],"names":["getCountryFlag","country","getRegionalIndicatorSymbol","letter","ALL_COUNTRIES","options","v","jsxs","Fragment","CountrySelect","props","jsx","MultiSelect","TfCountrySelect","TfMultiSelect"],"mappings":";;AAQA,SAASA,EAAeC,GAAiB;AACrC,WAASC,EAA2BC,GAAgB;AACzC,WAAA,OAAO,cAAc,SAAeA,EAAO,YAAY,EAAE,WAAW,CAAC,CAAC;AAAA,EAAA;AAG1E,SAAAD,EAA2BD,EAAQ,CAAC,CAAC,IAAIC,EAA2BD,EAAQ,CAAC,CAAC;AACzF;AAEA,MAAMG,IAA2C;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR,GAGMC,IAAU,OAAO,QAAQD,CAAa,EAAE,IAAI,CAAKE,OAAS,EAAE,OAAU,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAeR,EAAAM,EAAE,CAAC,CAAC;AAAA,EAAE;AAAA,EAAEA,EAAE,CAAC;AAAA,EAAA,CAAE,GAAK,OAAOA,EAAE,CAAC,EAAE,EAAG,GAE/GG,IAAgB,CAAC,EAAE,GAAGC,QAE3B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,SAAAL;AAAA,EAAA;AACJ,GAIKQ,IAAkB,CAAC,EAAE,GAAGH,QAE7B,gBAAAC;AAAA,EAACG;AAAA,EAAA;AAAA,IACI,GAAGJ;AAAA,IACJ,SAAAL;AAAA,EAAA;AACJ;"}
+{"version":3,"file":"country-select.es.js","sources":["../../../lib/components/inputs/country-select.tsx"],"sourcesContent":["import {\n\tMultiSelect,\n\tTfMultiSelect,\n\ttype MultiSelectProps,\n\ttype TfMultiSelectProps,\n} from \"@/components/inputs/multi-select\";\n\n/**\n * Creates Unicode flag from a two-letter ISO country code.\n * https://stackoverflow.com/questions/24050671/how-to-put-japan-flag-character-in-a-string\n * @param  {string} country — A two-letter ISO country code (case-insensitive).\n * @return {string}\n */\nfunction getCountryFlag(country: string) {\n\tfunction getRegionalIndicatorSymbol(letter: string) {\n\t\treturn String.fromCodePoint(\n\t\t\t0x1f1e6 - 65 + letter.toUpperCase().charCodeAt(0),\n\t\t);\n\t}\n\n\treturn (\n\t\tgetRegionalIndicatorSymbol(country[0]) +\n\t\tgetRegionalIndicatorSymbol(country[1])\n\t);\n}\n\nconst ALL_COUNTRIES: { [key: string]: string } = {\n\tAF: \"Afghanistan\",\n\tAX: \"Åland Islands\",\n\tAL: \"Albania\",\n\tDZ: \"Algeria\",\n\tAS: \"American Samoa\",\n\tAD: \"Andorra\",\n\tAO: \"Angola\",\n\tAI: \"Anguilla\",\n\tAQ: \"Antarctica\",\n\tAG: \"Antigua and Barbuda\",\n\tAR: \"Argentina\",\n\tAM: \"Armenia\",\n\tAW: \"Aruba\",\n\tAU: \"Australia\",\n\tAT: \"Austria\",\n\tAZ: \"Azerbaijan\",\n\tBS: \"Bahamas\",\n\tBH: \"Bahrain\",\n\tBD: \"Bangladesh\",\n\tBB: \"Barbados\",\n\tBY: \"Belarus\",\n\tBE: \"Belgium\",\n\tBZ: \"Belize\",\n\tBJ: \"Benin\",\n\tBM: \"Bermuda\",\n\tBT: \"Bhutan\",\n\tBO: \"Bolivia (Plurinational State of)\",\n\tBQ: \"Bonaire, Sint Eustatius and Saba\",\n\tBA: \"Bosnia and Herzegovina\",\n\tBW: \"Botswana\",\n\tBV: \"Bouvet Island\",\n\tBR: \"Brazil\",\n\tIO: \"British Indian Ocean Territory\",\n\tBN: \"Brunei Darussalam\",\n\tBG: \"Bulgaria\",\n\tBF: \"Burkina Faso\",\n\tBI: \"Burundi\",\n\tCV: \"Caboe Verde\",\n\tKH: \"Cambodia\",\n\tCM: \"Cameroon\",\n\tCA: \"Canada\",\n\tKY: \"Cayman Islands\",\n\tCF: \"Central African Republic\",\n\tTD: \"Chad\",\n\tCL: \"Chile\",\n\tCN: \"China\",\n\tCX: \"Christmas Island\",\n\tCC: \"Cocos (Keeling) Islands\",\n\tCO: \"Colombia\",\n\tKM: \"Comoros\",\n\tCG: \"Congo\",\n\tCD: \"Congo, Democratic Republic of the\",\n\tCK: \"Cook Islands\",\n\tCR: \"Costa Rica\",\n\tCI: \"Côte d'voire\",\n\tHR: \"Croatia\",\n\tCU: \"Cuba\",\n\tCW: \"Curaçao\",\n\tCY: \"Cyprus\",\n\tCZ: \"Czechia\",\n\tDK: \"Denmark\",\n\tDJ: \"Djibouti\",\n\tDM: \"Dominica\",\n\tDO: \"Dominican Republic\",\n\tEC: \"Ecuador\",\n\tEG: \"Egypt\",\n\tSV: \"El Salvador\",\n\tGQ: \"Equatorial Guinea\",\n\tER: \"Eritrea\",\n\tEE: \"Estonia\",\n\tSZ: \"Eswatini\",\n\tET: \"Ethiopia\",\n\tFK: \"Falkland Islands (Malvinas)\",\n\tFO: \"Faroe Islands\",\n\tFJ: \"Fiji\",\n\tFI: \"Finland\",\n\tFR: \"France\",\n\tGF: \"French Guiana\",\n\tPF: \"French Polynesia\",\n\tTF: \"French Southern Territories\",\n\tGA: \"Gabon\",\n\tGM: \"Gambia\",\n\tGE: \"Georgia\",\n\tDE: \"Germany\",\n\tGH: \"Ghana\",\n\tGI: \"Gibraltar\",\n\tGR: \"Greece\",\n\tGL: \"Greenland\",\n\tGD: \"Grenada\",\n\tGP: \"Guadeloupe\",\n\tGU: \"Guam\",\n\tGT: \"Guatemala\",\n\tGG: \"Guernsey\",\n\tGN: \"Guinea\",\n\tGW: \"Guinea-Bissau\",\n\tGY: \"Guyana\",\n\tHT: \"Haiti\",\n\tHM: \"Heard Island and Mcdonald Islands\",\n\tVA: \"Holy See\",\n\tHN: \"Honduras\",\n\tHK: \"Hong Kong\",\n\tHU: \"Hungary\",\n\tIS: \"Iceland\",\n\tIN: \"India\",\n\tID: \"Indonesia\",\n\tIR: \"Iran (Islamic Republic of)\",\n\tIQ: \"Iraq\",\n\tIE: \"Ireland\",\n\tIM: \"Isle of Man\",\n\tIL: \"Israel\",\n\tIT: \"Italy\",\n\tJM: \"Jamaica\",\n\tJP: \"Japan\",\n\tJE: \"Jersey\",\n\tJO: \"Jordan\",\n\tKZ: \"Kazakhstan\",\n\tKE: \"Kenya\",\n\tKI: \"Kiribati\",\n\tKP: \"Korea (Democratic People's Republic of)\",\n\tKR: \"Korea (Republic of)\",\n\tKW: \"Kuwait\",\n\tKG: \"Kyrgyzstan\",\n\tLA: \"Lao People's Democratic Republic\",\n\tLV: \"Latvia\",\n\tLB: \"Lebanon\",\n\tLS: \"Lesotho\",\n\tLR: \"Liberia\",\n\tLY: \"Libya\",\n\tLI: \"Liechtenstein\",\n\tLT: \"Lithuania\",\n\tLU: \"Luxembourg\",\n\tMO: \"Macao\",\n\tMG: \"Madagascar\",\n\tMW: \"Malawi\",\n\tMY: \"Malaysia\",\n\tMV: \"Maldives\",\n\tML: \"Mali\",\n\tMT: \"Malta\",\n\tMH: \"Marshall Islands\",\n\tMQ: \"Martinique\",\n\tMR: \"Mauritania\",\n\tMU: \"Mauritius\",\n\tYT: \"Mayotte\",\n\tMX: \"Mexico\",\n\tFM: \"Micronesia (Federated States of)\",\n\tMD: \"Moldova, Republic of\",\n\tMC: \"Monaco\",\n\tMN: \"Mongolia\",\n\tME: \"Montenegro\",\n\tMS: \"Montserrat\",\n\tMA: \"Morocco\",\n\tMZ: \"Mozambique\",\n\tMM: \"Myanmar\",\n\tNA: \"Namibia\",\n\tNR: \"Nauru\",\n\tNP: \"Nepal\",\n\tNL: \"Netherlands, Kingdom of the\",\n\tNC: \"New Caledonia\",\n\tNZ: \"New Zealand\",\n\tNI: \"Nicaragua\",\n\tNE: \"Niger\",\n\tNG: \"Nigeria\",\n\tNU: \"Niue\",\n\tNF: \"Norfolk Island\",\n\tMK: \"North Macedonia\",\n\tMP: \"Northern Mariana Islands\",\n\tNO: \"Norway\",\n\tOM: \"Oman\",\n\tPK: \"Pakistan\",\n\tPW: \"Palau\",\n\tPS: \"Palestine, State of\",\n\tPA: \"Panama\",\n\tPG: \"Papua New Guinea\",\n\tPY: \"Paraguay\",\n\tPE: \"Peru\",\n\tPH: \"Philippines\",\n\tPN: \"Pitcairn\",\n\tPL: \"Poland\",\n\tPT: \"Portugal\",\n\tPR: \"Puerto Rico\",\n\tQA: \"Qatar\",\n\tRE: \"Réunion\",\n\tRO: \"Romania\",\n\tRU: \"Russian Federation\",\n\tRW: \"Rwanda\",\n\tBL: \"Saint Barthélemy\",\n\tSH: \"Saint Helena, Ascension Island, Tristan da Cunha\",\n\tKN: \"Saint Kitts and Nevis\",\n\tLC: \"Saint Lucia\",\n\tMF: \"Saint Martin (French part)\",\n\tPM: \"Saint Pierre and Miquelon\",\n\tVC: \"Saint Vincent and the Grenadines\",\n\tWS: \"Samoa\",\n\tSM: \"San Marino\",\n\tST: \"Sao Tome and Principe\",\n\tSA: \"Saudi Arabia\",\n\tSN: \"Senegal\",\n\tRS: \"Serbia\",\n\tSC: \"Seychelles\",\n\tSL: \"Sierra Leone\",\n\tSG: \"Singapore\",\n\tSX: \"Sint Maarten (Dutch part)\",\n\tSK: \"Slovakia\",\n\tSI: \"Slovenia\",\n\tSB: \"Solomon Islands\",\n\tSO: \"Somalia\",\n\tZA: \"South Africa\",\n\tGS: \"South Georgia and the South Sandwich Islands\",\n\tSS: \"South Sudan\",\n\tES: \"Spain\",\n\tLK: \"Sri Lanka\",\n\tSD: \"Sudan\",\n\tSR: \"Suriname\",\n\tSJ: \"Svalbard and Jan Mayen\",\n\tSE: \"Sweden\",\n\tCH: \"Switzerland\",\n\tSY: \"Syrian Arab Republic\",\n\tTW: \"Taiwan, Province of China\",\n\tTJ: \"Tajikistan\",\n\tTZ: \"Tanzania, United Republic of\",\n\tTH: \"Thailand\",\n\tTL: \"Timor-Leste\",\n\tTG: \"Togo\",\n\tTK: \"Tokelau\",\n\tTO: \"Tonga\",\n\tTT: \"Trinidad and Tobago\",\n\tTN: \"Tunisia\",\n\tTR: \"Türkiye\",\n\tTM: \"Turkmenistan\",\n\tTC: \"Turks and Caicos Islands\",\n\tTV: \"Tuvalu\",\n\tUG: \"Uganda\",\n\tUA: \"Ukraine\",\n\tAE: \"United Arab Emirates\",\n\tGB: \"United Kingdom of Great Britain and Northern Ireland\",\n\tUM: \"United States Minor Outlying Islands\",\n\tUS: \"United States of America\",\n\tUY: \"Uruguay\",\n\tUZ: \"Uzbekistan\",\n\tVU: \"Vanuatu\",\n\tVE: \"Venezuela (Bolivarian Republic of)\",\n\tVN: \"Viet Nam\",\n\tVG: \"Virgin Islands (British)\",\n\tVI: \"Virgin Islands (U.S)\",\n\tWF: \"Wallis and Futuna\",\n\tEH: \"Western Sahara\",\n\tYE: \"Yemen\",\n\tZM: \"Zambia\",\n\tZW: \"Zimbabwe\",\n};\n\n/** Options for MultiSelect component */\nconst options = Object.entries(ALL_COUNTRIES).map((v) => {\n\treturn {\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{getCountryFlag(v[0])} {v[1]}\n\t\t\t</>\n\t\t),\n\t\tvalue: v[0],\n\t};\n});\n\nexport function CountrySelect({\n\t...props\n}: Omit<MultiSelectProps, \"options\">) {\n\treturn <MultiSelect {...props} options={options} />;\n};\n\nexport function TfCountrySelect({\n\t...props\n}: Omit<TfMultiSelectProps, \"options\">) {\n\treturn <TfMultiSelect {...props} options={options} />;\n};\n"],"names":["getCountryFlag","country","getRegionalIndicatorSymbol","letter","ALL_COUNTRIES","options","v","jsxs","Fragment","CountrySelect","props","jsx","MultiSelect","TfCountrySelect","TfMultiSelect"],"mappings":";;AAaA,SAASA,EAAeC,GAAiB;AACxC,WAASC,EAA2BC,GAAgB;AACnD,WAAO,OAAO;AAAA,MACb,SAAeA,EAAO,YAAY,EAAE,WAAW,CAAC;AAAA,IACjD;AAAA,EAAA;AAIA,SAAAD,EAA2BD,EAAQ,CAAC,CAAC,IACrCC,EAA2BD,EAAQ,CAAC,CAAC;AAEvC;AAEA,MAAMG,IAA2C;AAAA,EAChD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACL,GAGMC,IAAU,OAAO,QAAQD,CAAa,EAAE,IAAI,CAACE,OAC3C;AAAA,EACN,OAEG,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAeR,EAAAM,EAAE,CAAC,CAAC;AAAA,IAAE;AAAA,IAAEA,EAAE,CAAC;AAAA,EAAA,GAC5B;AAAA,EAED,OAAOA,EAAE,CAAC;AACX,EACA;AAEM,SAASG,EAAc;AAAA,EAC7B,GAAGC;AACJ,GAAsC;AACrC,SAAQ,gBAAAC,EAAAC,GAAA,EAAa,GAAGF,GAAO,SAAAL,EAAkB,CAAA;AAClD;AAEO,SAASQ,EAAgB;AAAA,EAC/B,GAAGH;AACJ,GAAwC;AACvC,SAAQ,gBAAAC,EAAAG,GAAA,EAAe,GAAGJ,GAAO,SAAAL,EAAkB,CAAA;AACpD;"}

package/dist/components/inputs/form-field.es.js

@@ -3,21 +3,58 @@ import { cn as u } from "../../utils/index.es.js";
 import { Info as p, CircleX as N } from "lucide-react";
 import h from "react";
 import { Label as x } from "../ui/label.es.js";
-function j({ field: a, label: s, caption: t, children: m, className: n }) {
+function j({
+  field: a,
+  label: s,
+  caption: t,
+  children: m,
+  className: n
+}) {
   const o = h.useCallback(() => t == null ? void 0 : t(), [t]);
   return /* @__PURE__ */ l("div", { className: u("", n), children: [
     /* @__PURE__ */ e(x, { htmlFor: a == null ? void 0 : a.name, children: s }),
     m,
-    o() && /* @__PURE__ */ e(c, { icon: p, className: "text-muted", value: o(), fieldName: a == null ? void 0 : a.name }),
-    a && a.state.meta.errors.length !== 0 && /* @__PURE__ */ e(c, { icon: N, className: "text-destructive", value: a == null ? void 0 : a.state.meta.errors.map((r) => r == null ? void 0 : r.message).join(","), fieldName: a == null ? void 0 : a.name })
+    o() && /* @__PURE__ */ e(
+      c,
+      {
+        icon: p,
+        className: "text-muted",
+        value: o(),
+        fieldName: a == null ? void 0 : a.name
+      }
+    ),
+    a && a.state.meta.errors.length !== 0 && /* @__PURE__ */ e(
+      c,
+      {
+        icon: N,
+        className: "text-destructive",
+        value: a == null ? void 0 : a.state.meta.errors.map((r) => r == null ? void 0 : r.message).join(","),
+        fieldName: a == null ? void 0 : a.name
+      }
+    )
   ] });
 }
-const c = ({ fieldName: a, className: s, value: t, icon: m }) => {
+const c = ({
+  fieldName: a,
+  className: s,
+  value: t,
+  icon: m
+}) => {
   const n = m;
-  return /* @__PURE__ */ l("label", { htmlFor: a, className: u(s, "flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out"), children: [
-    /* @__PURE__ */ e(n, { className: "size-3" }),
-    /* @__PURE__ */ e("span", { className: "caption w-full leading-none font-normal", children: t })
-  ] });
+  return /* @__PURE__ */ l(
+    "label",
+    {
+      htmlFor: a,
+      className: u(
+        s,
+        "flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out"
+      ),
+      children: [
+        /* @__PURE__ */ e(n, { className: "size-3" }),
+        /* @__PURE__ */ e("span", { className: "caption w-full leading-none font-normal", children: t })
+      ]
+    }
+  );
 };
 export {
   j as FormField

package/dist/components/inputs/form-field.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.es.js","sources":["../../../lib/components/inputs/form-field.tsx"],"sourcesContent":["import { Label } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport type { FieldApi } from \"@tanstack/react-form\";\nimport { CircleX, Info, type LucideIcon } from \"lucide-react\";\nimport React from \"react\";\n\ninterface BaseFormFieldProps {\n    label: string;\n    caption?: () => string | undefined;\n}\n\ninterface FormFieldProps extends BaseFormFieldProps {\n    field?: FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>\n    children: React.ReactNode;\n    className?: string\n}\n\n/**\n * Wrapper around form fields. Only to be used within the web-components project.\n */\nexport function FormField({ field, label, caption, children, className }: FormFieldProps) {\n\n    const fieldCaption = React.useCallback(() => { return caption?.(); }, [caption]);\n\n    return (\n        <div className={cn(\"\", className)}>\n            <Label htmlFor={field?.name}>{label}</Label>\n            {children}\n            {/* Field information (if any) */}\n            {fieldCaption() && <FieldLabel icon={Info} className=\"text-muted\" value={fieldCaption()} fieldName={field?.name} />}\n            {/* Field errors (if any) */}\n            {field && field.state.meta.errors.length !== 0 && (<FieldLabel icon={CircleX} className=\"text-destructive\" value={field?.state.meta.errors.map(e => e?.message).join(',')} fieldName={field?.name} />)}\n        </div>\n    )\n\n}\n\nconst FieldLabel = ({ fieldName, className, value, icon }: { fieldName?: string; className?: string; value?: string, icon: LucideIcon }) => {\n    const Icon = icon;\n    return (\n        <label htmlFor={fieldName} className={cn(className, \"flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out\")}>\n            {/* Possibly the only place where icons are size-3 and not size-icon. This will change if we have more \"caption\" sized text with icons. */}\n            <Icon className=\"size-3\" />\n            <span className=\"caption w-full leading-none font-normal\">{value}</span>\n        </label>\n    );\n}"],"names":["FormField","field","label","caption","children","className","fieldCaption","React","cn","jsx","Label","FieldLabel","Info","CircleX","e","fieldName","value","icon","Icon","jsxs"],"mappings":";;;;;AAoBO,SAASA,EAAU,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,GAAU,WAAAC,KAA6B;AAEhF,QAAAC,IAAeC,EAAM,YAAY,MAAeJ,KAAA,gBAAAA,KAAgB,CAACA,CAAO,CAAC;AAE/E,2BACK,OAAI,EAAA,WAAWK,EAAG,IAAIH,CAAS,GAC5B,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAM,EAAA,SAAST,KAAA,gBAAAA,EAAO,MAAO,UAAMC,GAAA;AAAA,IACnCE;AAAA,IAEAE,EAAa,KAAM,gBAAAG,EAAAE,GAAA,EAAW,MAAMC,GAAM,WAAU,cAAa,OAAON,EAAgB,GAAA,WAAWL,KAAA,gBAAAA,EAAO,KAAM,CAAA;AAAA,IAEhHA,KAASA,EAAM,MAAM,KAAK,OAAO,WAAW,KAAM,gBAAAQ,EAACE,GAAW,EAAA,MAAME,GAAS,WAAU,oBAAmB,OAAOZ,KAAA,gBAAAA,EAAO,MAAM,KAAK,OAAO,IAAI,CAAAa,MAAKA,KAAA,gBAAAA,EAAG,SAAS,KAAK,MAAM,WAAWb,KAAA,gBAAAA,EAAO,KAAM,CAAA;AAAA,EAAA,GACvM;AAGR;AAEA,MAAMU,IAAa,CAAC,EAAE,WAAAI,GAAW,WAAAV,GAAW,OAAAW,GAAO,MAAAC,QAAyF;AACxI,QAAMC,IAAOD;AAET,SAAA,gBAAAE,EAAC,WAAM,SAASJ,GAAW,WAAWP,EAAGH,GAAW,oLAAoL,GAEpO,UAAA;AAAA,IAAC,gBAAAI,EAAAS,GAAA,EAAK,WAAU,SAAS,CAAA;AAAA,IACxB,gBAAAT,EAAA,QAAA,EAAK,WAAU,2CAA2C,UAAMO,EAAA,CAAA;AAAA,EAAA,GACrE;AAER;"}
+{"version":3,"file":"form-field.es.js","sources":["../../../lib/components/inputs/form-field.tsx"],"sourcesContent":["import { Label } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport type { FieldApi } from \"@tanstack/react-form\";\nimport { CircleX, Info, type LucideIcon } from \"lucide-react\";\nimport React from \"react\";\n\ninterface BaseFormFieldProps {\n\tlabel: string;\n\tcaption?: () => string | undefined;\n}\n\ninterface FormFieldProps extends BaseFormFieldProps {\n\tfield?: FieldApi<\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany\n\t>;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\n/**\n * Wrapper around form fields. Only to be used within the web-components project.\n */\nexport function FormField({\n\tfield,\n\tlabel,\n\tcaption,\n\tchildren,\n\tclassName,\n}: FormFieldProps) {\n\tconst fieldCaption = React.useCallback(() => {\n\t\treturn caption?.();\n\t}, [caption]);\n\n\treturn (\n\t\t<div className={cn(\"\", className)}>\n\t\t\t<Label htmlFor={field?.name}>{label}</Label>\n\t\t\t{children}\n\t\t\t{/* Field information (if any) */}\n\t\t\t{fieldCaption() && (\n\t\t\t\t<FieldLabel\n\t\t\t\t\ticon={Info}\n\t\t\t\t\tclassName=\"text-muted\"\n\t\t\t\t\tvalue={fieldCaption()}\n\t\t\t\t\tfieldName={field?.name}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{/* Field errors (if any) */}\n\t\t\t{field && field.state.meta.errors.length !== 0 && (\n\t\t\t\t<FieldLabel\n\t\t\t\t\ticon={CircleX}\n\t\t\t\t\tclassName=\"text-destructive\"\n\t\t\t\t\tvalue={field?.state.meta.errors.map((e) => e?.message).join(\",\")}\n\t\t\t\t\tfieldName={field?.name}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst FieldLabel = ({\n\tfieldName,\n\tclassName,\n\tvalue,\n\ticon,\n}: {\n\tfieldName?: string;\n\tclassName?: string;\n\tvalue?: string;\n\ticon: LucideIcon;\n}) => {\n\tconst Icon = icon;\n\treturn (\n\t\t<label\n\t\t\thtmlFor={fieldName}\n\t\t\tclassName={cn(\n\t\t\t\tclassName,\n\t\t\t\t\"flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out\",\n\t\t\t)}\n\t\t>\n\t\t\t{/* Possibly the only place where icons are size-3 and not size-icon. This will change if we have more \"caption\" sized text with icons. */}\n\t\t\t<Icon className=\"size-3\" />\n\t\t\t<span className=\"caption w-full leading-none font-normal\">{value}</span>\n\t\t</label>\n\t);\n};\n"],"names":["FormField","field","label","caption","children","className","fieldCaption","React","cn","jsx","Label","FieldLabel","Info","CircleX","e","fieldName","value","icon","Icon","jsxs"],"mappings":";;;;;AAwCO,SAASA,EAAU;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACD,GAAmB;AACZ,QAAAC,IAAeC,EAAM,YAAY,MAC/BJ,KAAA,gBAAAA,KACL,CAACA,CAAO,CAAC;AAEZ,2BACE,OAAI,EAAA,WAAWK,EAAG,IAAIH,CAAS,GAC/B,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAM,EAAA,SAAST,KAAA,gBAAAA,EAAO,MAAO,UAAMC,GAAA;AAAA,IACnCE;AAAA,IAEAE,EACA,KAAA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,MAAMC;AAAA,QACN,WAAU;AAAA,QACV,OAAON,EAAa;AAAA,QACpB,WAAWL,KAAA,gBAAAA,EAAO;AAAA,MAAA;AAAA,IACnB;AAAA,IAGAA,KAASA,EAAM,MAAM,KAAK,OAAO,WAAW,KAC5C,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,MAAME;AAAA,QACN,WAAU;AAAA,QACV,OAAOZ,KAAA,gBAAAA,EAAO,MAAM,KAAK,OAAO,IAAI,CAACa,MAAMA,KAAA,gBAAAA,EAAG,SAAS,KAAK;AAAA,QAC5D,WAAWb,KAAA,gBAAAA,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GAEF;AAEF;AAEA,MAAMU,IAAa,CAAC;AAAA,EACnB,WAAAI;AAAA,EACA,WAAAV;AAAA,EACA,OAAAW;AAAA,EACA,MAAAC;AACD,MAKM;AACL,QAAMC,IAAOD;AAEZ,SAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAASJ;AAAA,MACT,WAAWP;AAAA,QACVH;AAAA,QACA;AAAA,MACD;AAAA,MAGA,UAAA;AAAA,QAAC,gBAAAI,EAAAS,GAAA,EAAK,WAAU,SAAS,CAAA;AAAA,QACxB,gBAAAT,EAAA,QAAA,EAAK,WAAU,2CAA2C,UAAMO,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClE;AAEF;"}

package/dist/components/inputs/input-otp.es.js

@@ -1,47 +1,58 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { cn as s } from "../../utils/index.es.js";
-import { OTPInput as m, OTPInputContext as u } from "input-otp";
-import { Minus as f } from "lucide-react";
-import * as o from "react";
-const x = o.forwardRef(({ className: e, containerClassName: t, ...a }, n) => /* @__PURE__ */ r(
-  m,
-  {
-    ref: n,
-    containerClassName: s(
-      "flex items-center gap-2 has-disabled:opacity-50",
-      t
-    ),
-    className: s("disabled:cursor-not-allowed", e),
-    ...a
-  }
-));
-x.displayName = "InputOTP";
-const O = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("flex items-center", e), ...t }));
-O.displayName = "InputOTPGroup";
-const P = o.forwardRef(({ index: e, className: t, ...a }, n) => {
-  const i = o.useContext(u), { char: p, hasFakeCaret: l, isActive: d } = i.slots[e];
-  return /* @__PURE__ */ c(
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { cn as n } from "../../utils/index.es.js";
+import { OTPInput as l, OTPInputContext as p } from "input-otp";
+import { Minus as m } from "lucide-react";
+import * as d from "react";
+function v({
+  className: e,
+  containerClassName: r,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    l,
+    {
+      containerClassName: n(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        r
+      ),
+      className: n("disabled:cursor-not-allowed", e),
+      ...o
+    }
+  );
+}
+function O({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t("div", { className: n("flex items-center", e), ...r });
+}
+function P({
+  index: e,
+  className: r,
+  ...o
+}) {
+  const i = d.use(p), { char: s, hasFakeCaret: a, isActive: c } = i.slots[e];
+  return /* @__PURE__ */ u(
     "div",
     {
-      ref: n,
-      className: s(
+      className: n(
         "relative flex h-input w-9 items-center justify-center border-2 border-input body shadow-xs transition-all",
-        d ? "z-10  border-2 border-primary" : "",
-        t
+        c ? "z-10  border-2 border-primary" : "",
+        r
       ),
-      ...a,
+      ...o,
       children: [
-        p,
-        l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        s,
+        a && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
-});
-P.displayName = "InputOTPSlot";
-const T = o.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
-T.displayName = "InputOTPSeparator";
+}
+function T({ ...e }) {
+  return /* @__PURE__ */ t("div", { role: "separator", ...e, children: /* @__PURE__ */ t(m, {}) });
+}
 export {
-  x as InputOTP,
+  v as InputOTP,
   O as InputOTPGroup,
   T as InputOTPSeparator,
   P as InputOTPSlot

package/dist/components/inputs/input-otp.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.es.js","sources":["../../../lib/components/inputs/input-otp.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { Minus } from \"lucide-react\"\nimport * as React from \"react\"\n\nexport const InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-disabled:opacity-50\",\n      containerClassName\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n))\nInputOTP.displayName = \"InputOTP\"\n\nexport const InputOTPGroup = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n))\nInputOTPGroup.displayName = \"InputOTPGroup\"\n\nexport const InputOTPSlot = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\"> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"relative flex h-input w-9 items-center justify-center border-2 border-input body shadow-xs transition-all\",\n        isActive ? \"z-10  border-2 border-primary\" : \"\",\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = \"InputOTPSlot\"\n\nexport const InputOTPSeparator = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Minus />\n  </div>\n))\nInputOTPSeparator.displayName = \"InputOTPSeparator\"\n\n\n\n"],"names":["InputOTP","React","className","containerClassName","props","ref","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","Minus"],"mappings":";;;;;AAKa,MAAAA,IAAWC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,KAASC,MAC9C,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,oBAAoBG;AAAA,MAClB;AAAA,MACAL;AAAA,IACF;AAAA,IACA,WAAWK,EAAG,+BAA+BN,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAS,cAAc;AAEV,MAAAS,IAAgBR,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAS,GAAAC,wBACzB,OAAI,EAAA,KAAAA,GAAU,WAAWG,EAAG,qBAAqBN,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDK,EAAc,cAAc;AAEf,MAAAC,IAAeT,EAAM,WAGhC,CAAC,EAAE,OAAAU,GAAO,WAAAT,GAAW,GAAGE,EAAM,GAAGC,MAAQ;AACnC,QAAAO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAa,IAAAJ,EAAgB,MAAMD,CAAK;AAGlE,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAQ,IAAW,kCAAkC;AAAA,QAC7Cd;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACE,OAAI,EAAA,WAAU,yEACb,UAAC,gBAAAT,EAAA,OAAA,EAAI,WAAU,2DAA2D,CAAA,EAC5E,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,CAAC;AACDI,EAAa,cAAc;AAEpB,MAAMQ,IAAoBjB,EAAM,WAGrC,CAAC,EAAE,GAAGG,KAASC,wBACd,OAAI,EAAA,KAAAA,GAAU,MAAK,aAAa,GAAGD,GAClC,UAAC,gBAAAE,EAAAa,GAAA,CAAM,CAAA,GACT,CACD;AACDD,EAAkB,cAAc;"}
+{"version":3,"file":"input-otp.es.js","sources":["../../../lib/components/inputs/input-otp.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { Minus } from \"lucide-react\";\nimport * as React from \"react\";\n\nexport function InputOTP({\n\tclassName,\n\tcontainerClassName,\n\t...props\n}: React.ComponentProps<typeof OTPInput>) {\n\treturn (\n\t\t<OTPInput\n\t\t\tcontainerClassName={cn(\n\t\t\t\t\"flex items-center gap-2 has-disabled:opacity-50\",\n\t\t\t\tcontainerClassName,\n\t\t\t)}\n\t\t\tclassName={cn(\"disabled:cursor-not-allowed\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function InputOTPGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn <div className={cn(\"flex items-center\", className)} {...props} />;\n}\n\nexport function InputOTPSlot({\n\tindex,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\"> & { index: number }) {\n\tconst inputOTPContext = React.use(OTPInputContext);\n\tconst { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex h-input w-9 items-center justify-center border-2 border-input body shadow-xs transition-all\",\n\t\t\t\tisActive ? \"z-10  border-2 border-primary\" : \"\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{char}\n\t\t\t{hasFakeCaret && (\n\t\t\t\t<div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n\t\t\t\t\t<div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div role=\"separator\" {...props}>\n\t\t\t<Minus />\n\t\t</div>\n\t);\n}\n"],"names":["InputOTP","className","containerClassName","props","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","React","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","Minus"],"mappings":";;;;;AAKO,SAASA,EAAS;AAAA,EACxB,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACJ,GAA0C;AAExC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,oBAAoBC;AAAA,QACnB;AAAA,QACAJ;AAAA,MACD;AAAA,MACA,WAAWI,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASI,EAAc;AAAA,EAC7B,WAAAN;AAAA,EACA,GAAGE;AACJ,GAAgC;AACxB,SAAA,gBAAAC,EAAC,SAAI,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO;AACvE;AAEO,SAASK,EAAa;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGE;AACJ,GAAoD;AAC7C,QAAAO,IAAkBC,EAAM,IAAIC,CAAe,GAC3C,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAa,IAAAL,EAAgB,MAAMD,CAAK;AAGnE,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWV;AAAA,QACV;AAAA,QACAS,IAAW,kCAAkC;AAAA,QAC7Cd;AAAA,MACD;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACC,OAAI,EAAA,WAAU,yEACd,UAAC,gBAAAV,EAAA,OAAA,EAAI,WAAU,2DAA2D,CAAA,EAC3E,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEF;AAEF;AAEO,SAASa,EAAkB,EAAE,GAAGd,KAAsC;AAE3E,SAAA,gBAAAC,EAAC,SAAI,MAAK,aAAa,GAAGD,GACzB,UAAA,gBAAAC,EAACc,KAAM,EACR,CAAA;AAEF;"}

package/dist/components/inputs/input.es.js

@@ -1,34 +1,52 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { cn as l } from "../../utils/index.es.js";
-import { useFieldContext as f } from "../../utils/form-context.es.js";
-import o from "react";
-import { Button as d } from "../ui/button.es.js";
-const m = o.forwardRef(
-  ({ className: i, type: a, icon: t, buttonProps: e, ...r }, u) => /* @__PURE__ */ s("div", { className: l("relative flex gap-1 items-center", i), children: [
-    t && /* @__PURE__ */ n(t, { className: "absolute left-2 size-icon text-muted-foreground" }),
-    /* @__PURE__ */ n(
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { cn as r } from "../../utils/index.es.js";
+import { useFieldContext as o } from "../../utils/form-context.es.js";
+import { Button as m } from "../ui/button.es.js";
+function s({
+  className: a,
+  type: n,
+  icon: e,
+  buttonProps: t,
+  ...l
+}) {
+  return /* @__PURE__ */ u("div", { className: r("relative flex gap-1 items-center", a), children: [
+    e && /* @__PURE__ */ i(e, { className: "absolute left-2 size-icon text-muted-foreground" }),
+    /* @__PURE__ */ i(
       "input",
       {
-        type: a,
-        className: l(
+        type: n,
+        className: r(
           "h-input input file:border-0 file:bg-transparent grow file:body file:font-medium",
-          t ? "pl-8" : ""
+          e ? "pl-8" : ""
         ),
-        ref: u,
-        ...r
+        ...l
       }
     ),
-    e && /* @__PURE__ */ n(d, { ...e, variant: "outline", size: "icon" })
-  ] })
-);
-m.displayName = "Input";
-const p = o.forwardRef(({ disabled: i, ...a }, t) => {
-  const e = f();
-  return /* @__PURE__ */ n(m, { ref: t, disabled: i || e.form.state.isSubmitting, value: e.state.value, id: e.name, name: e.name, onBlur: e.handleBlur, onChange: (r) => e.handleChange(a.type === "number" ? r.target.valueAsNumber : r.target.value), ...a });
-});
-p.displayName = "TfInput";
+    t && /* @__PURE__ */ i(m, { ...t, variant: "outline", size: "icon" })
+  ] });
+}
+function g({
+  disabled: a,
+  ...n
+}) {
+  const e = o();
+  return /* @__PURE__ */ i(
+    s,
+    {
+      disabled: a || e.form.state.isSubmitting,
+      value: e.state.value,
+      id: e.name,
+      name: e.name,
+      onBlur: e.handleBlur,
+      onChange: (t) => e.handleChange(
+        n.type === "number" ? t.target.valueAsNumber : t.target.value
+      ),
+      ...n
+    }
+  );
+}
 export {
-  m as Input,
-  p as TfInput
+  s as Input,
+  g as TfInput
 };
 //# sourceMappingURL=input.es.js.map

package/dist/components/inputs/input.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.es.js","sources":["../../../lib/components/inputs/input.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport type { LucideIcon } from \"lucide-react\";\nimport React from \"react\";\n\nexport interface InputProps\n    extends React.InputHTMLAttributes<HTMLInputElement> {\n    icon?: LucideIcon;\n    buttonProps?: ButtonProps\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n    ({ className, type, icon: Icon, buttonProps, ...props }, ref) => {\n        return (\n            <div className={cn(\"relative flex gap-1 items-center\", className)}>\n                {Icon && <Icon className=\"absolute left-2 size-icon text-muted-foreground\" />}\n                <input\n                    type={type}\n                    className={cn(\n                        \"h-input input file:border-0 file:bg-transparent grow file:body file:font-medium\",\n                        Icon ? \"pl-8\" : \"\",\n                    )}\n                    ref={ref}\n                    {...props}\n                />\n                {buttonProps && <Button {...buttonProps} variant={'outline'} size={'icon'} />}\n            </div>\n        );\n    }\n);\nInput.displayName = \"Input\";\n\n\nexport const TfInput = React.forwardRef<React.ElementRef<typeof Input>, Omit<InputProps, 'value' | 'id' | 'name' | 'onBlur' | 'onChange'>>(({ disabled, ...props }, ref) => {\n    const field = useFieldContext<string | number>();\n\n    return (\n        <Input ref={ref} disabled={disabled || field.form.state.isSubmitting} value={field.state.value} id={field.name} name={field.name} onBlur={field.handleBlur} onChange={e => field.handleChange(props.type === 'number' ? e.target.valueAsNumber : e.target.value)} {...props} />\n    );\n});\nTfInput.displayName = \"TfInput\";\n"],"names":["Input","React","className","type","Icon","buttonProps","props","ref","cn","jsx","Button","TfInput","disabled","field","useFieldContext","e"],"mappings":";;;;;AAYO,MAAMA,IAAQC,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,MAAMC,GAAM,aAAAC,GAAa,GAAGC,EAAM,GAAGC,wBAEhD,OAAI,EAAA,WAAWC,EAAG,oCAAoCN,CAAS,GAC3D,UAAA;AAAA,IAAQE,KAAA,gBAAAK,EAACL,GAAK,EAAA,WAAU,kDAAkD,CAAA;AAAA,IAC3E,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAAN;AAAA,QACA,WAAWK;AAAA,UACP;AAAA,UACAJ,IAAO,SAAS;AAAA,QACpB;AAAA,QACA,KAAAG;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACR;AAAA,IACCD,uBAAgBK,GAAQ,EAAA,GAAGL,GAAa,SAAS,WAAW,MAAM,OAAQ,CAAA;AAAA,EAAA,GAC/E;AAGZ;AACAL,EAAM,cAAc;AAGP,MAAAW,IAAUV,EAAM,WAA8G,CAAC,EAAE,UAAAW,GAAU,GAAGN,EAAM,GAAGC,MAAQ;AACxK,QAAMM,IAAQC,EAAiC;AAE/C,2BACKd,GAAM,EAAA,KAAAO,GAAU,UAAUK,KAAYC,EAAM,KAAK,MAAM,cAAc,OAAOA,EAAM,MAAM,OAAO,IAAIA,EAAM,MAAM,MAAMA,EAAM,MAAM,QAAQA,EAAM,YAAY,UAAU,CAAKE,MAAAF,EAAM,aAAaP,EAAM,SAAS,WAAWS,EAAE,OAAO,gBAAgBA,EAAE,OAAO,KAAK,GAAI,GAAGT,GAAO;AAErR,CAAC;AACDK,EAAQ,cAAc;"}
+{"version":3,"file":"input.es.js","sources":["../../../lib/components/inputs/input.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport type { LucideIcon } from \"lucide-react\";\nimport type React from \"react\";\n\nexport type InputProps = React.ComponentProps<\"input\"> & {\n\ticon?: LucideIcon;\n\tbuttonProps?: ButtonProps;\n};\n\nexport function Input({\n\tclassName,\n\ttype,\n\ticon: Icon,\n\tbuttonProps,\n\t...props\n}: InputProps) {\n\treturn (\n\t\t<div className={cn(\"relative flex gap-1 items-center\", className)}>\n\t\t\t{Icon && (\n\t\t\t\t<Icon className=\"absolute left-2 size-icon text-muted-foreground\" />\n\t\t\t)}\n\t\t\t<input\n\t\t\t\ttype={type}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"h-input input file:border-0 file:bg-transparent grow file:body file:font-medium\",\n\t\t\t\t\tIcon ? \"pl-8\" : \"\",\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{buttonProps && (\n\t\t\t\t<Button {...buttonProps} variant={\"outline\"} size={\"icon\"} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport function TfInput({\n\tdisabled,\n\t...props\n}: Omit<InputProps, \"value\" | \"id\" | \"name\" | \"onBlur\" | \"onChange\">) {\n\tconst field = useFieldContext<string | number>();\n\n\treturn (\n\t\t<Input\n\t\t\tdisabled={disabled || field.form.state.isSubmitting}\n\t\t\tvalue={field.state.value}\n\t\t\tid={field.name}\n\t\t\tname={field.name}\n\t\t\tonBlur={field.handleBlur}\n\t\t\tonChange={(e) =>\n\t\t\t\tfield.handleChange(\n\t\t\t\t\tprops.type === \"number\" ? e.target.valueAsNumber : e.target.value,\n\t\t\t\t)\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["Input","className","type","Icon","buttonProps","props","cn","jsx","Button","TfInput","disabled","field","useFieldContext","e"],"mappings":";;;;AAWO,SAASA,EAAM;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAe;AACd,2BACE,OAAI,EAAA,WAAWC,EAAG,oCAAoCL,CAAS,GAC9D,UAAA;AAAA,IACAE,KAAA,gBAAAI,EAACJ,GAAK,EAAA,WAAU,kDAAkD,CAAA;AAAA,IAEnE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAAL;AAAA,QACA,WAAWI;AAAA,UACV;AAAA,UACAH,IAAO,SAAS;AAAA,QACjB;AAAA,QACC,GAAGE;AAAA,MAAA;AAAA,IACL;AAAA,IACCD,uBACCI,GAAQ,EAAA,GAAGJ,GAAa,SAAS,WAAW,MAAM,OAAQ,CAAA;AAAA,EAAA,GAE7D;AAEF;AAEO,SAASK,EAAQ;AAAA,EACvB,UAAAC;AAAA,EACA,GAAGL;AACJ,GAAsE;AACrE,QAAMM,IAAQC,EAAiC;AAG9C,SAAA,gBAAAL;AAAA,IAACP;AAAA,IAAA;AAAA,MACA,UAAUU,KAAYC,EAAM,KAAK,MAAM;AAAA,MACvC,OAAOA,EAAM,MAAM;AAAA,MACnB,IAAIA,EAAM;AAAA,MACV,MAAMA,EAAM;AAAA,MACZ,QAAQA,EAAM;AAAA,MACd,UAAU,CAACE,MACVF,EAAM;AAAA,QACLN,EAAM,SAAS,WAAWQ,EAAE,OAAO,gBAAgBA,EAAE,OAAO;AAAA,MAC7D;AAAA,MAEA,GAAGR;AAAA,IAAA;AAAA,EACL;AAEF;"}

package/dist/components/inputs/license-type-select.es.js

@@ -1,25 +1,29 @@
 import { jsx as e, Fragment as l } from "react/jsx-runtime";
-import { TfSingleSelect as t } from "./select.es.js";
-const i = ({ ...o }) => /* @__PURE__ */ e(
-  t,
-  {
-    options: [
-      {
-        label: /* @__PURE__ */ e(l, { children: "Node-locked" }),
-        value: "node-locked"
-      },
-      {
-        label: /* @__PURE__ */ e(l, { children: "Hosted floating" }),
-        value: "hosted-floating"
-      },
-      {
-        label: /* @__PURE__ */ e(l, { children: "LexFloatServer" }),
-        value: "on-premise-floating"
-      }
-    ],
-    ...o
-  }
-);
+import { TfSingleSelect as n } from "./select.es.js";
+function i({
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    n,
+    {
+      options: [
+        {
+          label: /* @__PURE__ */ e(l, { children: "Node-locked" }),
+          value: "node-locked"
+        },
+        {
+          label: /* @__PURE__ */ e(l, { children: "Hosted floating" }),
+          value: "hosted-floating"
+        },
+        {
+          label: /* @__PURE__ */ e(l, { children: "LexFloatServer" }),
+          value: "on-premise-floating"
+        }
+      ],
+      ...o
+    }
+  );
+}
 export {
   i as TfLicenseTypeSelect
 };

package/dist/components/inputs/license-type-select.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"license-type-select.es.js","sources":["../../../lib/components/inputs/license-type-select.tsx"],"sourcesContent":["import { TfSingleSelect, type TfSingleSelectProps } from \"@/components/inputs/select\"\n\nexport const TfLicenseTypeSelect = ({ ...props }: Omit<TfSingleSelectProps, 'options'>) => {\n    return <TfSingleSelect options={[\n        {\n            label: <>Node-locked</>,\n            value: 'node-locked',\n        },\n        {\n            label: <>Hosted floating</>,\n            value: 'hosted-floating',\n        },\n        {\n            label: <>LexFloatServer</>,\n            value: 'on-premise-floating',\n        }\n    ]}\n        {...props}\n    />\n}"],"names":["TfLicenseTypeSelect","props","jsx","TfSingleSelect"],"mappings":";;AAEO,MAAMA,IAAsB,CAAC,EAAE,GAAGC,QAC9B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAAe,SAAS;AAAA,MAC5B;AAAA,QACI,8BAAS,UAAW,cAAA,CAAA;AAAA,QACpB,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,8BAAS,UAAe,kBAAA,CAAA;AAAA,QACxB,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,8BAAS,UAAc,iBAAA,CAAA;AAAA,QACvB,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,IACK,GAAGF;AAAA,EAAA;AACR;"}
+{"version":3,"file":"license-type-select.es.js","sources":["../../../lib/components/inputs/license-type-select.tsx"],"sourcesContent":["import {\n\tTfSingleSelect,\n\ttype TfSingleSelectProps,\n} from \"@/components/inputs/select\";\n\nexport function TfLicenseTypeSelect({\n\t...props\n}: Omit<TfSingleSelectProps, \"options\">) {\n\treturn (\n\t\t<TfSingleSelect\n\t\t\toptions={[\n\t\t\t\t{\n\t\t\t\t\tlabel: <>Node-locked</>,\n\t\t\t\t\tvalue: \"node-locked\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: <>Hosted floating</>,\n\t\t\t\t\tvalue: \"hosted-floating\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: <>LexFloatServer</>,\n\t\t\t\t\tvalue: \"on-premise-floating\",\n\t\t\t\t},\n\t\t\t]}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["TfLicenseTypeSelect","props","jsx","TfSingleSelect"],"mappings":";;AAKO,SAASA,EAAoB;AAAA,EACnC,GAAGC;AACJ,GAAyC;AAEvC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,SAAS;AAAA,QACR;AAAA,UACC,8BAAS,UAAW,cAAA,CAAA;AAAA,UACpB,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,8BAAS,UAAe,kBAAA,CAAA;AAAA,UACxB,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,8BAAS,UAAc,iBAAA,CAAA;AAAA,UACvB,OAAO;AAAA,QAAA;AAAA,MAET;AAAA,MACC,GAAGF;AAAA,IAAA;AAAA,EACL;AAEF;"}