@cryptlex/web-components 4.1.0 → 5.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-options.es.js","sources":["../../../lib/components/inputs/select-options.tsx"],"sourcesContent":["export type SelectOption = {\n\tid: string\n\tlabel: React.ReactNode,\n\tdisabled?: boolean\n}\nexport const LICENSE_TYPE_OPTIONS: SelectOption[] = [\n\t{\n\t\tlabel: <>Node-locked</>,\n\t\tid: \"node-locked\",\n\t},\n\t{\n\t\tlabel: <>Hosted floating</>,\n\t\tid: \"hosted-floating\",\n\t},\n\t{\n\t\tlabel: <>LexFloatServer</>,\n\t\tid: \"on-premise-floating\",\n\t},\n];\n\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 */\nexport const COUNTRY_OPTIONS: SelectOption[] = 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\tid: v[0],\n\t};\n});"],"names":["LICENSE_TYPE_OPTIONS","getCountryFlag","country","getRegionalIndicatorSymbol","letter","ALL_COUNTRIES","COUNTRY_OPTIONS","v","jsxs","Fragment"],"mappings":";AAKO,MAAMA,IAAuC;AAAA,EACnD;AAAA,IACC,8BAAS,UAAA,cAAA,CAAW;AAAA,IACpB,IAAI;AAAA,EAAA;AAAA,EAEL;AAAA,IACC,8BAAS,UAAA,kBAAA,CAAe;AAAA,IACxB,IAAI;AAAA,EAAA;AAAA,EAEL;AAAA,IACC,8BAAS,UAAA,iBAAA,CAAc;AAAA,IACvB,IAAI;AAAA,EAAA;AAEN;AASA,SAASC,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,GAGaC,IAAkC,OAAO,QAAQD,CAAa,EAAE,IAAI,CAACE,OAC1E;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,IAAIA,EAAE,CAAC;AAAA,EAER;"}

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

@@ -1,49 +1,115 @@
 "use client";
-import { jsx as e, Fragment as c, jsxs as m } from "react/jsx-runtime";
-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,
-  options: o,
+import { jsx as r, jsxs as c, Fragment as f } from "react/jsx-runtime";
+import { composeRenderProps as n } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { ListBox as p } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/ListBox.es.js";
+import { SelectValue as u, Select as h } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Select.es.js";
+import { FormField as S } from "./field.es.js";
+import { ChevronDown as g } from "lucide-react";
+import { ListBoxItem as x, ListBoxHeader as $, ListBoxCollection as B } from "../ui/list-box.es.js";
+import { Popover as v } from "../ui/popover.es.js";
+import { useFieldContext as C } from "../../utils/form-context.es.js";
+import { getFieldErrorMessage as N } from "../../utils/form-hook.es.js";
+import { Button as w } from "../ui/button.es.js";
+import { cn as i } from "../../utils/primitives.es.js";
+const F = h, L = x, q = $, G = B, _ = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ r(
+  u,
+  {
+    className: n(
+      t,
+      (e) => i(
+        "line-clamp-1 data-[placeholder]:text-muted-foreground",
+        /* Description */
+        "[&>[slot=description]]:hidden",
+        e
+      )
+    ),
+    ...o
+  }
+);
+function P({ className: t, children: o, ...e }) {
+  return /* @__PURE__ */ r(w, { ...e, children: n(o, (l) => /* @__PURE__ */ c(f, { children: [
+    l,
+    /* @__PURE__ */ r(g, { "aria-hidden": "true", className: "size-icon opacity-50" })
+  ] })) });
+}
+function b({ className: t, ...o }) {
+  return /* @__PURE__ */ r(
+    v,
+    {
+      className: n(
+        t,
+        (e) => i("w-auto min-w-[--trigger-width]", e)
+      ),
+      ...o
+    }
+  );
+}
+function j({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    p,
+    {
+      className: n(
+        t,
+        (e) => i(
+          "overflow-auto p-1 outline-none [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]",
+          e
+        )
+      ),
+      ...o
+    }
+  );
+}
+function y({
+  label: t,
+  description: o,
+  errorMessage: e,
+  children: l,
   className: a,
-  buttonLabel: t,
-  ...u
+  items: s,
+  ...d
 }) {
-  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(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);
-        },
-        value: n.value,
-        children: n.label
-      }
-    )) }) })
-  ] }) });
+  return /* @__PURE__ */ r(
+    F,
+    {
+      className: n(
+        a,
+        (m) => i("group form-field", m)
+      ),
+      ...d,
+      children: /* @__PURE__ */ c(S, { label: t, description: o, errorMessage: e, children: [
+        /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(_, {}) }),
+        /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(j, { items: s, children: l }) })
+      ] })
+    }
+  );
 }
-function B({ ...r }) {
-  const l = s();
-  return /* @__PURE__ */ e(
-    M,
+function J({ ...t }) {
+  const o = C();
+  return /* @__PURE__ */ r(
+    y,
     {
-      value: l.state.value,
-      setValue: l.handleChange,
-      onBlur: l.handleBlur,
-      ...r
+      selectedKey: o.state.value,
+      onSelectionChange: (e) => o.handleChange(e.toString()),
+      onBlur: o.handleBlur,
+      errorMessage: N(o),
+      ...t,
+      children: (e) => /* @__PURE__ */ r(L, { id: e.id, children: e.label }, e.id)
     }
   );
 }
 export {
-  M as SingleSelect,
-  B as TfSingleSelect
+  G as SelectCollection,
+  q as SelectHeader,
+  L as SelectItem,
+  b as SelectPopover,
+  _ as SelectValue,
+  y as SingleSelect,
+  J as TfSingleSelect
 };
 //# sourceMappingURL=select.es.js.map

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,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;"}
+{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\"\nimport {\n  ListBox as AriaListBox,\n  ListBoxProps as AriaListBoxProps,\n  PopoverProps as AriaPopoverProps,\n  Select as AriaSelect,\n  SelectProps as AriaSelectProps,\n  SelectValue as AriaSelectValue,\n  SelectValueProps as AriaSelectValueProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn, getFieldErrorMessage, useFieldContext } from \"@/utils/index\"\n\nimport { FormField, type FormFieldProps } from \"@/components/inputs/field\"\nimport type { SelectOption } from \"@/components/inputs/select-options\"\nimport { Button } from \"@/components/ui\"\nimport { ChevronDown } from \"lucide-react\"\nimport {\n  ListBoxCollection,\n  ListBoxHeader,\n  ListBoxItem,\n} from \"../ui/list-box\"\nimport { Popover } from \"../ui/popover\"\n\nconst ASelect = AriaSelect\nexport const SelectItem = ListBoxItem\nexport const SelectHeader = ListBoxHeader\nexport const SelectCollection = ListBoxCollection\n\nexport const SelectValue = <T extends object>({\n  className,\n  ...props\n}: AriaSelectValueProps<T>) => (\n  <AriaSelectValue\n    className={composeRenderProps(className, (className) =>\n      cn(\n        \"line-clamp-1 data-[placeholder]:text-muted-foreground\",\n        /* Description */\n        \"[&>[slot=description]]:hidden\",\n        className\n      )\n    )}\n    {...props}\n  />\n)\n\nfunction SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof Button>) {\n  return (\n    <Button {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          {children}\n          <ChevronDown aria-hidden=\"true\" className=\"size-icon opacity-50\" />\n        </>\n      ))}\n    </Button>\n  )\n}\n\nexport function SelectPopover({ className, ...props }: AriaPopoverProps) {\n  return (\n    <Popover\n      className={composeRenderProps(className, (className) =>\n        cn(\"w-auto min-w-[--trigger-width]\", className)\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectListBox<T extends object>({\n  className,\n  ...props\n}: AriaListBoxProps<T>) {\n  return (\n    <AriaListBox\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"overflow-auto p-1 outline-none [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport interface SingleSelectProps<T extends SelectOption> extends Omit<AriaSelectProps<T>, \"children\">, FormFieldProps {\n  items: Iterable<T>\n  children: React.ReactNode | ((item: T) => React.ReactNode)\n}\n\nexport function SingleSelect<T extends SelectOption>({\n  label,\n  description,\n  errorMessage,\n  children,\n  className,\n  items,\n  ...props\n}: SingleSelectProps<T>) {\n  return (\n    <ASelect\n      className={composeRenderProps(className, (className) =>\n        cn(\"group form-field\", className)\n      )}\n      {...props}\n    >\n      <FormField label={label} description={description} errorMessage={errorMessage}>\n        <SelectTrigger>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectPopover>\n          <SelectListBox items={items}>{children}</SelectListBox>\n        </SelectPopover>\n      </FormField>\n    </ASelect>\n  )\n}\n\n\ntype TfSingleSelectProps<T extends SelectOption> = Omit<SingleSelectProps<T>, \"value\" | \"setValue\" | 'children'>;\n\nexport function TfSingleSelect<T extends SelectOption>({ ...props }: TfSingleSelectProps<T>) {\n  const field = useFieldContext<string>();\n\n  return (\n    <SingleSelect\n      selectedKey={field.state.value}\n      onSelectionChange={(e) => field.handleChange(e!.toString())}\n      onBlur={field.handleBlur}\n      errorMessage={getFieldErrorMessage(field)}\n      {...props}\n    >\n      {(item) => <SelectItem id={item.id} key={item.id}>{item.label}</SelectItem>}\n    </SingleSelect>\n  );\n}\n"],"names":["ASelect","AriaSelect","SelectItem","ListBoxItem","SelectHeader","ListBoxHeader","SelectCollection","ListBoxCollection","SelectValue","className","props","jsx","AriaSelectValue","composeRenderProps","cn","SelectTrigger","children","Button","jsxs","Fragment","ChevronDown","SelectPopover","Popover","SelectListBox","AriaListBox","SingleSelect","label","description","errorMessage","items","FormField","TfSingleSelect","field","useFieldContext","getFieldErrorMessage","item"],"mappings":";;;;;;;;;;;;;AAyBA,MAAMA,IAAUC,GACHC,IAAaC,GACbC,IAAeC,GACfC,IAAmBC,GAEnBC,IAAc,CAAmB;AAAA,EAC5C,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MAAmBJ;AAAA,MAAW,CAACA,MACxCK;AAAA,QACE;AAAA;AAAA,QAEA;AAAA,QACAL;AAAAA,MAAA;AAAA,IACF;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAGF,SAASK,EAAc,EAAE,WAAAN,GAAW,UAAAO,GAAU,GAAGN,KAA8C;AAC7F,SACE,gBAAAC,EAACM,KAAQ,GAAGP,GACT,YAAmBM,GAAU,CAACA,MAC7B,gBAAAE,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAH;AAAAA,IACD,gBAAAL,EAACS,GAAA,EAAY,eAAY,QAAO,WAAU,uBAAA,CAAuB;AAAA,EAAA,EAAA,CACnE,CACD,EAAA,CACH;AAEJ;AAEO,SAASC,EAAc,EAAE,WAAAZ,GAAW,GAAGC,KAA2B;AACvE,SACE,gBAAAC;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,WAAWT;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,kCAAkCL,CAAS;AAAA,MAAA;AAAA,MAE/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAgC;AAAA,EACvC,WAAAd;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,WAAWX;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAOO,SAASe,EAAqC;AAAA,EACnD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAZ;AAAA,EACA,WAAAP;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGnB;AACL,GAAyB;AACvB,SACE,gBAAAC;AAAA,IAACX;AAAA,IAAA;AAAA,MACC,WAAWa;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,oBAAoBL,CAAS;AAAA,MAAA;AAAA,MAEjC,GAAGC;AAAA,MAEJ,UAAA,gBAAAQ,EAACY,GAAA,EAAU,OAAAJ,GAAc,aAAAC,GAA0B,cAAAC,GACjD,UAAA;AAAA,QAAA,gBAAAjB,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACH,GAAA,CAAA,CAAY,GACf;AAAA,0BACCa,GAAA,EACC,UAAA,gBAAAV,EAACY,GAAA,EAAc,OAAAM,GAAe,UAAAb,GAAS,EAAA,CACzC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAKO,SAASe,EAAuC,EAAE,GAAGrB,KAAiC;AAC3F,QAAMsB,IAAQC,EAAA;AAEd,SACE,gBAAAtB;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,aAAaO,EAAM,MAAM;AAAA,MACzB,mBAAmB,CAAC,MAAMA,EAAM,aAAa,EAAG,UAAU;AAAA,MAC1D,QAAQA,EAAM;AAAA,MACd,cAAcE,EAAqBF,CAAK;AAAA,MACvC,GAAGtB;AAAA,MAEH,UAAA,CAACyB,MAAS,gBAAAxB,EAACT,GAAA,EAAW,IAAIiC,EAAK,IAAmB,UAAAA,EAAK,MAAA,GAAfA,EAAK,EAAgB;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

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

@@ -0,0 +1,89 @@
+import { jsx as o } from "react/jsx-runtime";
+import { composeRenderProps as f } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { Input as l } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Input.es.js";
+import { TextArea as s } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/TextArea.es.js";
+import { TextField as c } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/TextField.es.js";
+import { FormField as u } from "./field.es.js";
+import { useFieldContext as p } from "../../utils/form-context.es.js";
+import { getFieldErrorMessage as x } from "../../utils/form-hook.es.js";
+import { cn as i } from "../../utils/primitives.es.js";
+const b = c;
+function g({ className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    l,
+    {
+      className: f(
+        r,
+        (e) => i(
+          "flex input-dim w-full border border-input bg-card ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground",
+          /* Disabled */
+          "disabled-muted",
+          /* Focused */
+          "focus-ring",
+          e
+        )
+      ),
+      ...t
+    }
+  );
+}
+function $({ className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    s,
+    {
+      className: f(
+        r,
+        (e) => i(
+          "flex min-h-32 w-full border border-input bg-card px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground",
+          /* Focused */
+          "focus-ring",
+          /* Disabled */
+          "disabled-muted",
+          e
+        )
+      ),
+      ...t
+    }
+  );
+}
+function h({
+  label: r,
+  description: t,
+  errorMessage: e,
+  textArea: n,
+  className: d,
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    b,
+    {
+      className: f(
+        d,
+        (m) => i("group form-field", m)
+      ),
+      ...a,
+      children: /* @__PURE__ */ o(u, { label: r, errorMessage: e, description: t, children: n ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ o(g, {}) })
+    }
+  );
+}
+function I({ isDisabled: r, ...t }) {
+  const e = p();
+  return /* @__PURE__ */ o(
+    h,
+    {
+      isDisabled: r || e.form.state.isSubmitting,
+      value: e.state.value,
+      id: e.name,
+      name: e.name,
+      onBlur: e.handleBlur,
+      onChange: e.handleChange,
+      errorMessage: x(e),
+      ...t
+    }
+  );
+}
+export {
+  h as TextField,
+  I as TfTextField
+};
+//# sourceMappingURL=textfield.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.es.js","sources":["../../../lib/components/inputs/textfield.tsx"],"sourcesContent":["import {\n  Input as AriaInput,\n  InputProps as AriaInputProps,\n  TextArea as AriaTextArea,\n  TextAreaProps as AriaTextAreaProps,\n  TextField as AriaTextField,\n  TextFieldProps as AriaTextFieldProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn, getFieldErrorMessage, useFieldContext } from \"@/utils/index\"\n\nimport { FormField, type FormFieldProps } from \"./field\"\n\nconst ATextField = AriaTextField\n\nfunction Input({ className, ...props }: AriaInputProps) {\n  return (\n    <AriaInput\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"flex input-dim w-full border border-input bg-card ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground\",\n          /* Disabled */\n          \"disabled-muted\",\n          /* Focused */\n          \"focus-ring\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TextArea({ className, ...props }: AriaTextAreaProps) {\n  return (\n    <AriaTextArea\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"flex min-h-32 w-full border border-input bg-card px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground\",\n          /* Focused */\n          \"focus-ring\",\n          /* Disabled */\n          \"disabled-muted\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport interface TextFieldProps extends AriaTextFieldProps, FormFieldProps {\n  textArea?: boolean\n}\n\nexport function TextField({\n  label,\n  description,\n  errorMessage,\n  textArea,\n  className,\n  ...props\n}: TextFieldProps) {\n  return (\n    <ATextField\n      className={composeRenderProps(className, (className) =>\n        cn(\"group form-field\", className)\n      )}\n      {...props}\n    >\n      <FormField label={label} errorMessage={errorMessage} description={description}>\n        {textArea ? <TextArea /> : <Input />}\n      </FormField>\n    </ATextField>\n  )\n}\n\nexport function TfTextField({ isDisabled, ...props }: React.ComponentProps<typeof TextField>) {\n  const field = useFieldContext<string>();\n\n  return (\n    <TextField\n      isDisabled={isDisabled || field.form.state.isSubmitting}\n      value={field.state.value}\n      id={field.name}\n      name={field.name}\n      onBlur={field.handleBlur}\n      onChange={field.handleChange}\n      errorMessage={getFieldErrorMessage(field)}\n      {...props} />)\n}\n\n\n"],"names":["ATextField","AriaTextField","Input","className","props","jsx","AriaInput","composeRenderProps","cn","TextArea","AriaTextArea","TextField","label","description","errorMessage","textArea","FormField","TfTextField","isDisabled","field","useFieldContext","getFieldErrorMessage"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAaC;AAEnB,SAASC,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACtD,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAS,EAAE,WAAAN,GAAW,GAAGC,KAA4B;AAC5D,SACE,gBAAAC;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAWH;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAMO,SAASO,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAZ;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,SACE,gBAAAC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWO;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,oBAAoBL,CAAS;AAAA,MAAA;AAAA,MAEjC,GAAGC;AAAA,MAEJ,UAAA,gBAAAC,EAACW,GAAA,EAAU,OAAAJ,GAAc,cAAAE,GAA4B,aAAAD,GAClD,UAAAE,IAAW,gBAAAV,EAACI,GAAA,CAAA,CAAS,IAAK,gBAAAJ,EAACH,GAAA,CAAA,CAAM,EAAA,CACpC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASe,EAAY,EAAE,YAAAC,GAAY,GAAGd,KAAiD;AAC5F,QAAMe,IAAQC,EAAA;AAEd,SACE,gBAAAf;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,YAAYO,KAAcC,EAAM,KAAK,MAAM;AAAA,MAC3C,OAAOA,EAAM,MAAM;AAAA,MACnB,IAAIA,EAAM;AAAA,MACV,MAAMA,EAAM;AAAA,MACZ,QAAQA,EAAM;AAAA,MACd,UAAUA,EAAM;AAAA,MAChB,cAAcE,EAAqBF,CAAK;AAAA,MACvC,GAAGf;AAAA,IAAA;AAAA,EAAA;AACV;"}

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

@@ -1,60 +1,53 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Badge as d } from "../ui/badge.es.js";
-import { Card as i, CardHeader as f, CardTitle as m, CardContent as h } from "../ui/card.es.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Badge as p } from "../ui/badge.es.js";
+import { Card as f, CardHeader as i, CardTitle as h, CardContent as m } from "../ui/card.es.js";
 import { Skeleton as x } from "../ui/skeleton.es.js";
 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,
+const b = ({
+  data: l,
   label: o,
-  fields: l
+  fields: t
 }) => {
-  const p = (n, r) => {
-    if (n.transform)
-      return n.transform(r);
+  const d = (a, r) => {
+    if (a.transform)
+      return a.transform(r);
     if (r == null)
       return "-";
-    switch (n.type) {
-      case "link":
-      case "copyButton":
-        return /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
-          r,
-          /* @__PURE__ */ e(y, { value: r })
-        ] });
+    switch (a.type) {
       case "date":
         return /* @__PURE__ */ e("span", { children: u(r) });
       case "yesno":
         return /* @__PURE__ */ e("span", { children: r ? "Yes" : "No" });
       case "badge":
-        return /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: Array.isArray(r) ? r.map((s, a) => /* @__PURE__ */ e(d, { children: typeof s == "object" ? (s == null ? void 0 : s.name) || (s == null ? void 0 : s.id) : s }, a)) : r });
+        return /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: Array.isArray(r) ? r.map((s, n) => /* @__PURE__ */ e(p, { children: typeof s == "object" ? (s == null ? void 0 : s.name) || (s == null ? void 0 : s.id) : s }, n)) : r });
       case "boolean":
         return /* @__PURE__ */ e("span", { children: r.toString() });
       default:
         return /* @__PURE__ */ e("span", { children: r });
     }
   };
-  return /* @__PURE__ */ t(i, { children: [
-    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(m, { children: o }) }),
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: c ? l.map((n) => {
-      const r = n.accessor ? n.accessor.split(".").reduce(
-        (s, a) => s && a in s ? s[a] : void 0,
-        c
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(h, { children: o }) }),
+    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: l ? t.map((a) => {
+      const r = a.accessor ? a.accessor.split(".").reduce(
+        (s, n) => s && n in s ? s[n] : void 0,
+        l
       ) : null;
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ c(
         "div",
         {
           className: "flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0",
           children: [
-            /* @__PURE__ */ e("p", { className: "text-sm flex w-full justify-start col-span-1", children: n.display }),
-            /* @__PURE__ */ e("div", { className: "text-sm flex w-full justify-start text-wrap break-all", children: p(n, r) })
+            /* @__PURE__ */ e("p", { className: "text-sm flex w-full justify-start col-span-1", children: a.display }),
+            /* @__PURE__ */ e("div", { className: "text-sm flex w-full justify-start text-wrap break-all", children: d(a, r) })
           ]
         },
-        n.display
+        a.display
       );
-    }) : l.map((n, r) => /* @__PURE__ */ e(x, { className: "h-12 w-full" }, r)) }) })
+    }) : t.map((a, r) => /* @__PURE__ */ e(x, { className: "h-12 w-full" }, r)) }) })
   ] });
 };
 export {
-  B 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[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;"}
+{"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\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 \"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","jsx","formatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","jsxs","_","Skeleton"],"mappings":";;;;;AAyCO,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;AACJ,eAAO,gBAAAE,EAAC,QAAA,EAAM,UAAAC,EAAWF,CAAK,GAAE;AAAA,MACjC,KAAK;AACJ,eAAO,gBAAAC,EAAC,QAAA,EAAM,UAAAD,IAAQ,QAAQ,MAAK;AAAA,MACpC,KAAK;AACJ,eACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,MAAM,QAAQD,CAAK,IACjBA,EAAM,IAAI,CAACG,GAAMC,wBACjBC,GAAA,EACC,UAAA,OAAOF,KAAS,YAAWA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM,MAAKA,EAAA,GAD1CC,CAEZ,CACA,IACCJ,EAAA,CACJ;AAAA,MAGF,KAAK;AACJ,eAAO,gBAAAC,EAAC,QAAA,EAAM,UAAAD,EAAM,SAAA,GAAW;AAAA,MAChC;AACC,eAAO,gBAAAC,EAAC,UAAM,UAAAD,EAAA,CAAM;AAAA,IAAA;AAAA,EAEvB;AAEA,2BACEM,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EACA,UAAA,gBAAAN,EAACO,GAAA,EAAW,UAAAZ,EAAA,CAAM,GACnB;AAAA,IACA,gBAAAK,EAACQ,GAAA,EACA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,uBACb,UAAAN,IACEE,EAAO,IAAI,CAACE,MAAU;AAEvB,YAAMC,IAAQD,EAAM,WACjBA,EAAM,SACN,MAAM,GAAG,EACT;AAAA,QACA,CAACW,GAAKC,MACLD,KAAOC,KAAOD,IAAMA,EAAIC,CAAG,IAAI;AAAA,QAChChB;AAAA,MAAA,IAEA;AAEH,aACC,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAX,EAAC,KAAA,EAAE,WAAU,gDACX,UAAAF,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,CAACgB,GAAGT,MAChB,gBAAAH,EAACa,GAAA,EAAqB,WAAU,cAAA,GAAjBV,CAA+B,CAC9C,GACH,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

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

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as r } from "../../utils/primitives.es.js";
-function f({ className: e, initials: t, ...n }) {
+function f({ className: e, initials: n, ...t }) {
   return /* @__PURE__ */ o(
     "div",
     {
       className: r(
-        "relative text-xs font-mono font-bold flex items-center justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full",
+        "relative text-xs font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full",
         e
       ),
-      ...n,
-      children: t
+      ...t,
+      children: n
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.es.js","sources":["../../../lib/components/ui/avatar.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport type * as React from \"react\";\n\ninterface InitialString {\n\tinitials: string[2];\n}\nexport interface AvatarProps\n\textends Omit<React.ComponentProps<\"div\">, \"children\">,\n\t\tInitialString {}\nexport function Avatar({ className, initials, ...props }: AvatarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"relative text-xs font-mono font-bold flex items-center justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{initials}\n\t\t</div>\n\t);\n}\n"],"names":["Avatar","className","initials","props","jsx","cn"],"mappings":";;AASO,SAASA,EAAO,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAsB;AACtE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGJ;"}
+{"version":3,"file":"avatar.es.js","sources":["../../../lib/components/ui/avatar.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport type * as React from \"react\";\n\ninterface InitialString {\n\tinitials: string[2];\n}\nexport interface AvatarProps\n\textends Omit<React.ComponentProps<\"div\">, \"children\">,\n\tInitialString { }\nexport function Avatar({ className, initials, ...props }: AvatarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"relative text-xs font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{initials}\n\t\t</div>\n\t);\n}\n"],"names":["Avatar","className","initials","props","jsx","cn"],"mappings":";;AASO,SAASA,EAAO,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAsB;AACtE,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGJ;"}

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

@@ -1,19 +1,19 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as t } from "../../utils/primitives.es.js";
-function s({ className: n, children: r, ...i }) {
+import { cn as i } from "../../utils/primitives.es.js";
+function c({ className: n, children: t, ...r }) {
   return /* @__PURE__ */ e(
     "span",
     {
-      className: t(
-        "text-muted leading-none inline-flex items-center justify-center select-none bg-card border h-input focus:outline-hidden focus:ring-1 focus:ring-ring",
+      className: i(
+        "text-muted leading-none text-sm px-1 inline-flex items-center justify-center select-none bg-card border h-input focus:outline-hidden focus:ring-1 focus:ring-ring",
         n
       ),
-      ...i,
-      children: /* @__PURE__ */ e("span", { children: r })
+      ...r,
+      children: /* @__PURE__ */ e("span", { children: t })
     }
   );
 }
 export {
-  s as Badge
+  c as Badge
 };
 //# sourceMappingURL=badge.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.es.js","sources":["../../../lib/components/ui/badge.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport type * as React from \"react\";\n\nexport function Badge({ className, children, ...props }: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted leading-none inline-flex items-center justify-center select-none bg-card border h-input focus:outline-hidden focus:ring-1 focus:ring-ring\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{/* Contents */}\n\t\t\t<span>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n"],"names":["Badge","className","children","props","jsx","cn"],"mappings":";;AAGO,SAASA,EAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAuC;AACtF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,MAGJ,UAAA,gBAAAC,EAAC,UACC,UAAAF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"badge.es.js","sources":["../../../lib/components/ui/badge.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport type * as React from \"react\";\n\nexport function Badge({ className, children, ...props }: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted leading-none text-sm px-1 inline-flex items-center justify-center select-none bg-card border h-input focus:outline-hidden focus:ring-1 focus:ring-ring\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{/* Contents */}\n\t\t\t<span>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n"],"names":["Badge","className","children","props","jsx","cn"],"mappings":";;AAGO,SAASA,EAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAuC;AACtF,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGE;AAAA,MAGJ,UAAA,gBAAAC,EAAC,UACC,UAAAF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGH;"}

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

@@ -0,0 +1,106 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { Breadcrumbs as d, Breadcrumb as i } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Breadcrumbs.es.js";
+import { composeRenderProps as o } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { Link as s } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Link.es.js";
+import { ChevronRight as m, DotSquare as u } from "lucide-react";
+import { cn as t } from "../../utils/primitives.es.js";
+function g({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    d,
+    {
+      className: t(
+        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function h({ className: e, ...r }) {
+  return /* @__PURE__ */ a(
+    i,
+    {
+      className: t("inline-flex items-center gap-1.5 sm:gap-2.5", e),
+      ...r
+    }
+  );
+}
+function B({ className: e, ...r }) {
+  return /* @__PURE__ */ a(
+    s,
+    {
+      className: o(
+        e,
+        (n) => t(
+          "transition-colors",
+          /* Hover */
+          "data-[hovered]:text-foreground",
+          /* Disabled */
+          "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+          /* Current */
+          "data-[current]:pointer-events-auto data-[current]:opacity-100",
+          n
+        )
+      ),
+      ...r
+    }
+  );
+}
+function N({
+  children: e,
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5", r),
+      ...n,
+      children: e || /* @__PURE__ */ a(m, {})
+    }
+  );
+}
+function v({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("flex size-9 items-center justify-center", e),
+      ...r,
+      children: [
+        /* @__PURE__ */ a(u, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+function y({ className: e, ...r }) {
+  return /* @__PURE__ */ a(
+    s,
+    {
+      className: o(
+        e,
+        (n) => t("font-normal text-foreground", n)
+      ),
+      ...r
+    }
+  );
+}
+export {
+  v as BreadcrumbEllipsis,
+  h as BreadcrumbItem,
+  B as BreadcrumbLink,
+  y as BreadcrumbPage,
+  N as BreadcrumbSeparator,
+  g as Breadcrumbs
+};
+//# sourceMappingURL=breadcrumbs.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.es.js","sources":["../../../lib/components/ui/breadcrumbs.tsx"],"sourcesContent":["import {\n  Breadcrumb as AriaBreadcrumb,\n  BreadcrumbProps as AriaBreadcrumbProps,\n  Breadcrumbs as AriaBreadcrumbs,\n  BreadcrumbsProps as AriaBreadcrumbsProps,\n  Link as AriaLink,\n  LinkProps as AriaLinkProps,\n  composeRenderProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\nimport { ChevronRight, DotSquare } from \"lucide-react\"\n\nexport function Breadcrumbs<T extends object>({\n  className,\n  ...props\n}: AriaBreadcrumbsProps<T>) {\n  return (\n    <AriaBreadcrumbs\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function BreadcrumbItem({ className, ...props }: AriaBreadcrumbProps) {\n  return (\n    <AriaBreadcrumb\n      className={cn(\"inline-flex items-center gap-1.5 sm:gap-2.5\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n  return (\n    <AriaLink\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"transition-colors\",\n          /* Hover */\n          \"data-[hovered]:text-foreground\",\n          /* Disabled */\n          \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n          /* Current */\n          \"data-[current]:pointer-events-auto data-[current]:opacity-100\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children || <ChevronRight />}\n    </span>\n  )\n}\n\nexport function BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <DotSquare className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\ninterface BreadcrumbPageProps extends Omit<AriaLinkProps, \"href\"> { }\n\nexport function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n  return (\n    <AriaLink\n      className={composeRenderProps(className, (className) =>\n        cn(\"font-normal text-foreground\", className)\n      )}\n      {...props}\n    />\n  )\n}\n\n"],"names":["Breadcrumbs","className","props","jsx","AriaBreadcrumbs","cn","BreadcrumbItem","AriaBreadcrumb","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","DotSquare","BreadcrumbPage"],"mappings":";;;;;;AAaO,SAASA,EAA8B;AAAA,EAC5C,WAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASI,EAAe,EAAE,WAAAL,GAAW,GAAGC,KAA8B;AAC3E,SACE,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF,EAAG,+CAA+CJ,CAAS;AAAA,MACrE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASM,EAAe,EAAE,WAAAP,GAAW,GAAGC,KAAwB;AACrE,SACE,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QAAmBT;AAAA,QAAW,CAACA,MACxCI;AAAA,UACE;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACAJ;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASS,EAAoB;AAAA,EAClC,UAAAC;AAAA,EACA,WAAAX;AAAA,EACA,GAAGC;AACL,GAAiC;AAC/B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWE,EAAG,oBAAoBJ,CAAS;AAAA,MAC1C,GAAGC;AAAA,MAEH,UAAAU,uBAAaC,GAAA,CAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEO,SAASC,EAAmB;AAAA,EACjC,WAAAb;AAAA,EACA,GAAGC;AACL,GAAiC;AAC/B,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWV,EAAG,2CAA2CJ,CAAS;AAAA,MACjE,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACa,GAAA,EAAU,WAAU,SAAA,CAAS;AAAA,QAC9B,gBAAAb,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC;AAIO,SAASc,EAAe,EAAE,WAAAhB,GAAW,GAAGC,KAA8B;AAC3E,SACE,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QAAmBT;AAAA,QAAW,CAACA,MACxCI,EAAG,+BAA+BJ,CAAS;AAAA,MAAA;AAAA,MAE5C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}