@cryptlex/web-components 3.8.1 → 4.1.0

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

@@ -1,27 +1,27 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { cn as t } from "../../utils/index.es.js";
-import { useFieldContext as a } from "../../utils/form-context.es.js";
-import { CircleDashed as l, Check as c } from "lucide-react";
-function u({ className: n, checked: e, indeterminate: i, ...r }) {
-  return /* @__PURE__ */ s("div", { className: "relative size-input", children: [
-    i && /* @__PURE__ */ o(l, { className: "pointer-events-none absolute size-icon top-2 left-2" }),
-    e && !i && /* @__PURE__ */ o(c, { className: "pointer-events-none absolute size-icon top-2 left-2" }),
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { useFieldContext as s } from "../../utils/form-context.es.js";
+import { CircleDashed as a, Check as l } from "lucide-react";
+import { cn as c } from "../../utils/primitives.es.js";
+function u({ className: n, checked: e, indeterminate: r, ...i }) {
+  return /* @__PURE__ */ t("div", { className: "relative size-input", children: [
+    r && /* @__PURE__ */ o(a, { className: "pointer-events-none text-primary-foreground absolute size-icon top-2 left-2" }),
+    e && !r && /* @__PURE__ */ o(l, { className: "pointer-events-none text-primary-foreground absolute size-icon top-2 left-2" }),
     /* @__PURE__ */ o(
       "input",
       {
         checked: e,
         type: "checkbox",
-        className: t(
+        className: c(
           "appearance-none size-input border border-input bg-card checked:bg-primary rounded-none focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
           n
         ),
-        ...r
+        ...i
       }
     )
   ] });
 }
-function h({ ...n }) {
-  const e = a();
+function m({ ...n }) {
+  const e = s();
   return /* @__PURE__ */ o(
     u,
     {
@@ -34,6 +34,6 @@ function h({ ...n }) {
 }
 export {
   u as Checkbox,
-  h as TfCheckbox
+  m as TfCheckbox
 };
 //# sourceMappingURL=checkbox.es.js.map

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 { Check, CircleDashed } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport interface CheckboxProps\n\textends Omit<React.ComponentProps<\"input\">, \"type\" | \"value\"> {\n\tindeterminate?: boolean\n}\n\nexport function Checkbox({ className, checked, indeterminate, ...props }: CheckboxProps) {\n\treturn (\n\t\t<div className=\"relative size-input\">\n\t\t\t{indeterminate && <CircleDashed className=\"pointer-events-none absolute size-icon top-2 left-2\" />}\n\t\t\t{checked && !indeterminate && <Check className=\"pointer-events-none absolute size-icon top-2 left-2\" />}\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-primary 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\n\t\t</div>\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","indeterminate","props","jsxs","jsx","CircleDashed","Check","cn","TfCheckbox","field","useFieldContext"],"mappings":";;;;AAUO,SAASA,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,KAAwB;AACxF,SACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAAF,KAAiB,gBAAAG,EAACC,GAAA,EAAa,WAAU,sDAAA,CAAsD;AAAA,IAC/FL,KAAW,CAACC,KAAiB,gBAAAG,EAACE,GAAA,EAAM,WAAU,uDAAsD;AAAA,IACrG,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,SAAAJ;AAAA,QACA,MAAK;AAAA,QACL,WAAWO;AAAA,UACV;AAAA,UACAR;AAAA,QAAA;AAAA,QAEA,GAAGG;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAED;AAEF;AAOO,SAASM,EAAW,EAAE,GAAGN,KAA0B;AACzD,QAAMO,IAAQC,EAAA;AAEd,SACC,gBAAAN;AAAA,IAACN;AAAA,IAAA;AAAA,MACA,SAASW,EAAM,MAAM;AAAA,MACrB,UAAU,MAAMA,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK;AAAA,MACrD,QAAQA,EAAM;AAAA,MACb,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"checkbox.es.js","sources":["../../../lib/components/inputs/checkbox.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport { Check, CircleDashed } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport interface CheckboxProps\n\textends Omit<React.ComponentProps<\"input\">, \"type\" | \"value\"> {\n\tindeterminate?: boolean\n}\n\nexport function Checkbox({ className, checked, indeterminate, ...props }: CheckboxProps) {\n\treturn (\n\t\t<div className=\"relative size-input\">\n\t\t\t{indeterminate && <CircleDashed className=\"pointer-events-none text-primary-foreground absolute size-icon top-2 left-2\" />}\n\t\t\t{checked && !indeterminate && <Check className=\"pointer-events-none text-primary-foreground absolute size-icon top-2 left-2\" />}\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-primary 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\n\t\t</div>\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","indeterminate","props","jsxs","jsx","CircleDashed","Check","cn","TfCheckbox","field","useFieldContext"],"mappings":";;;;AAUO,SAASA,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,KAAwB;AACxF,SACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAAF,KAAiB,gBAAAG,EAACC,GAAA,EAAa,WAAU,8EAAA,CAA8E;AAAA,IACvHL,KAAW,CAACC,KAAiB,gBAAAG,EAACE,GAAA,EAAM,WAAU,+EAA8E;AAAA,IAC7H,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,SAAAJ;AAAA,QACA,MAAK;AAAA,QACL,WAAWO;AAAA,UACV;AAAA,UACAR;AAAA,QAAA;AAAA,QAEA,GAAGG;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAED;AAEF;AAOO,SAASM,EAAW,EAAE,GAAGN,KAA0B;AACzD,QAAMO,IAAQC,EAAA;AAEd,SACC,gBAAAN;AAAA,IAACN;AAAA,IAAA;AAAA,MACA,SAASW,EAAM,MAAM;AAAA,MACrB,UAAU,MAAMA,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK;AAAA,MACrD,QAAQA,EAAM;AAAA,MACb,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,5 +1,5 @@
 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";
+import { MultiSelect as l, TfMultiSelect as s } from "./multi-select.es.js";
 function u(a) {
   function n(r) {
     return String.fromCodePoint(
@@ -269,12 +269,12 @@ const d = {
 function c({
   ...a
 }) {
-  return /* @__PURE__ */ i(s, { ...a, options: e });
+  return /* @__PURE__ */ i(l, { ...a, options: e });
 }
 function C({
   ...a
 }) {
-  return /* @__PURE__ */ i(l, { ...a, options: e });
+  return /* @__PURE__ */ i(s, { ...a, options: e });
 }
 export {
   c as CountrySelect,

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 {\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,YAAA,EAAc,WAAW,CAAC;AAAA,IAAA;AAAA,EACjD;AAGD,SACCD,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,OACC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAAR,EAAeM,EAAE,CAAC,CAAC;AAAA,IAAE;AAAA,IAAEA,EAAE,CAAC;AAAA,EAAA,GAC5B;AAAA,EAED,OAAOA,EAAE,CAAC;AAAA,EAEX;AAEM,SAASG,EAAc;AAAA,EAC7B,GAAGC;AACJ,GAAsC;AACrC,SAAO,gBAAAC,EAACC,GAAA,EAAa,GAAGF,GAAO,SAAAL,EAAA,CAAkB;AAClD;AAEO,SAASQ,EAAgB;AAAA,EAC/B,GAAGH;AACJ,GAAwC;AACvC,SAAO,gBAAAC,EAACG,GAAA,EAAe,GAAGJ,GAAO,SAAAL,EAAA,CAAkB;AACpD;"}
+{"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,YAAA,EAAc,WAAW,CAAC;AAAA,IAAA;AAAA,EAElD;AAEA,SACCD,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,OACC,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAAR,EAAeM,EAAE,CAAC,CAAC;AAAA,IAAE;AAAA,IAAEA,EAAE,CAAC;AAAA,EAAA,GAC5B;AAAA,EAED,OAAOA,EAAE,CAAC;AAAA,EAEX;AAEM,SAASG,EAAc;AAAA,EAC7B,GAAGC;AACJ,GAAsC;AACrC,SAAO,gBAAAC,EAACC,GAAA,EAAa,GAAGF,GAAO,SAAAL,EAAA,CAAkB;AAClD;AAEO,SAASQ,EAAgB;AAAA,EAC/B,GAAGH;AACJ,GAAwC;AACvC,SAAO,gBAAAC,EAACG,GAAA,EAAe,GAAGJ,GAAO,SAAAL,EAAA,CAAkB;AACpD;"}

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

@@ -1,8 +1,8 @@
 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";
+import { cn as u } from "../../utils/primitives.es.js";
 function j({
   field: a,
   label: s,

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

@@ -1,8 +1,8 @@
 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";
+import { cn as n } from "../../utils/primitives.es.js";
 function v({
   className: e,
   containerClassName: r,
@@ -43,7 +43,7 @@ function P({
       ...i,
       children: [
         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" }) })
+        a && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "h-icon w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );

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 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 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;AACzC,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,oBAAoBC;AAAA,QACnB;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,WAAWI,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAc;AAAA,EAC7B,WAAAN;AAAA,EACA,GAAGE;AACJ,GAAgC;AAC/B,SAAO,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;AACnD,QAAMO,IAAkBC,EAAM,IAAIC,CAAe,GAC3C,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaL,EAAgB,MAAMD,CAAK;AAEpE,SACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWV;AAAA,QACV;AAAA,QACAS,IAAW,kCAAkC;AAAA,QAC7Cd;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACC,OAAA,EAAI,WAAU,yEACd,UAAA,gBAAAV,EAAC,OAAA,EAAI,WAAU,2DAAA,CAA2D,EAAA,CAC3E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ;AAEO,SAASa,EAAkB,EAAE,GAAGd,KAAsC;AAC5E,SACC,gBAAAC,EAAC,SAAI,MAAK,aAAa,GAAGD,GACzB,UAAA,gBAAAC,EAACc,KAAM,EAAA,CACR;AAEF;"}
+{"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 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-icon 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;AACzC,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,oBAAoBC;AAAA,QACnB;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,WAAWI,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAc;AAAA,EAC7B,WAAAN;AAAA,EACA,GAAGE;AACJ,GAAgC;AAC/B,SAAO,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;AACnD,QAAMO,IAAkBC,EAAM,IAAIC,CAAe,GAC3C,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaL,EAAgB,MAAMD,CAAK;AAEpE,SACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWV;AAAA,QACV;AAAA,QACAS,IAAW,kCAAkC;AAAA,QAC7Cd;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACC,OAAA,EAAI,WAAU,yEACd,UAAA,gBAAAV,EAAC,OAAA,EAAI,WAAU,8DAAA,CAA8D,EAAA,CAC9E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ;AAEO,SAASa,EAAkB,EAAE,GAAGd,KAAsC;AAC5E,SACC,gBAAAC,EAAC,SAAI,MAAK,aAAa,GAAGD,GACzB,UAAA,gBAAAC,EAACc,KAAM,EAAA,CACR;AAEF;"}

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

@@ -1,7 +1,7 @@
-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";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { useFieldContext as m } from "../../utils/form-context.es.js";
+import { cn as r } from "../../utils/primitives.es.js";
+import { Button as o } from "../ui/button.es.js";
 function s({
   className: a,
   type: n,
@@ -17,19 +17,19 @@ function s({
         type: n,
         className: r(
           "h-input input file:border-0 file:bg-transparent grow file:body file:font-medium",
-          e ? "pl-8" : ""
+          e ? "pl-input" : ""
         ),
         ...l
       }
     ),
-    t && /* @__PURE__ */ i(m, { ...t, variant: "outline", size: "icon" })
+    t && /* @__PURE__ */ i(o, { ...t, variant: "neutral", size: "icon" })
   ] });
 }
 function g({
   disabled: a,
   ...n
 }) {
-  const e = o();
+  const e = m();
   return /* @__PURE__ */ i(
     s,
     {

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 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,OAAA,EAAI,WAAWC,EAAG,oCAAoCL,CAAS,GAC9D,UAAA;AAAA,IAAAE,KACA,gBAAAI,EAACJ,GAAA,EAAK,WAAU,kDAAA,CAAkD;AAAA,IAEnE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAAL;AAAA,QACA,WAAWI;AAAA,UACV;AAAA,UACAH,IAAO,SAAS;AAAA,QAAA;AAAA,QAEhB,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJD,uBACCI,GAAA,EAAQ,GAAGJ,GAAa,SAAS,WAAW,MAAM,OAAA,CAAQ;AAAA,EAAA,GAE7D;AAEF;AAEO,SAASK,EAAQ;AAAA,EACvB,UAAAC;AAAA,EACA,GAAGL;AACJ,GAAsE;AACrE,QAAMM,IAAQC,EAAA;AAEd,SACC,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,MAAA;AAAA,MAG7D,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"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\";\nimport type { ComponentType } from \"react\";\n\nexport type FilterComp<T> = ComponentType<{ value: T; onChange: (value: T) => void }>;\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-input\" : \"\",\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={\"neutral\"} 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\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":";;;;AAcO,SAASA,EAAM;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAe;AACd,2BACE,OAAA,EAAI,WAAWC,EAAG,oCAAoCL,CAAS,GAC9D,UAAA;AAAA,IAAAE,KACA,gBAAAI,EAACJ,GAAA,EAAK,WAAU,kDAAA,CAAkD;AAAA,IAEnE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAAL;AAAA,QACA,WAAWI;AAAA,UACV;AAAA,UACAH,IAAO,aAAa;AAAA,QAAA;AAAA,QAEpB,GAAGE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJD,uBACCI,GAAA,EAAQ,GAAGJ,GAAa,SAAS,WAAW,MAAM,OAAA,CAAQ;AAAA,EAAA,GAE7D;AAEF;AAEO,SAASK,EAAQ;AAAA,EACvB,UAAAC;AAAA,EACA,GAAGL;AACJ,GAAsE;AACrE,QAAMM,IAAQC,EAAA;AACd,SACC,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,MAAA;AAAA,MAG7D,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,8 +1,8 @@
-import { jsx as n, jsxs as d, Fragment as i } from "react/jsx-runtime";
+import { jsxs as d, Fragment as i, jsx as n } from "react/jsx-runtime";
 import { DropdownMenu as M, DropdownMenuTrigger as k, DropdownMenuContent as w, DropdownMenuGroup as S, DropdownMenuCheckboxItem as s } from "../ui/dropdown-menu.es.js";
-import { cn as x } from "../../utils/index.es.js";
-import { useFieldContext as B } from "../../utils/form-context.es.js";
-import j, { useCallback as h } from "react";
+import { useFieldContext as x } from "../../utils/form-context.es.js";
+import B, { useCallback as h } from "react";
+import { cn as j } from "../../utils/primitives.es.js";
 function A({
   options: r,
   value: l,
@@ -11,7 +11,7 @@ function A({
   className: m,
   ...u
 }) {
-  const f = j.useCallback(() => {
+  const f = B.useCallback(() => {
     const e = l ?? [];
     return r.filter((t) => e.includes(t.value)).map((t, C, D) => /* @__PURE__ */ d(i, { children: [
       t.label,
@@ -23,7 +23,7 @@ function A({
     a() ? c([]) : c(r.map((e) => e.value));
   }, p = h((e) => l.includes(e), [l]), a = h(() => l.length === r.length, [l, r]);
   return /* @__PURE__ */ n(i, { children: /* @__PURE__ */ d(M, { children: [
-    /* @__PURE__ */ n(k, { ...u, asChild: !0, children: /* @__PURE__ */ n("button", { ...u, className: x("btn-dropdown", m), children: o || f() }) }),
+    /* @__PURE__ */ n(k, { ...u, asChild: !0, children: /* @__PURE__ */ n("button", { ...u, className: j("btn-dropdown", m), children: o || f() }) }),
     /* @__PURE__ */ n(w, { children: /* @__PURE__ */ d(S, { children: [
       /* @__PURE__ */ n(
         s,
@@ -52,7 +52,7 @@ function A({
   ] }) });
 }
 function I({ ...r }) {
-  const l = B();
+  const l = x();
   return /* @__PURE__ */ n(
     A,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuTrigger,\n} 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[]>\n\textends Omit<\n\t\tReact.ComponentProps<\"button\">,\n\t\t\"value\" | \"values\" | \"defaultValue\"\n\t> {\n\tvalue: V;\n\tsetValue: (v: V) => void;\n\tbuttonLabel?: React.ReactNode;\n\toptions: {\n\t\tvalue: string;\n\t\tlabel: React.ReactElement;\n\t\tdisabled?: boolean;\n\t}[];\n}\n\nexport interface MultiSelectProps extends SelectionProps<string[]> { }\n\nexport function MultiSelect({\n\toptions,\n\tvalue,\n\tsetValue,\n\tbuttonLabel,\n\tclassName,\n\t...props\n}: MultiSelectProps) {\n\t// Returns an array of labels for every value that’s currently selected.\n\t// If nothing is selected, it returns an empty array.\n\tconst defaultButtonLabel = React.useCallback(() => {\n\t\tconst selected = value ?? [];\n\t\treturn options\n\t\t\t.filter((o) => selected.includes(o.value))\n\t\t\t.map((o, i, arr) => (\n\t\t\t\t<>\n\t\t\t\t\t{o.label}\n\t\t\t\t\t{i + 1 !== arr.length && <>, </>}\n\t\t\t\t</>\n\t\t\t));\n\t}, [value]);\n\n\tconst toggleValue = (v: string) => {\n\t\tvalue.includes(v)\n\t\t\t? setValue([...value.filter((vx) => vx !== v)])\n\t\t\t: setValue([...value, v]);\n\t};\n\n\t// Select/deselect all\n\tconst toggleAll = () => {\n\t\tareAllSelected() ? setValue([]) : setValue(options.map((opt) => opt.value));\n\t};\n\n\tconst isChecked = useCallback((v: string) => value.includes(v), [value]);\n\n\tconst areAllSelected = useCallback(() => {\n\t\treturn value.length === options.length;\n\t}, [value, options]);\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger {...props} asChild>\n\t\t\t\t\t<button {...props} className={cn(\"btn-dropdown\", className)}>\n\t\t\t\t\t\t{buttonLabel ? buttonLabel : defaultButtonLabel()}\n\t\t\t\t\t</button>\n\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t<DropdownMenuContent>\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\tclassName=\"italic\"\n\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\ttoggleAll();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tchecked={areAllSelected()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t(Select all)\n\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t{options.map((opt) => (\n\t\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\t\t// Don't close the popover when selecting items\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\ttoggleValue(opt.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\tdisabled={opt.disabled}\n\t\t\t\t\t\t\t\tchecked={isChecked(opt.value)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n};\n\nexport interface TfMultiSelectProps\n\textends Omit<MultiSelectProps, \"value\" | \"setValue\"> { }\nexport function TfMultiSelect({ ...props }: TfMultiSelectProps) {\n\tconst field = useFieldContext<string[]>();\n\n\treturn (\n\t\t<MultiSelect\n\t\t\tvalue={field.state.value}\n\t\t\tsetValue={field.setValue}\n\t\t\tonBlur={field.handleBlur}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["MultiSelect","options","value","setValue","buttonLabel","className","props","defaultButtonLabel","React","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":";;;;;AA4BO,SAASA,EAAY;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AAGpB,QAAMC,IAAqBC,EAAM,YAAY,MAAM;AAClD,UAAMC,IAAWP,KAAS,CAAA;AAC1B,WAAOD,EACL,OAAO,CAACS,MAAMD,EAAS,SAASC,EAAE,KAAK,CAAC,EACxC,IAAI,CAACA,GAAGC,GAAGC,MACX,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAAJ,EAAE;AAAA,MACFC,IAAI,MAAMC,EAAI,iCAAY,UAAA,KAAA,CAAE;AAAA,IAAA,EAAA,CAC9B,CACA;AAAA,EAAA,GACA,CAACV,CAAK,CAAC,GAEJa,IAAc,CAACC,MAAc;AAClC,IAAAd,EAAM,SAASc,CAAC,IACbb,EAAS,CAAC,GAAGD,EAAM,OAAO,CAACe,MAAOA,MAAOD,CAAC,CAAC,CAAC,IAC5Cb,EAAS,CAAC,GAAGD,GAAOc,CAAC,CAAC;AAAA,EAAA,GAIpBE,IAAY,MAAM;AACvB,IAAAC,MAAmBhB,EAAS,CAAA,CAAE,IAAIA,EAASF,EAAQ,IAAI,CAACmB,MAAQA,EAAI,KAAK,CAAC;AAAA,EAAA,GAGrEC,IAAYC,EAAY,CAACN,MAAcd,EAAM,SAASc,CAAC,GAAG,CAACd,CAAK,CAAC,GAEjEiB,IAAiBG,EAAY,MAC3BpB,EAAM,WAAWD,EAAQ,QAC9B,CAACC,GAAOD,CAAO,CAAC;AAEnB,SACC,gBAAAsB,EAAAT,GAAA,EACC,4BAACU,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAqB,GAAGnB,GAAO,SAAO,IACtC,UAAA,gBAAAiB,EAAC,YAAQ,GAAGjB,GAAO,WAAWoB,EAAG,gBAAgBrB,CAAS,GACxD,eAA4BE,KAC9B,GACD;AAAA,IACA,gBAAAgB,EAACI,GAAA,EACA,UAAA,gBAAAd,EAACe,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,UAAU,CAAC,MAAM;AAChB,cAAE,eAAA,GACFX,EAAA;AAAA,UAAU;AAAA,UAEX,SAASC,EAAA;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAlB,EAAQ,IAAI,CAACmB,MACb,gBAAAG;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,UAAU,CAACC,MAAM;AAEhB,YAAAA,EAAE,eAAA,GACFf,EAAYK,EAAI,KAAK;AAAA,UAAA;AAAA,UAGtB,UAAUA,EAAI;AAAA,UACd,SAASC,EAAUD,EAAI,KAAK;AAAA,UAE3B,UAAAA,EAAI;AAAA,QAAA;AAAA,QAJAA,EAAI;AAAA,MAAA,CAMV;AAAA,IAAA,EAAA,CACF,EAAA,CACD;AAAA,EAAA,EAAA,CACD,EAAA,CACD;AAEF;AAIO,SAASW,EAAc,EAAE,GAAGzB,KAA6B;AAC/D,QAAM0B,IAAQC,EAAA;AAEd,SACC,gBAAAV;AAAA,IAACvB;AAAA,IAAA;AAAA,MACA,OAAOgC,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAG1B;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuTrigger,\n} 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[]>\n\textends Omit<\n\t\tReact.ComponentProps<\"button\">,\n\t\t\"value\" | \"values\" | \"defaultValue\"\n\t> {\n\tvalue: V;\n\tsetValue: (v: V) => void;\n\tbuttonLabel?: React.ReactNode;\n\toptions: {\n\t\tvalue: string;\n\t\tlabel: React.ReactElement;\n\t\tdisabled?: boolean;\n\t}[];\n}\n\nexport interface MultiSelectProps extends SelectionProps<string[]> { }\n\nexport function MultiSelect({\n\toptions,\n\tvalue,\n\tsetValue,\n\tbuttonLabel,\n\tclassName,\n\t...props\n}: MultiSelectProps) {\n\t// Returns an array of labels for every value that’s currently selected.\n\t// If nothing is selected, it returns an empty array.\n\tconst defaultButtonLabel = React.useCallback(() => {\n\t\tconst selected = value ?? [];\n\t\treturn options\n\t\t\t.filter((o) => selected.includes(o.value))\n\t\t\t.map((o, i, arr) => (\n\t\t\t\t<>\n\t\t\t\t\t{o.label}\n\t\t\t\t\t{i + 1 !== arr.length && <>, </>}\n\t\t\t\t</>\n\t\t\t));\n\t}, [value]);\n\n\tconst toggleValue = (v: string) => {\n\t\tvalue.includes(v)\n\t\t\t? setValue([...value.filter((vx) => vx !== v)])\n\t\t\t: setValue([...value, v]);\n\t};\n\n\t// Select/deselect all\n\tconst toggleAll = () => {\n\t\tareAllSelected() ? setValue([]) : setValue(options.map((opt) => opt.value));\n\t};\n\n\tconst isChecked = useCallback((v: string) => value.includes(v), [value]);\n\n\tconst areAllSelected = useCallback(() => {\n\t\treturn value.length === options.length;\n\t}, [value, options]);\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger {...props} asChild>\n\t\t\t\t\t<button {...props} className={cn(\"btn-dropdown\", className)}>\n\t\t\t\t\t\t{buttonLabel ? buttonLabel : defaultButtonLabel()}\n\t\t\t\t\t</button>\n\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t<DropdownMenuContent>\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\tclassName=\"italic\"\n\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\ttoggleAll();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tchecked={areAllSelected()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t(Select all)\n\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t{options.map((opt) => (\n\t\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\t\t// Don't close the popover when selecting items\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\ttoggleValue(opt.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\tdisabled={opt.disabled}\n\t\t\t\t\t\t\t\tchecked={isChecked(opt.value)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n};\n\nexport interface TfMultiSelectProps\n\textends Omit<MultiSelectProps, \"value\" | \"setValue\"> { }\nexport function TfMultiSelect({ ...props }: TfMultiSelectProps) {\n\tconst field = useFieldContext<string[]>();\n\n\treturn (\n\t\t<MultiSelect\n\t\t\tvalue={field.state.value}\n\t\t\tsetValue={field.setValue}\n\t\t\tonBlur={field.handleBlur}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["MultiSelect","options","value","setValue","buttonLabel","className","props","defaultButtonLabel","React","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":";;;;;AA4BO,SAASA,EAAY;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AAGpB,QAAMC,IAAqBC,EAAM,YAAY,MAAM;AAClD,UAAMC,IAAWP,KAAS,CAAA;AAC1B,WAAOD,EACL,OAAO,CAACS,MAAMD,EAAS,SAASC,EAAE,KAAK,CAAC,EACxC,IAAI,CAACA,GAAGC,GAAGC,MACX,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAAJ,EAAE;AAAA,MACFC,IAAI,MAAMC,EAAI,iCAAY,UAAA,KAAA,CAAE;AAAA,IAAA,EAAA,CAC9B,CACA;AAAA,EACH,GAAG,CAACV,CAAK,CAAC,GAEJa,IAAc,CAACC,MAAc;AAClC,IAAAd,EAAM,SAASc,CAAC,IACbb,EAAS,CAAC,GAAGD,EAAM,OAAO,CAACe,MAAOA,MAAOD,CAAC,CAAC,CAAC,IAC5Cb,EAAS,CAAC,GAAGD,GAAOc,CAAC,CAAC;AAAA,EAC1B,GAGME,IAAY,MAAM;AACvB,IAAAC,MAAmBhB,EAAS,CAAA,CAAE,IAAIA,EAASF,EAAQ,IAAI,CAACmB,MAAQA,EAAI,KAAK,CAAC;AAAA,EAC3E,GAEMC,IAAYC,EAAY,CAACN,MAAcd,EAAM,SAASc,CAAC,GAAG,CAACd,CAAK,CAAC,GAEjEiB,IAAiBG,EAAY,MAC3BpB,EAAM,WAAWD,EAAQ,QAC9B,CAACC,GAAOD,CAAO,CAAC;AAEnB,SACC,gBAAAsB,EAAAT,GAAA,EACC,4BAACU,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAqB,GAAGnB,GAAO,SAAO,IACtC,UAAA,gBAAAiB,EAAC,YAAQ,GAAGjB,GAAO,WAAWoB,EAAG,gBAAgBrB,CAAS,GACxD,eAA4BE,KAC9B,GACD;AAAA,IACA,gBAAAgB,EAACI,GAAA,EACA,UAAA,gBAAAd,EAACe,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,UAAU,CAAC,MAAM;AAChB,cAAE,eAAA,GACFX,EAAA;AAAA,UACD;AAAA,UACA,SAASC,EAAA;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAlB,EAAQ,IAAI,CAACmB,MACb,gBAAAG;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,UAAU,CAACC,MAAM;AAEhB,YAAAA,EAAE,eAAA,GACFf,EAAYK,EAAI,KAAK;AAAA,UACtB;AAAA,UAEA,UAAUA,EAAI;AAAA,UACd,SAASC,EAAUD,EAAI,KAAK;AAAA,UAE3B,UAAAA,EAAI;AAAA,QAAA;AAAA,QAJAA,EAAI;AAAA,MAAA,CAMV;AAAA,IAAA,EAAA,CACF,EAAA,CACD;AAAA,EAAA,EAAA,CACD,EAAA,CACD;AAEF;AAIO,SAASW,EAAc,EAAE,GAAGzB,KAA6B;AAC/D,QAAM0B,IAAQC,EAAA;AAEd,SACC,gBAAAV;AAAA,IAACvB;AAAA,IAAA;AAAA,MACA,OAAOgC,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAG1B;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/inputs/radio-group.es.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Root as t, Item as c, Indicator as s } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.7_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-radio-group/dist/index.es.js";
-import { cn as i } from "../../utils/index.es.js";
 import { Check as n } from "lucide-react";
+import { cn as i } from "../../utils/primitives.es.js";
 function u({
   className: o,
   ...r

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

@@ -1 +1 @@
-{"version":3,"file":"search-input.es.js","sources":["../../../lib/components/inputs/search-input.tsx"],"sourcesContent":["\"use client\";\nimport { Input, type InputProps } from \"@/components/inputs/input\";\nimport { Search, X } from \"lucide-react\"; // Assuming LucideIcon is the type of your icons\nimport type React from \"react\";\nimport { useState } from \"react\";\n\ninterface SearchInputProps extends Omit<InputProps, \"onChange\"> {\n\tonChange?: (value: string) => void; // Function to handle input value changes\n}\n\nexport function SearchInput({\n\tonChange,\n\t...props\n}: SearchInputProps) {\n\tconst [value, setValue] = useState<string>(\"\");\n\n\tconst handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = event.target.value;\n\t\tsetValue(newValue);\n\t\tonChange?.(newValue); // Call the custom onChange handler with the new value\n\t};\n\n\tconst handleClearClick = () => {\n\t\tsetValue(\"\");\n\t\tonChange?.(\"\"); // Notify the parent that the input has been cleared\n\t};\n\n\treturn (\n\t\t<Input\n\t\t\ticon={Search}\n\t\t\t{...props}\n\t\t\tvalue={value}\n\t\t\tonChange={handleInputChange} // Use the internal handler\n\t\t\tbuttonProps={{\n\t\t\t\tonClick: handleClearClick,\n\t\t\t\ticon: () => X,\n\t\t\t}}\n\t\t/>\n\t);\n};\n"],"names":["SearchInput","onChange","props","value","setValue","useState","jsx","Input","Search","event","newValue","X"],"mappings":";;;;;AAUO,SAASA,EAAY;AAAA,EAC3B,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AACpB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE;AAa7C,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAMC;AAAA,MACL,GAAGN;AAAA,MACJ,OAAAC;AAAA,MACA,UAhBwB,CAACM,MAA+C;AACzE,cAAMC,IAAWD,EAAM,OAAO;AAC9B,QAAAL,EAASM,CAAQ,GACjBT,KAAA,QAAAA,EAAWS;AAAA,MAAQ;AAAA,MAclB,aAAa;AAAA,QACZ,SAZsB,MAAM;AAC9B,UAAAN,EAAS,EAAE,GACXH,KAAA,QAAAA,EAAW;AAAA,QAAE;AAAA,QAWX,MAAM,MAAMU;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"search-input.es.js","sources":["../../../lib/components/inputs/search-input.tsx"],"sourcesContent":["\"use client\";\nimport { Input, type InputProps } from \"@/components/inputs/input\";\nimport { Search, X } from \"lucide-react\"; // Assuming LucideIcon is the type of your icons\nimport type React from \"react\";\nimport { useState } from \"react\";\n\ninterface SearchInputProps extends Omit<InputProps, \"onChange\"> {\n\tonChange?: (value: string) => void; // Function to handle input value changes\n}\n\nexport function SearchInput({\n\tonChange,\n\t...props\n}: SearchInputProps) {\n\tconst [value, setValue] = useState<string>(\"\");\n\n\tconst handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = event.target.value;\n\t\tsetValue(newValue);\n\t\tonChange?.(newValue); // Call the custom onChange handler with the new value\n\t};\n\n\tconst handleClearClick = () => {\n\t\tsetValue(\"\");\n\t\tonChange?.(\"\"); // Notify the parent that the input has been cleared\n\t};\n\n\treturn (\n\t\t<Input\n\t\t\ticon={Search}\n\t\t\t{...props}\n\t\t\tvalue={value}\n\t\t\tonChange={handleInputChange} // Use the internal handler\n\t\t\tbuttonProps={{\n\t\t\t\tonClick: handleClearClick,\n\t\t\t\ticon: () => X,\n\t\t\t}}\n\t\t/>\n\t);\n};\n"],"names":["SearchInput","onChange","props","value","setValue","useState","jsx","Input","Search","event","newValue","X"],"mappings":";;;;;AAUO,SAASA,EAAY;AAAA,EAC3B,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AACpB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE;AAa7C,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAMC;AAAA,MACL,GAAGN;AAAA,MACJ,OAAAC;AAAA,MACA,UAhBwB,CAACM,MAA+C;AACzE,cAAMC,IAAWD,EAAM,OAAO;AAC9B,QAAAL,EAASM,CAAQ,GACjBT,KAAA,QAAAA,EAAWS;AAAA,MACZ;AAAA,MAaE,aAAa;AAAA,QACZ,SAZsB,MAAM;AAC9B,UAAAN,EAAS,EAAE,GACXH,KAAA,QAAAA,EAAW;AAAA,QACZ;AAAA,QAUG,MAAM,MAAMU;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGH;"}

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as e, Fragment as c, jsxs as m } from "react/jsx-runtime";
-import { cn as s } from "../../utils/index.es.js";
-import { useFieldContext as f } from "../../utils/form-context.es.js";
-import * as h from "react";
-import { DropdownMenu as p, DropdownMenuTrigger as g, DropdownMenuContent as w, DropdownMenuRadioGroup as C, DropdownMenuRadioItem as D } from "../ui/dropdown-menu.es.js";
+import { useFieldContext as s } from "../../utils/form-context.es.js";
+import * as f from "react";
+import { DropdownMenu as h, DropdownMenuTrigger as p, DropdownMenuContent as g, DropdownMenuRadioGroup as w, DropdownMenuRadioItem as C } from "../ui/dropdown-menu.es.js";
+import { cn as D } from "../../utils/primitives.es.js";
 function M({
   value: r,
   setValue: l,
@@ -12,14 +12,14 @@ function M({
   buttonLabel: t,
   ...u
 }) {
-  const d = h.useCallback(() => {
+  const d = f.useCallback(() => {
     var n;
     return (n = o.find((i) => i.value === r)) == null ? void 0 : n.label;
   }, [r]);
-  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ e(g, { ...u, asChild: !0, children: /* @__PURE__ */ e("button", { className: s("btn-dropdown", a), ...u, children: t || d() }) }),
-    /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(C, { value: r, children: o.map((n) => /* @__PURE__ */ e(
-      D,
+  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ m(h, { children: [
+    /* @__PURE__ */ e(p, { ...u, asChild: !0, children: /* @__PURE__ */ e("button", { className: D("btn-dropdown", a), ...u, children: t || d() }) }),
+    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(w, { value: r, children: o.map((n) => /* @__PURE__ */ e(
+      C,
       {
         onSelect: () => {
           l(n.value);
@@ -31,7 +31,7 @@ function M({
   ] }) });
 }
 function B({ ...r }) {
-  const l = f();
+  const l = s();
   return /* @__PURE__ */ e(
     M,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\";\nimport type { SelectionProps } from \"@/components/inputs/multi-select\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuTrigger,\n} from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport * as React from \"react\";\n\nexport interface SingleSelectProps extends SelectionProps<string> { }\n\nexport function SingleSelect({\n\tvalue,\n\tsetValue,\n\toptions,\n\tclassName,\n\tbuttonLabel,\n\t...props\n}: SingleSelectProps) {\n\tconst defaultButtonLabel = React.useCallback(() => {\n\t\treturn options.find((o) => o.value === value)?.label;\n\t}, [value]);\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger {...props} asChild>\n\t\t\t\t\t<button className={cn(\"btn-dropdown\", className)} {...props}>\n\t\t\t\t\t\t{buttonLabel ? buttonLabel : defaultButtonLabel()}\n\t\t\t\t\t</button>\n\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t<DropdownMenuContent>\n\t\t\t\t\t<DropdownMenuRadioGroup value={value}>\n\t\t\t\t\t\t{options.map((opt) => (\n\t\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\t\tonSelect={() => {\n\t\t\t\t\t\t\t\t\tsetValue(opt.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</DropdownMenuRadioItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DropdownMenuRadioGroup>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n\nexport interface TfSingleSelectProps\n\textends Omit<SingleSelectProps, \"value\" | \"setValue\"> { }\nexport function TfSingleSelect({ ...props }: TfSingleSelectProps) {\n\tconst field = useFieldContext<string>();\n\n\treturn (\n\t\t<SingleSelect\n\t\t\tvalue={field.state.value}\n\t\t\tsetValue={field.handleChange}\n\t\t\tonBlur={field.handleBlur}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["SingleSelect","value","setValue","options","className","buttonLabel","props","defaultButtonLabel","React","_a","o","jsx","Fragment","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuRadioGroup","opt","DropdownMenuRadioItem","TfSingleSelect","field","useFieldContext"],"mappings":";;;;;;AAeO,SAASA,EAAa;AAAA,EAC5B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAsB;AACrB,QAAMC,IAAqBC,EAAM,YAAY,MAAM;;AAClD,YAAOC,IAAAN,EAAQ,KAAK,CAACO,MAAMA,EAAE,UAAUT,CAAK,MAArC,gBAAAQ,EAAwC;AAAA,EAAA,GAC7C,CAACR,CAAK,CAAC;AAEV,SACC,gBAAAU,EAAAC,GAAA,EACC,4BAACC,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAF,EAACG,KAAqB,GAAGR,GAAO,SAAO,IACtC,UAAA,gBAAAK,EAAC,YAAO,WAAWI,EAAG,gBAAgBX,CAAS,GAAI,GAAGE,GACpD,eAA4BC,KAC9B,GACD;AAAA,IACA,gBAAAI,EAACK,KACA,UAAA,gBAAAL,EAACM,GAAA,EAAuB,OAAAhB,GACtB,UAAAE,EAAQ,IAAI,CAACe,MACb,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QACA,UAAU,MAAM;AACf,UAAAjB,EAASgB,EAAI,KAAK;AAAA,QAAA;AAAA,QAEnB,OAAOA,EAAI;AAAA,QAEV,UAAAA,EAAI;AAAA,MAAA;AAAA,IAAA,CAEN,GACF,EAAA,CACD;AAAA,EAAA,EAAA,CACD,EAAA,CACD;AAEF;AAIO,SAASE,EAAe,EAAE,GAAGd,KAA8B;AACjE,QAAMe,IAAQC,EAAA;AAEd,SACC,gBAAAX;AAAA,IAACX;AAAA,IAAA;AAAA,MACA,OAAOqB,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAGf;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\";\nimport type { SelectionProps } from \"@/components/inputs/multi-select\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuTrigger,\n} from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport * as React from \"react\";\n\nexport interface SingleSelectProps extends SelectionProps<string> { }\n\nexport function SingleSelect({\n\tvalue,\n\tsetValue,\n\toptions,\n\tclassName,\n\tbuttonLabel,\n\t...props\n}: SingleSelectProps) {\n\tconst defaultButtonLabel = React.useCallback(() => {\n\t\treturn options.find((o) => o.value === value)?.label;\n\t}, [value]);\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger {...props} asChild>\n\t\t\t\t\t<button className={cn(\"btn-dropdown\", className)} {...props}>\n\t\t\t\t\t\t{buttonLabel ? buttonLabel : defaultButtonLabel()}\n\t\t\t\t\t</button>\n\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t<DropdownMenuContent>\n\t\t\t\t\t<DropdownMenuRadioGroup value={value}>\n\t\t\t\t\t\t{options.map((opt) => (\n\t\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\t\tonSelect={() => {\n\t\t\t\t\t\t\t\t\tsetValue(opt.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</DropdownMenuRadioItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DropdownMenuRadioGroup>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n\nexport interface TfSingleSelectProps\n\textends Omit<SingleSelectProps, \"value\" | \"setValue\"> { }\nexport function TfSingleSelect({ ...props }: TfSingleSelectProps) {\n\tconst field = useFieldContext<string>();\n\n\treturn (\n\t\t<SingleSelect\n\t\t\tvalue={field.state.value}\n\t\t\tsetValue={field.handleChange}\n\t\t\tonBlur={field.handleBlur}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["SingleSelect","value","setValue","options","className","buttonLabel","props","defaultButtonLabel","React","_a","o","jsx","Fragment","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuRadioGroup","opt","DropdownMenuRadioItem","TfSingleSelect","field","useFieldContext"],"mappings":";;;;;;AAeO,SAASA,EAAa;AAAA,EAC5B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAsB;AACrB,QAAMC,IAAqBC,EAAM,YAAY,MAAM;;AAClD,YAAOC,IAAAN,EAAQ,KAAK,CAACO,MAAMA,EAAE,UAAUT,CAAK,MAArC,gBAAAQ,EAAwC;AAAA,EAChD,GAAG,CAACR,CAAK,CAAC;AAEV,SACC,gBAAAU,EAAAC,GAAA,EACC,4BAACC,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAF,EAACG,KAAqB,GAAGR,GAAO,SAAO,IACtC,UAAA,gBAAAK,EAAC,YAAO,WAAWI,EAAG,gBAAgBX,CAAS,GAAI,GAAGE,GACpD,eAA4BC,KAC9B,GACD;AAAA,IACA,gBAAAI,EAACK,KACA,UAAA,gBAAAL,EAACM,GAAA,EAAuB,OAAAhB,GACtB,UAAAE,EAAQ,IAAI,CAACe,MACb,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QACA,UAAU,MAAM;AACf,UAAAjB,EAASgB,EAAI,KAAK;AAAA,QACnB;AAAA,QACA,OAAOA,EAAI;AAAA,QAEV,UAAAA,EAAI;AAAA,MAAA;AAAA,IAAA,CAEN,GACF,EAAA,CACD;AAAA,EAAA,EAAA,CACD,EAAA,CACD;AAEF;AAIO,SAASE,EAAe,EAAE,GAAGd,KAA8B;AACjE,QAAMe,IAAQC,EAAA;AAEd,SACC,gBAAAX;AAAA,IAACX;AAAA,IAAA;AAAA,MACA,OAAOqB,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAGf;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,14 +1,14 @@
 import { jsx as n } from "react/jsx-runtime";
-import { cn as i } from "../../utils/index.es.js";
-import { useFieldContext as o } from "../../utils/form-context.es.js";
+import { useFieldContext as i } from "../../utils/form-context.es.js";
+import { cn as o } from "../../utils/primitives.es.js";
 function u({
   className: t,
   ...a
 }) {
-  return /* @__PURE__ */ n("textarea", { className: i("flex input min-h-input", t), ...a });
+  return /* @__PURE__ */ n("textarea", { className: o("flex input min-h-input", t), ...a });
 }
 function s({ disabled: t, ...a }) {
-  const e = o();
+  const e = i();
   return /* @__PURE__ */ n(
     u,
     {

package/dist/components/key-value-card/key-value-card.es.js

@@ -1,13 +1,10 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Badge as d } from "../ui/badge.es.js";
-import "react";
-import "../../utils/form-context.es.js";
-import "../../utils/form-hook.es.js";
 import { Card as i, CardHeader as f, CardTitle as m, CardContent as h } from "../ui/card.es.js";
 import { Skeleton as x } from "../ui/skeleton.es.js";
-import { CopyButton as u } from "../ui/copy-button.es.js";
-import { FormatDate as y } from "../data-table/table-utils/date.es.js";
-const S = ({
+import { formatDate as u } from "../data-table/table-commons.es.js";
+import { CopyButton as y } from "../ui/copy-button.es.js";
+const B = ({
   data: c,
   label: o,
   fields: l
@@ -22,10 +19,10 @@ const S = ({
       case "copyButton":
         return /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
           r,
-          /* @__PURE__ */ e(u, { value: r })
+          /* @__PURE__ */ e(y, { value: r })
         ] });
       case "date":
-        return /* @__PURE__ */ e("span", { children: y(r) });
+        return /* @__PURE__ */ e("span", { children: u(r) });
       case "yesno":
         return /* @__PURE__ */ e("span", { children: r ? "Yes" : "No" });
       case "badge":
@@ -58,6 +55,6 @@ const S = ({
   ] });
 };
 export {
-  S as KeyValueCard
+  B as KeyValueCard
 };
 //# sourceMappingURL=key-value-card.es.js.map

package/dist/components/key-value-card/key-value-card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-card.es.js","sources":["../../../lib/components/key-value-card/key-value-card.tsx"],"sourcesContent":["import { Badge } from \"@/components/ui/badge\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n\tCopyButton,\n\tFormatDate,\n\tSkeleton,\n} from \"@/index\";\n\n// Utility type to handle nested keys (dot notation) in any object\ntype NestedKeyOf<T> = T extends object\n\t? {\n\t\t\t[K in keyof T]: K extends string | number\n\t\t\t\t? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}`\n\t\t\t\t: never;\n\t\t}[keyof T]\n\t: never;\n\n// DisplayField type that works with nested keys\nexport type DisplayField<T> = {\n\tdisplay: string;\n\taccessor: NestedKeyOf<T>;\n\ttype?:\n\t\t| \"text\"\n\t\t| \"badge\"\n\t\t| \"boolean\"\n\t\t| \"date\"\n\t\t| \"yesno\"\n\t\t| \"copyButton\"\n\t\t| \"link\"; // Field types\n\ttransform?: (value: any) => React.ReactNode;\n};\n\nexport interface KeyValueCardProps<T> {\n\tdata: T; // Ensure data is of type T\n\tlabel: string;\n\tfields: DisplayField<T>[];\n\tclassName?: string;\n}\n\nexport const KeyValueCard = <T extends {}>({\n\tdata,\n\tlabel,\n\tfields,\n}: KeyValueCardProps<T>) => {\n\tconst renderValue = (field: DisplayField<T>, value: any) => {\n\t\tif (field.transform) {\n\t\t\treturn field.transform(value);\n\t\t}\n\t\tif (value === undefined || value === null) {\n\t\t\treturn \"-\";\n\t\t}\n\t\tswitch (field.type) {\n\t\t\tcase \"link\":\n\t\t\t// return <Link to={value}>{value}</Link>;\n\t\t\tcase \"copyButton\":\n\t\t\t\treturn (\n\t\t\t\t\t<span className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{value}\n\t\t\t\t\t\t<CopyButton value={value} />\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\tcase \"date\":\n\t\t\t\treturn <span>{FormatDate(value)}</span>;\n\t\t\tcase \"yesno\":\n\t\t\t\treturn <span>{value ? \"Yes\" : \"No\"}</span>;\n\t\t\tcase \"badge\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"flex flex-wrap gap-1\">\n\t\t\t\t\t\t{Array.isArray(value)\n\t\t\t\t\t\t\t? value.map((item, index) => (\n\t\t\t\t\t\t\t\t\t<Badge key={index}>\n\t\t\t\t\t\t\t\t\t\t{typeof item === \"object\" ? item?.name || item?.id : item}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t: value}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\n\t\t\tcase \"boolean\":\n\t\t\t\treturn <span>{value.toString()}</span>;\n\t\t\tdefault:\n\t\t\t\treturn <span>{value}</span>;\n\t\t}\n\t};\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>{label}</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t\t{data\n\t\t\t\t\t\t? fields.map((field) => {\n\t\t\t\t\t\t\t\t// TODO: improve this\n\t\t\t\t\t\t\t\tconst value = field.accessor\n\t\t\t\t\t\t\t\t\t? field.accessor\n\t\t\t\t\t\t\t\t\t\t\t.split(\".\")\n\t\t\t\t\t\t\t\t\t\t\t.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t(obj, key) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tobj && key in obj ? obj[key] : undefined,\n\t\t\t\t\t\t\t\t\t\t\t\tdata as Record<string, any>,\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: null;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={field.display}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<p className=\"text-sm flex w-full justify-start col-span-1\">\n\t\t\t\t\t\t\t\t\t\t\t{field.display}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<div className=\"text-sm flex w-full justify-start text-wrap break-all\">\n\t\t\t\t\t\t\t\t\t\t\t{renderValue(field, value)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: fields.map((_, index) => (\n\t\t\t\t\t\t\t\t<Skeleton key={index} className=\"h-12 w-full\" />\n\t\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n};\n"],"names":["KeyValueCard","data","label","fields","renderValue","field","value","jsxs","jsx","CopyButton","FormatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","_","Skeleton"],"mappings":";;;;;;;;;AA0CO,MAAMA,IAAe,CAAe;AAAA,EAC1C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACD,MAA4B;AAC3B,QAAMC,IAAc,CAACC,GAAwBC,MAAe;AAC3D,QAAID,EAAM;AACT,aAAOA,EAAM,UAAUC,CAAK;AAE7B,QAA2BA,KAAU;AACpC,aAAO;AAER,YAAQD,EAAM,MAAA;AAAA,MACb,KAAK;AAAA,MAEL,KAAK;AACJ,eACC,gBAAAE,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,UAAAD;AAAA,UACD,gBAAAE,EAACC,KAAW,OAAAH,EAAA,CAAc;AAAA,QAAA,GAC3B;AAAA,MAEF,KAAK;AACJ,eAAO,gBAAAE,EAAC,QAAA,EAAM,UAAAE,EAAWJ,CAAK,GAAE;AAAA,MACjC,KAAK;AACJ,eAAO,gBAAAE,EAAC,QAAA,EAAM,UAAAF,IAAQ,QAAQ,MAAK;AAAA,MACpC,KAAK;AACJ,eACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,MAAM,QAAQF,CAAK,IACjBA,EAAM,IAAI,CAACK,GAAMC,wBAChBC,GAAA,EACC,UAAA,OAAOF,KAAS,YAAWA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM,MAAKA,EAAA,GAD1CC,CAEZ,CACA,IACAN,EAAA,CACJ;AAAA,MAGF,KAAK;AACJ,eAAO,gBAAAE,EAAC,QAAA,EAAM,UAAAF,EAAM,SAAA,GAAW;AAAA,MAChC;AACC,eAAO,gBAAAE,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,IAAA;AAAA,EACtB;AAGD,2BACEQ,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAA,EACA,UAAA,gBAAAP,EAACQ,GAAA,EAAW,UAAAd,EAAA,CAAM,GACnB;AAAA,IACA,gBAAAM,EAACS,GAAA,EACA,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAU,uBACb,UAAAP,IACEE,EAAO,IAAI,CAACE,MAAU;AAEtB,YAAMC,IAAQD,EAAM,WACjBA,EAAM,SACL,MAAM,GAAG,EACT;AAAA,QACA,CAACa,GAAKC,MACLD,KAAOC,KAAOD,IAAMA,EAAIC,CAAG,IAAI;AAAA,QAChClB;AAAA,MAAA,IAED;AAEH,aACC,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,gDACX,UAAAH,EAAM,SACR;AAAA,8BACC,OAAA,EAAI,WAAU,yDACb,UAAAD,EAAYC,GAAOC,CAAK,EAAA,CAC1B;AAAA,UAAA;AAAA,QAAA;AAAA,QARKD,EAAM;AAAA,MAAA;AAAA,IASZ,CAED,IACAF,EAAO,IAAI,CAACiB,GAAGR,MACf,gBAAAJ,EAACa,GAAA,EAAqB,WAAU,cAAA,GAAjBT,CAA+B,CAC9C,GACJ,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}
+{"version":3,"file":"key-value-card.es.js","sources":["../../../lib/components/key-value-card/key-value-card.tsx"],"sourcesContent":["import { Badge } from \"@/components/ui/badge\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n\tCopyButton,\n\tformatDate,\n\tSkeleton,\n} from \"@/index\";\n\n// Utility type to handle nested keys (dot notation) in any object\ntype NestedKeyOf<T> = T extends object\n\t? {\n\t\t[K in keyof T]: K extends string | number\n\t\t? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}`\n\t\t: never;\n\t}[keyof T]\n\t: never;\n\n// DisplayField type that works with nested keys\nexport type DisplayField<T> = {\n\tdisplay: string;\n\taccessor: NestedKeyOf<T>;\n\ttype?:\n\t| \"text\"\n\t| \"badge\"\n\t| \"boolean\"\n\t| \"date\"\n\t| \"yesno\"\n\t| \"copyButton\"\n\t| \"link\"; // Field types\n\ttransform?: (value: any) => React.ReactNode;\n};\n\nexport interface KeyValueCardProps<T> {\n\tdata: T; // Ensure data is of type T\n\tlabel: string;\n\tfields: DisplayField<T>[];\n\tclassName?: string;\n}\n\nexport const KeyValueCard = <T extends {}>({\n\tdata,\n\tlabel,\n\tfields,\n}: KeyValueCardProps<T>) => {\n\tconst renderValue = (field: DisplayField<T>, value: any) => {\n\t\tif (field.transform) {\n\t\t\treturn field.transform(value);\n\t\t}\n\t\tif (value === undefined || value === null) {\n\t\t\treturn \"-\";\n\t\t}\n\t\tswitch (field.type) {\n\t\t\tcase \"link\":\n\t\t\t// return <Link to={value}>{value}</Link>;\n\t\t\tcase \"copyButton\":\n\t\t\t\treturn (\n\t\t\t\t\t<span className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{value}\n\t\t\t\t\t\t<CopyButton value={value} />\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\tcase \"date\":\n\t\t\t\treturn <span>{formatDate(value)}</span>;\n\t\t\tcase \"yesno\":\n\t\t\t\treturn <span>{value ? \"Yes\" : \"No\"}</span>;\n\t\t\tcase \"badge\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"flex flex-wrap gap-1\">\n\t\t\t\t\t\t{Array.isArray(value)\n\t\t\t\t\t\t\t? value.map((item, index) => (\n\t\t\t\t\t\t\t\t<Badge key={index}>\n\t\t\t\t\t\t\t\t\t{typeof item === \"object\" ? item?.name || item?.id : item}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t: value}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\n\t\t\tcase \"boolean\":\n\t\t\t\treturn <span>{value.toString()}</span>;\n\t\t\tdefault:\n\t\t\t\treturn <span>{value}</span>;\n\t\t}\n\t};\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>{label}</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t\t{data\n\t\t\t\t\t\t? fields.map((field) => {\n\t\t\t\t\t\t\t// TODO: improve this\n\t\t\t\t\t\t\tconst value = field.accessor\n\t\t\t\t\t\t\t\t? field.accessor\n\t\t\t\t\t\t\t\t\t.split(\".\")\n\t\t\t\t\t\t\t\t\t.reduce(\n\t\t\t\t\t\t\t\t\t\t(obj, key) =>\n\t\t\t\t\t\t\t\t\t\t\tobj && key in obj ? obj[key] : undefined,\n\t\t\t\t\t\t\t\t\t\tdata as Record<string, any>,\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t: null;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={field.display}\n\t\t\t\t\t\t\t\t\tclassName=\"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p className=\"text-sm flex w-full justify-start col-span-1\">\n\t\t\t\t\t\t\t\t\t\t{field.display}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<div className=\"text-sm flex w-full justify-start text-wrap break-all\">\n\t\t\t\t\t\t\t\t\t\t{renderValue(field, value)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})\n\t\t\t\t\t\t: fields.map((_, index) => (\n\t\t\t\t\t\t\t<Skeleton key={index} className=\"h-12 w-full\" />\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n};\n"],"names":["KeyValueCard","data","label","fields","renderValue","field","value","jsxs","jsx","CopyButton","formatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","_","Skeleton"],"mappings":";;;;;;AA0CO,MAAMA,IAAe,CAAe;AAAA,EAC1C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACD,MAA4B;AAC3B,QAAMC,IAAc,CAACC,GAAwBC,MAAe;AAC3D,QAAID,EAAM;AACT,aAAOA,EAAM,UAAUC,CAAK;AAE7B,QAA2BA,KAAU;AACpC,aAAO;AAER,YAAQD,EAAM,MAAA;AAAA,MACb,KAAK;AAAA,MAEL,KAAK;AACJ,eACC,gBAAAE,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,UAAAD;AAAA,UACD,gBAAAE,EAACC,KAAW,OAAAH,EAAA,CAAc;AAAA,QAAA,GAC3B;AAAA,MAEF,KAAK;AACJ,eAAO,gBAAAE,EAAC,QAAA,EAAM,UAAAE,EAAWJ,CAAK,GAAE;AAAA,MACjC,KAAK;AACJ,eAAO,gBAAAE,EAAC,QAAA,EAAM,UAAAF,IAAQ,QAAQ,MAAK;AAAA,MACpC,KAAK;AACJ,eACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,MAAM,QAAQF,CAAK,IACjBA,EAAM,IAAI,CAACK,GAAMC,wBACjBC,GAAA,EACC,UAAA,OAAOF,KAAS,YAAWA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM,MAAKA,EAAA,GAD1CC,CAEZ,CACA,IACCN,EAAA,CACJ;AAAA,MAGF,KAAK;AACJ,eAAO,gBAAAE,EAAC,QAAA,EAAM,UAAAF,EAAM,SAAA,GAAW;AAAA,MAChC;AACC,eAAO,gBAAAE,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,IAAA;AAAA,EAEvB;AAEA,2BACEQ,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAA,EACA,UAAA,gBAAAP,EAACQ,GAAA,EAAW,UAAAd,EAAA,CAAM,GACnB;AAAA,IACA,gBAAAM,EAACS,GAAA,EACA,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAU,uBACb,UAAAP,IACEE,EAAO,IAAI,CAACE,MAAU;AAEvB,YAAMC,IAAQD,EAAM,WACjBA,EAAM,SACN,MAAM,GAAG,EACT;AAAA,QACA,CAACa,GAAKC,MACLD,KAAOC,KAAOD,IAAMA,EAAIC,CAAG,IAAI;AAAA,QAChClB;AAAA,MAAA,IAEA;AAEH,aACC,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,gDACX,UAAAH,EAAM,SACR;AAAA,8BACC,OAAA,EAAI,WAAU,yDACb,UAAAD,EAAYC,GAAOC,CAAK,EAAA,CAC1B;AAAA,UAAA;AAAA,QAAA;AAAA,QARKD,EAAM;AAAA,MAAA;AAAA,IAWd,CAAC,IACCF,EAAO,IAAI,CAACiB,GAAGR,MAChB,gBAAAJ,EAACa,GAAA,EAAqB,WAAU,cAAA,GAAjBT,CAA+B,CAC9C,GACH,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

package/dist/components/ui/accordion.es.js

@@ -1,24 +1,24 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { cn as r } from "../../utils/index.es.js";
-import { Root as i, Item as s, Header as c, Trigger as d, Content as m } from "../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-accordion/dist/index.es.js";
+import { Root as i, Item as c, Header as s, Trigger as d, Content as m } from "../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-accordion/dist/index.es.js";
 import { ChevronDown as l } from "lucide-react";
+import { cn as r } from "../../utils/primitives.es.js";
 const x = i;
 function h({
   className: e,
   ...o
 }) {
-  return /* @__PURE__ */ t(s, { className: r("border-b", e), ...o });
+  return /* @__PURE__ */ t(c, { className: r("border-b", e), ...o });
 }
 function b({
   className: e,
   children: o,
   ...n
 }) {
-  return /* @__PURE__ */ t(c, { className: "flex", children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(s, { className: "flex", children: /* @__PURE__ */ a(
     d,
     {
       className: r(
-        "flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+        "flex flex-1 items-center justify-between py-icon body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
         e
       ),
       ...n,
@@ -39,7 +39,7 @@ function N({
     {
       className: "overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       ...n,
-      children: /* @__PURE__ */ t("div", { className: r("pb-4 pt-0", e), children: o })
+      children: /* @__PURE__ */ t("div", { className: r("pb-icon pt-0", e), children: o })
     }
   );
 }

package/dist/components/ui/accordion.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.es.js","sources":["../../../lib/components/ui/accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDown } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport const Accordion = AccordionPrimitive.Root;\n\nexport function AccordionItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n\treturn (\n\t\t<AccordionPrimitive.Item className={cn(\"border-b\", className)} {...props} />\n\t);\n}\n\nexport function AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n\treturn (\n\t\t<AccordionPrimitive.Header className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<ChevronDown className=\"size-icon shrink-0 text-muted-foreground transition-transform duration-200\" />\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nexport function AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n\treturn (\n\t\t<AccordionPrimitive.Content\n\t\t\tclassName=\"overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n\t\t</AccordionPrimitive.Content>\n\t);\n}\n"],"names":["Accordion","AccordionPrimitive.Root","AccordionItem","className","props","jsx","AccordionPrimitive.Item","cn","AccordionTrigger","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","ChevronDown","AccordionContent","AccordionPrimitive.Content"],"mappings":";;;;AAKO,MAAMA,IAAYC;AAElB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AACxD,SACC,gBAAAC,EAACC,GAAA,EAAwB,WAAWC,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO;AAE5E;AAEO,SAASI,EAAiB;AAAA,EAChC,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAA4D;AAC3D,SACC,gBAAAC,EAACK,GAAA,EAA0B,WAAU,QACpC,UAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWL;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAJ,EAACQ,GAAA,EAAY,WAAU,6EAAA,CAA6E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtG;AAEF;AAEO,SAASC,EAAiB;AAAA,EAChC,WAAAX;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAA4D;AAC3D,SACC,gBAAAC;AAAA,IAACU;AAAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACT,GAAGX;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"accordion.es.js","sources":["../../../lib/components/ui/accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDown } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport const Accordion = AccordionPrimitive.Root;\n\nexport function AccordionItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n\treturn (\n\t\t<AccordionPrimitive.Item className={cn(\"border-b\", className)} {...props} />\n\t);\n}\n\nexport function AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n\treturn (\n\t\t<AccordionPrimitive.Header className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex flex-1 items-center justify-between py-icon body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<ChevronDown className=\"size-icon shrink-0 text-muted-foreground transition-transform duration-200\" />\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nexport function AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n\treturn (\n\t\t<AccordionPrimitive.Content\n\t\t\tclassName=\"overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={cn(\"pb-icon pt-0\", className)}>{children}</div>\n\t\t</AccordionPrimitive.Content>\n\t);\n}\n"],"names":["Accordion","AccordionPrimitive.Root","AccordionItem","className","props","jsx","AccordionPrimitive.Item","cn","AccordionTrigger","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","ChevronDown","AccordionContent","AccordionPrimitive.Content"],"mappings":";;;;AAKO,MAAMA,IAAYC;AAElB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AACxD,SACC,gBAAAC,EAACC,GAAA,EAAwB,WAAWC,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO;AAE5E;AAEO,SAASI,EAAiB;AAAA,EAChC,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAA4D;AAC3D,SACC,gBAAAC,EAACK,GAAA,EAA0B,WAAU,QACpC,UAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWL;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAJ,EAACQ,GAAA,EAAY,WAAU,6EAAA,CAA6E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtG;AAEF;AAEO,SAASC,EAAiB;AAAA,EAChC,WAAAX;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAA4D;AAC3D,SACC,gBAAAC;AAAA,IAACU;AAAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACT,GAAGX;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,gBAAgBJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;"}

package/dist/components/ui/alert.es.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { cn as i } from "../../utils/index.es.js";
-import { cva as c } from "class-variance-authority";
-const n = c(
+import { cva as i } from "class-variance-authority";
+import { cn as c } from "../../utils/primitives.es.js";
+const n = i(
   "transition-colors border border-dotted p-2 text-foreground text-sm inline-flex items-start gap-2",
   {
     variants: {
@@ -17,7 +17,7 @@ const n = c(
   }
 );
 function f({ children: r, className: s, variant: o, icon: e, ...a }) {
-  return /* @__PURE__ */ d("div", { role: "alert", className: i(n({ variant: o }), s), ...a, children: [
+  return /* @__PURE__ */ d("div", { role: "alert", className: c(n({ variant: o }), s), ...a, children: [
     e && /* @__PURE__ */ t(e, { className: "size-icon mt-1" }),
     /* @__PURE__ */ t("span", { className: "w-full", children: r })
   ] });

package/dist/components/ui/avatar.es.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { cn as r } from "../../utils/index.es.js";
+import { cn as r } from "../../utils/primitives.es.js";
 function f({ className: e, initials: t, ...n }) {
   return /* @__PURE__ */ o(
     "div",