@cryptlex/web-components 2.0.1 → 3.0.0

package/dist/components/{ui → inputs}/calendar.es.js

@@ -1,18 +1,18 @@
 import { jsx as a } from "react/jsx-runtime";
-import { ChevronRightIcon as s, ChevronLeftIcon as i } from "@radix-ui/react-icons";
-import { DayPicker as c } from "react-day-picker";
-import { buttonVariants as r } from "./button.es.js";
+import { DayPicker as s } from "../../node_modules/.pnpm/react-day-picker@8.10.1_date-fns@3.6.0_react@18.3.1/node_modules/react-day-picker/dist/index.esm.es.js";
+import { buttonVariants as r } from "../ui/button.es.js";
 import { cn as e } from "../../utils/index.es.js";
+import { ChevronRight as i, ChevronLeft as c } from "lucide-react";
 const l = ({
-  className: o,
-  classNames: d,
+  className: d,
+  classNames: o,
   showOutsideDays: n = !0,
   ...t
 }) => /* @__PURE__ */ a(
-  c,
+  s,
   {
     showOutsideDays: n,
-    className: e("p-3", o),
+    className: e("p-3", d),
     classNames: {
       months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
       month: "space-y-4",
@@ -45,11 +45,11 @@ const l = ({
       day_disabled: "text-muted-foreground opacity-50",
       day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
       day_hidden: "invisible",
-      ...d
+      ...o
     },
     components: {
-      IconLeft: () => /* @__PURE__ */ a(i, { className: "size-4" }),
-      IconRight: () => /* @__PURE__ */ a(s, { className: "size-4" })
+      IconLeft: () => /* @__PURE__ */ a(c, { className: "size-4" }),
+      IconRight: () => /* @__PURE__ */ a(i, { className: "size-4" })
     },
     ...t
   }

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.es.js","sources":["../../../lib/components/inputs/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { DayPicker } from \"react-day-picker\"\n\nimport { buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/utils\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nexport const Calendar: React.FC<CalendarProps> = ({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}) => {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"space-y-4\",\n        caption: \"flex justify-center pt-1 relative items-center\",\n        caption_label: \"body font-medium\",\n        nav: \"space-x-1 flex items-center\",\n        nav_button: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\n        ),\n        nav_button_previous: \"absolute left-1\",\n        nav_button_next: \"absolute right-1\",\n        table: \"w-full border-collapse space-y-1\",\n        head_row: \"flex\",\n        head_cell:\n          \"text-muted-foreground rounded-md w-8 font-normal text-caption\",\n        row: \"flex w-full mt-2\",\n        cell: cn(\n          \"relative p-0 text-center body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n          props.mode === \"range\"\n            ? \"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n            : \"[&:has([aria-selected])]:rounded-md\"\n        ),\n        day: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"size-8 p-0 font-normal aria-selected:opacity-100\"\n        ),\n        day_range_start: \"day-range-start\",\n        day_range_end: \"day-range-end\",\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside:\n          \"day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle:\n          \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        IconLeft: () => <ChevronLeft className='size-4' />,\n        IconRight: () => <ChevronRight className='size-4' />,\n      }}\n      {...props}\n    />\n  );\n};\nCalendar.displayName = \"Calendar\"\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeft","ChevronRight"],"mappings":";;;;;AASO,MAAMA,IAAoC,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,iBAAAH;AAAA,IACA,WAAWI,EAAG,OAAON,CAAS;AAAA,IAC9B,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,YAAYM;AAAA,QACVC,EAAe,EAAE,SAAS,WAAW;AAAA,QACrC;AAAA,MACF;AAAA,MACA,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WACE;AAAA,MACF,KAAK;AAAA,MACL,MAAMD;AAAA,QACJ;AAAA,QACAH,EAAM,SAAS,UACX,yKACA;AAAA,MACN;AAAA,MACA,KAAKG;AAAA,QACHC,EAAe,EAAE,SAAS,SAAS;AAAA,QACnC;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,cACE;AAAA,MACF,WAAW;AAAA,MACX,aACE;AAAA,MACF,cAAc;AAAA,MACd,kBACE;AAAA,MACF,YAAY;AAAA,MACZ,GAAGN;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,UAAU,MAAO,gBAAAG,EAAAI,GAAA,EAAY,WAAU,SAAS,CAAA;AAAA,MAChD,WAAW,MAAO,gBAAAJ,EAAAK,GAAA,EAAa,WAAU,SAAS,CAAA;AAAA,IACpD;AAAA,IACC,GAAGN;AAAA,EAAA;AACN;AAGJJ,EAAS,cAAc;"}

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

@@ -0,0 +1,27 @@
+import { jsx as n, Fragment as c } from "react/jsx-runtime";
+import { cn as t } from "../../utils/index.es.js";
+import { useFieldContext as d } from "../../utils/form-context.es.js";
+import * as s from "react";
+const r = s.forwardRef(({ className: o, checked: e, ...i }, a) => /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(
+  "input",
+  {
+    checked: e,
+    type: "checkbox",
+    ref: a,
+    className: 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",
+      o
+    ),
+    ...i
+  }
+) }));
+r.displayName = "Checkbox";
+const p = ({ ...o }) => {
+  const e = d();
+  return /* @__PURE__ */ n(r, { checked: e.state.value, onChange: () => e.handleChange(!e.state.value), onBlur: e.handleBlur, ...o });
+};
+export {
+  r as Checkbox,
+  p as TfCheckbox
+};
+//# sourceMappingURL=checkbox.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,280 @@
+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 n(a[0]) + n(a[1]);
+}
+const d = {
+  AF: "Afghanistan",
+  AX: "Åland Islands",
+  AL: "Albania",
+  DZ: "Algeria",
+  AS: "American Samoa",
+  AD: "Andorra",
+  AO: "Angola",
+  AI: "Anguilla",
+  AQ: "Antarctica",
+  AG: "Antigua and Barbuda",
+  AR: "Argentina",
+  AM: "Armenia",
+  AW: "Aruba",
+  AU: "Australia",
+  AT: "Austria",
+  AZ: "Azerbaijan",
+  BS: "Bahamas",
+  BH: "Bahrain",
+  BD: "Bangladesh",
+  BB: "Barbados",
+  BY: "Belarus",
+  BE: "Belgium",
+  BZ: "Belize",
+  BJ: "Benin",
+  BM: "Bermuda",
+  BT: "Bhutan",
+  BO: "Bolivia (Plurinational State of)",
+  BQ: "Bonaire, Sint Eustatius and Saba",
+  BA: "Bosnia and Herzegovina",
+  BW: "Botswana",
+  BV: "Bouvet Island",
+  BR: "Brazil",
+  IO: "British Indian Ocean Territory",
+  BN: "Brunei Darussalam",
+  BG: "Bulgaria",
+  BF: "Burkina Faso",
+  BI: "Burundi",
+  CV: "Caboe Verde",
+  KH: "Cambodia",
+  CM: "Cameroon",
+  CA: "Canada",
+  KY: "Cayman Islands",
+  CF: "Central African Republic",
+  TD: "Chad",
+  CL: "Chile",
+  CN: "China",
+  CX: "Christmas Island",
+  CC: "Cocos (Keeling) Islands",
+  CO: "Colombia",
+  KM: "Comoros",
+  CG: "Congo",
+  CD: "Congo, Democratic Republic of the",
+  CK: "Cook Islands",
+  CR: "Costa Rica",
+  CI: "Côte d'voire",
+  HR: "Croatia",
+  CU: "Cuba",
+  CW: "Curaçao",
+  CY: "Cyprus",
+  CZ: "Czechia",
+  DK: "Denmark",
+  DJ: "Djibouti",
+  DM: "Dominica",
+  DO: "Dominican Republic",
+  EC: "Ecuador",
+  EG: "Egypt",
+  SV: "El Salvador",
+  GQ: "Equatorial Guinea",
+  ER: "Eritrea",
+  EE: "Estonia",
+  SZ: "Eswatini",
+  ET: "Ethiopia",
+  FK: "Falkland Islands (Malvinas)",
+  FO: "Faroe Islands",
+  FJ: "Fiji",
+  FI: "Finland",
+  FR: "France",
+  GF: "French Guiana",
+  PF: "French Polynesia",
+  TF: "French Southern Territories",
+  GA: "Gabon",
+  GM: "Gambia",
+  GE: "Georgia",
+  DE: "Germany",
+  GH: "Ghana",
+  GI: "Gibraltar",
+  GR: "Greece",
+  GL: "Greenland",
+  GD: "Grenada",
+  GP: "Guadeloupe",
+  GU: "Guam",
+  GT: "Guatemala",
+  GG: "Guernsey",
+  GN: "Guinea",
+  GW: "Guinea-Bissau",
+  GY: "Guyana",
+  HT: "Haiti",
+  HM: "Heard Island and Mcdonald Islands",
+  VA: "Holy See",
+  HN: "Honduras",
+  HK: "Hong Kong",
+  HU: "Hungary",
+  IS: "Iceland",
+  IN: "India",
+  ID: "Indonesia",
+  IR: "Iran (Islamic Republic of)",
+  IQ: "Iraq",
+  IE: "Ireland",
+  IM: "Isle of Man",
+  IL: "Israel",
+  IT: "Italy",
+  JM: "Jamaica",
+  JP: "Japan",
+  JE: "Jersey",
+  JO: "Jordan",
+  KZ: "Kazakhstan",
+  KE: "Kenya",
+  KI: "Kiribati",
+  KP: "Korea (Democratic People's Republic of)",
+  KR: "Korea (Republic of)",
+  KW: "Kuwait",
+  KG: "Kyrgyzstan",
+  LA: "Lao People's Democratic Republic",
+  LV: "Latvia",
+  LB: "Lebanon",
+  LS: "Lesotho",
+  LR: "Liberia",
+  LY: "Libya",
+  LI: "Liechtenstein",
+  LT: "Lithuania",
+  LU: "Luxembourg",
+  MO: "Macao",
+  MG: "Madagascar",
+  MW: "Malawi",
+  MY: "Malaysia",
+  MV: "Maldives",
+  ML: "Mali",
+  MT: "Malta",
+  MH: "Marshall Islands",
+  MQ: "Martinique",
+  MR: "Mauritania",
+  MU: "Mauritius",
+  YT: "Mayotte",
+  MX: "Mexico",
+  FM: "Micronesia (Federated States of)",
+  MD: "Moldova, Republic of",
+  MC: "Monaco",
+  MN: "Mongolia",
+  ME: "Montenegro",
+  MS: "Montserrat",
+  MA: "Morocco",
+  MZ: "Mozambique",
+  MM: "Myanmar",
+  NA: "Namibia",
+  NR: "Nauru",
+  NP: "Nepal",
+  NL: "Netherlands, Kingdom of the",
+  NC: "New Caledonia",
+  NZ: "New Zealand",
+  NI: "Nicaragua",
+  NE: "Niger",
+  NG: "Nigeria",
+  NU: "Niue",
+  NF: "Norfolk Island",
+  MK: "North Macedonia",
+  MP: "Northern Mariana Islands",
+  NO: "Norway",
+  OM: "Oman",
+  PK: "Pakistan",
+  PW: "Palau",
+  PS: "Palestine, State of",
+  PA: "Panama",
+  PG: "Papua New Guinea",
+  PY: "Paraguay",
+  PE: "Peru",
+  PH: "Philippines",
+  PN: "Pitcairn",
+  PL: "Poland",
+  PT: "Portugal",
+  PR: "Puerto Rico",
+  QA: "Qatar",
+  RE: "Réunion",
+  RO: "Romania",
+  RU: "Russian Federation",
+  RW: "Rwanda",
+  BL: "Saint Barthélemy",
+  SH: "Saint Helena, Ascension Island, Tristan da Cunha",
+  KN: "Saint Kitts and Nevis",
+  LC: "Saint Lucia",
+  MF: "Saint Martin (French part)",
+  PM: "Saint Pierre and Miquelon",
+  VC: "Saint Vincent and the Grenadines",
+  WS: "Samoa",
+  SM: "San Marino",
+  ST: "Sao Tome and Principe",
+  SA: "Saudi Arabia",
+  SN: "Senegal",
+  RS: "Serbia",
+  SC: "Seychelles",
+  SL: "Sierra Leone",
+  SG: "Singapore",
+  SX: "Sint Maarten (Dutch part)",
+  SK: "Slovakia",
+  SI: "Slovenia",
+  SB: "Solomon Islands",
+  SO: "Somalia",
+  ZA: "South Africa",
+  GS: "South Georgia and the South Sandwich Islands",
+  SS: "South Sudan",
+  ES: "Spain",
+  LK: "Sri Lanka",
+  SD: "Sudan",
+  SR: "Suriname",
+  SJ: "Svalbard and Jan Mayen",
+  SE: "Sweden",
+  CH: "Switzerland",
+  SY: "Syrian Arab Republic",
+  TW: "Taiwan, Province of China",
+  TJ: "Tajikistan",
+  TZ: "Tanzania, United Republic of",
+  TH: "Thailand",
+  TL: "Timor-Leste",
+  TG: "Togo",
+  TK: "Tokelau",
+  TO: "Tonga",
+  TT: "Trinidad and Tobago",
+  TN: "Tunisia",
+  TR: "Türkiye",
+  TM: "Turkmenistan",
+  TC: "Turks and Caicos Islands",
+  TV: "Tuvalu",
+  UG: "Uganda",
+  UA: "Ukraine",
+  AE: "United Arab Emirates",
+  GB: "United Kingdom of Great Britain and Northern Ireland",
+  UM: "United States Minor Outlying Islands",
+  US: "United States of America",
+  UY: "Uruguay",
+  UZ: "Uzbekistan",
+  VU: "Vanuatu",
+  VE: "Venezuela (Bolivarian Republic of)",
+  VN: "Viet Nam",
+  VG: "Virgin Islands (British)",
+  VI: "Virgin Islands (U.S)",
+  WF: "Wallis and Futuna",
+  EH: "Western Sahara",
+  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
+  }
+);
+export {
+  c as CountrySelect,
+  C as TfCountrySelect
+};
+//# sourceMappingURL=country-select.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,25 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+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 }) {
+  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 })
+  ] });
+}
+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 })
+  ] });
+};
+export {
+  j as FormField
+};
+//# sourceMappingURL=form-field.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,49 @@
+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(
+    "div",
+    {
+      ref: n,
+      className: s(
+        "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
+      ),
+      ...a,
+      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" }) })
+      ]
+    }
+  );
+});
+P.displayName = "InputOTPSlot";
+const T = o.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
+T.displayName = "InputOTPSeparator";
+export {
+  x as InputOTP,
+  O as InputOTPGroup,
+  T as InputOTPSeparator,
+  P as InputOTPSlot
+};
+//# sourceMappingURL=input-otp.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,34 @@
+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(
+      "input",
+      {
+        type: a,
+        className: l(
+          "h-input input file:border-0 file:bg-transparent grow file:body file:font-medium",
+          t ? "pl-8" : ""
+        ),
+        ref: u,
+        ...r
+      }
+    ),
+    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";
+export {
+  m as Input,
+  p as TfInput
+};
+//# sourceMappingURL=input.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,26 @@
+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
+  }
+);
+export {
+  i as TfLicenseTypeSelect
+};
+//# sourceMappingURL=license-type-select.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,57 @@
+import { jsx as t, jsxs as d, Fragment as a } from "react/jsx-runtime";
+import { DropdownMenu as k, DropdownMenuTrigger as x, DropdownMenuContent as N, DropdownMenuGroup as B, DropdownMenuCheckboxItem as s } from "../ui/dropdown-menu.es.js";
+import { cn as F } from "../../utils/index.es.js";
+import { useFieldContext as j } from "../../utils/form-context.es.js";
+import m, { useCallback as h } from "react";
+const f = m.forwardRef(({ options: n, value: l, setValue: c, buttonLabel: i, className: g, ...o }, p) => {
+  const M = m.useCallback(() => {
+    const e = l ?? [];
+    return n.filter((r) => e.includes(r.value)).map((r, C, D) => /* @__PURE__ */ d(a, { children: [
+      r.label,
+      C + 1 !== D.length && /* @__PURE__ */ t(a, { children: ", " })
+    ] }));
+  }, [l]), b = (e) => {
+    l.includes(e) ? c([...l.filter((r) => r !== e)]) : c([...l, e]);
+  }, S = () => {
+    u() ? c([]) : c(n.map((e) => e.value));
+  }, w = h(
+    (e) => l.includes(e),
+    [l]
+  ), u = h(
+    () => l.length === n.length,
+    [l, n]
+  );
+  return /* @__PURE__ */ t(a, { children: /* @__PURE__ */ d(k, { children: [
+    /* @__PURE__ */ t(x, { ...o, asChild: !0, children: /* @__PURE__ */ t("button", { ...o, ref: p, className: F("btn-dropdown", g), children: i || M() }) }),
+    /* @__PURE__ */ t(N, { children: /* @__PURE__ */ d(B, { children: [
+      /* @__PURE__ */ t(s, { className: "italic", onSelect: (e) => {
+        e.preventDefault(), S();
+      }, checked: u(), children: "(Select all)" }),
+      n.map(
+        (e) => /* @__PURE__ */ t(
+          s,
+          {
+            onSelect: (r) => {
+              r.preventDefault(), b(e.value);
+            },
+            disabled: e.disabled,
+            checked: w(e.value),
+            children: e.label
+          },
+          e.value
+        )
+      )
+    ] }) })
+  ] }) });
+});
+f.displayName = "MultiSelect";
+const y = ({ ...n }) => {
+  const l = j();
+  return /* @__PURE__ */ t(f, { value: l.state.value, setValue: l.setValue, onBlur: l.handleBlur, ...n });
+};
+y.displayName = "FormMultiSelect";
+export {
+  f as MultiSelect,
+  y as TfMultiSelect
+};
+//# sourceMappingURL=multi-select.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuTrigger } from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport React, { useCallback } from \"react\";\n\nexport interface SelectionProps<V extends number | string | string[]> extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'values' | 'defaultValue'> {\n    value: V;\n    setValue: (v: V) => void;\n    buttonLabel?: React.ReactNode;\n    options: {\n        value: string;\n        label: React.ReactElement;\n        disabled?: boolean;\n    }[]\n}\n\nexport interface MultiSelectProps extends SelectionProps<string[]> { }\n\nexport const MultiSelect = React.forwardRef<React.ElementRef<typeof Button>, MultiSelectProps>(({ options, value, setValue, buttonLabel, className, ...props }, ref) => {\n\n    // Returns an array of labels for every value that’s currently selected.\n    // If nothing is selected, it returns an empty array.\n    const defaultButtonLabel = React.useCallback(() => {\n        const selected = value ?? [];\n        return options\n            .filter(o => selected.includes(o.value))\n            .map((o, i, arr) => (<>{o.label}{i + 1 !== arr.length && <>, </>}</>));\n    }, [value]);\n\n    const toggleValue = (v: string) => { value.includes(v) ? setValue([...(value.filter(vx => vx !== v))]) : setValue([...value, v]) }\n\n    // Select/deselect all\n    const toggleAll = () => {\n        areAllSelected() ? setValue([]) : setValue(options.map(opt => opt.value));\n    }\n\n    const isChecked = useCallback(\n        (v: string) => value.includes(v),\n        [value],\n    );\n\n    const areAllSelected = useCallback(\n        () => {\n            return value.length === options.length\n        },\n        [value, options]\n    )\n\n    return (\n        <>\n            <DropdownMenu>\n                <DropdownMenuTrigger {...props} asChild>\n                    <button {...props} ref={ref} className={cn(\"btn-dropdown\", className)}>{buttonLabel ? buttonLabel : defaultButtonLabel()}</button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent>\n                    <DropdownMenuGroup>\n                        <DropdownMenuCheckboxItem className=\"italic\" onSelect={(e) => { e.preventDefault(); toggleAll(); }} checked={areAllSelected()}>(Select all)</DropdownMenuCheckboxItem>\n                        {options.map(opt =>\n                            <DropdownMenuCheckboxItem\n                                onSelect={(e) => {\n                                    // Don't close the popover when selecting items\n                                    e.preventDefault();\n                                    toggleValue(opt.value)\n                                }}\n                                key={opt.value}\n                                disabled={opt.disabled}\n                                checked={isChecked(opt.value)}>{opt.label}</DropdownMenuCheckboxItem>\n                        )}\n                    </DropdownMenuGroup>\n                </DropdownMenuContent>\n            </DropdownMenu>\n        </>);\n})\nMultiSelect.displayName = \"MultiSelect\";\n\nexport interface TfMultiSelectProps extends Omit<MultiSelectProps, 'value' | 'setValue'> { }\nexport const TfMultiSelect = ({ ...props }: TfMultiSelectProps) => {\n    const field = useFieldContext<string[]>();\n\n    return (<MultiSelect value={field.state.value} setValue={field.setValue} onBlur={field.handleBlur} {...props} />);\n}\nTfMultiSelect.displayName = \"FormMultiSelect\";"],"names":["MultiSelect","React","options","value","setValue","buttonLabel","className","props","ref","defaultButtonLabel","selected","o","i","arr","jsxs","Fragment","toggleValue","v","vx","toggleAll","areAllSelected","opt","isChecked","useCallback","jsx","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuGroup","DropdownMenuCheckboxItem","e","TfMultiSelect","field","useFieldContext"],"mappings":";;;;;AAmBO,MAAMA,IAAcC,EAAM,WAA8D,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAI9J,QAAAC,IAAqBR,EAAM,YAAY,MAAM;AACzC,UAAAS,IAAWP,KAAS,CAAC;AAC3B,WAAOD,EACF,OAAO,CAAKS,MAAAD,EAAS,SAASC,EAAE,KAAK,CAAC,EACtC,IAAI,CAACA,GAAGC,GAAGC,MAAY,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAEJ,EAAA;AAAA,MAAOC,IAAI,MAAMC,EAAI,iCAAY,UAAE,KAAA,CAAA;AAAA,IAAA,EAAA,CAAI,CAAI;AAAA,EAAA,GAC1E,CAACV,CAAK,CAAC,GAEJa,IAAc,CAACC,MAAc;AAAE,IAAAd,EAAM,SAASc,CAAC,IAAIb,EAAS,CAAC,GAAID,EAAM,OAAO,CAAAe,MAAMA,MAAOD,CAAC,CAAE,CAAC,IAAIb,EAAS,CAAC,GAAGD,GAAOc,CAAC,CAAC;AAAA,EAAE,GAG3HE,IAAY,MAAM;AACL,IAAAC,MAAIhB,EAAS,CAAE,CAAA,IAAIA,EAASF,EAAQ,IAAI,CAAAmB,MAAOA,EAAI,KAAK,CAAC;AAAA,EAC5E,GAEMC,IAAYC;AAAA,IACd,CAACN,MAAcd,EAAM,SAASc,CAAC;AAAA,IAC/B,CAACd,CAAK;AAAA,EACV,GAEMiB,IAAiBG;AAAA,IACnB,MACWpB,EAAM,WAAWD,EAAQ;AAAA,IAEpC,CAACC,GAAOD,CAAO;AAAA,EACnB;AAGI,SAAA,gBAAAsB,EAAAT,GAAA,EACI,4BAACU,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAqB,GAAGnB,GAAO,SAAO,IACnC,UAAA,gBAAAiB,EAAC,YAAQ,GAAGjB,GAAO,KAAAC,GAAU,WAAWmB,EAAG,gBAAgBrB,CAAS,GAAI,eAA4BG,IAAqB,CAAA,GAC7H;AAAA,IACA,gBAAAe,EAACI,GACG,EAAA,UAAA,gBAAAd,EAACe,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAL,EAACM,GAAyB,EAAA,WAAU,UAAS,UAAU,CAAC,MAAM;AAAE,UAAE,eAAe,GAAaX,EAAA;AAAA,MAAM,GAAA,SAASC,EAAe,GAAG,UAAY,eAAA,CAAA;AAAA,MAC1IlB,EAAQ;AAAA,QAAI,CACTmB,MAAA,gBAAAG;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,UAAU,CAACC,MAAM;AAEb,cAAAA,EAAE,eAAe,GACjBf,EAAYK,EAAI,KAAK;AAAA,YACzB;AAAA,YAEA,UAAUA,EAAI;AAAA,YACd,SAASC,EAAUD,EAAI,KAAK;AAAA,YAAI,UAAIA,EAAA;AAAA,UAAA;AAAA,UAF/BA,EAAI;AAAA,QAAA;AAAA,MAEiC;AAAA,IAClD,EAAA,CACJ,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AACR,CAAC;AACDrB,EAAY,cAAc;AAGnB,MAAMgC,IAAgB,CAAC,EAAE,GAAGzB,QAAgC;AAC/D,QAAM0B,IAAQC,EAA0B;AAExC,SAAS,gBAAAV,EAAAxB,GAAA,EAAY,OAAOiC,EAAM,MAAM,OAAO,UAAUA,EAAM,UAAU,QAAQA,EAAM,YAAa,GAAG1B,GAAO;AAClH;AACAyB,EAAc,cAAc;"}