@cryptlex/web-components 6.7.8 → 6.7.10

package/dist/components/select-options.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"select-options.js","sources":["../../lib/components/select-options.tsx"],"sourcesContent":["import { ALL_OS } from '../utilities/resources';\nimport { IcHostedFloating, IcLexFloatServer, IcNodeLocked } from './icons';\n\nexport type SelectOption = {\n    id: string;\n    label: React.ReactNode;\n    disabled?: boolean;\n};\n\nexport const ALL_LICENSE_TYPES: Record<string, string> = {\n    'node-locked': 'Node-locked',\n    'hosted-floating': 'Hosted Floating',\n    'on-premise-floating': 'On-premise Floating',\n};\n\nconst LICENSE_TYPE_ICONS: Record<string, React.ReactNode> = {\n    'node-locked': <IcNodeLocked />,\n    'hosted-floating': <IcHostedFloating />,\n    'on-premise-floating': <IcLexFloatServer />,\n};\n\nexport const LICENSE_TYPE_OPTIONS: SelectOption[] = Object.entries(ALL_LICENSE_TYPES).map(([id, label]) => ({\n    label: (\n        <>\n            {label}\n            {LICENSE_TYPE_ICONS[id]}\n        </>\n    ),\n    id,\n}));\n\nexport const SUBSCRIPTION_START_TRIGGER_OPTIONS: SelectOption[] = [\n    {\n        label: 'License Creation',\n        id: 'creation',\n    },\n    {\n        label: 'License Activation',\n        id: 'activation',\n    },\n];\n\nexport function getSubscriptionStartTriggerLabel(subscriptionStartTrigger: string): string {\n    switch (subscriptionStartTrigger) {\n        case 'creation':\n        case 'license-creation':\n            return 'License Creation';\n        case 'activation':\n        case 'license-activation':\n            return 'License Activation';\n        default:\n            return '';\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 */\nexport function getCountryFlag(country: string) {\n    function getRegionalIndicatorSymbol(letter: string) {\n        return String.fromCodePoint(0x1f1e6 - 65 + letter.toUpperCase().charCodeAt(0));\n    }\n\n    return getRegionalIndicatorSymbol(country[0]) + getRegionalIndicatorSymbol(country[1]);\n}\n\nconst ALL_COUNTRIES: { [key: string]: string } = {\n    AF: 'Afghanistan',\n    AX: 'Åland Islands',\n    AL: 'Albania',\n    DZ: 'Algeria',\n    AS: 'American Samoa',\n    AD: 'Andorra',\n    AO: 'Angola',\n    AI: 'Anguilla',\n    AQ: 'Antarctica',\n    AG: 'Antigua and Barbuda',\n    AR: 'Argentina',\n    AM: 'Armenia',\n    AW: 'Aruba',\n    AU: 'Australia',\n    AT: 'Austria',\n    AZ: 'Azerbaijan',\n    BS: 'Bahamas',\n    BH: 'Bahrain',\n    BD: 'Bangladesh',\n    BB: 'Barbados',\n    BY: 'Belarus',\n    BE: 'Belgium',\n    BZ: 'Belize',\n    BJ: 'Benin',\n    BM: 'Bermuda',\n    BT: 'Bhutan',\n    BO: 'Bolivia (Plurinational State of)',\n    BQ: 'Bonaire, Sint Eustatius and Saba',\n    BA: 'Bosnia and Herzegovina',\n    BW: 'Botswana',\n    BV: 'Bouvet Island',\n    BR: 'Brazil',\n    IO: 'British Indian Ocean Territory',\n    BN: 'Brunei Darussalam',\n    BG: 'Bulgaria',\n    BF: 'Burkina Faso',\n    BI: 'Burundi',\n    CV: 'Caboe Verde',\n    KH: 'Cambodia',\n    CM: 'Cameroon',\n    CA: 'Canada',\n    KY: 'Cayman Islands',\n    CF: 'Central African Republic',\n    TD: 'Chad',\n    CL: 'Chile',\n    CN: 'China',\n    CX: 'Christmas Island',\n    CC: 'Cocos (Keeling) Islands',\n    CO: 'Colombia',\n    KM: 'Comoros',\n    CG: 'Congo',\n    CD: 'Congo, Democratic Republic of the',\n    CK: 'Cook Islands',\n    CR: 'Costa Rica',\n    CI: \"Côte d'voire\",\n    HR: 'Croatia',\n    CU: 'Cuba',\n    CW: 'Curaçao',\n    CY: 'Cyprus',\n    CZ: 'Czechia',\n    DK: 'Denmark',\n    DJ: 'Djibouti',\n    DM: 'Dominica',\n    DO: 'Dominican Republic',\n    EC: 'Ecuador',\n    EG: 'Egypt',\n    SV: 'El Salvador',\n    GQ: 'Equatorial Guinea',\n    ER: 'Eritrea',\n    EE: 'Estonia',\n    SZ: 'Eswatini',\n    ET: 'Ethiopia',\n    FK: 'Falkland Islands (Malvinas)',\n    FO: 'Faroe Islands',\n    FJ: 'Fiji',\n    FI: 'Finland',\n    FR: 'France',\n    GF: 'French Guiana',\n    PF: 'French Polynesia',\n    TF: 'French Southern Territories',\n    GA: 'Gabon',\n    GM: 'Gambia',\n    GE: 'Georgia',\n    DE: 'Germany',\n    GH: 'Ghana',\n    GI: 'Gibraltar',\n    GR: 'Greece',\n    GL: 'Greenland',\n    GD: 'Grenada',\n    GP: 'Guadeloupe',\n    GU: 'Guam',\n    GT: 'Guatemala',\n    GG: 'Guernsey',\n    GN: 'Guinea',\n    GW: 'Guinea-Bissau',\n    GY: 'Guyana',\n    HT: 'Haiti',\n    HM: 'Heard Island and Mcdonald Islands',\n    VA: 'Holy See',\n    HN: 'Honduras',\n    HK: 'Hong Kong',\n    HU: 'Hungary',\n    IS: 'Iceland',\n    IN: 'India',\n    ID: 'Indonesia',\n    IR: 'Iran (Islamic Republic of)',\n    IQ: 'Iraq',\n    IE: 'Ireland',\n    IM: 'Isle of Man',\n    IL: 'Israel',\n    IT: 'Italy',\n    JM: 'Jamaica',\n    JP: 'Japan',\n    JE: 'Jersey',\n    JO: 'Jordan',\n    KZ: 'Kazakhstan',\n    KE: 'Kenya',\n    KI: 'Kiribati',\n    KP: \"Korea (Democratic People's Republic of)\",\n    KR: 'Korea (Republic of)',\n    KW: 'Kuwait',\n    KG: 'Kyrgyzstan',\n    LA: \"Lao People's Democratic Republic\",\n    LV: 'Latvia',\n    LB: 'Lebanon',\n    LS: 'Lesotho',\n    LR: 'Liberia',\n    LY: 'Libya',\n    LI: 'Liechtenstein',\n    LT: 'Lithuania',\n    LU: 'Luxembourg',\n    MO: 'Macao',\n    MG: 'Madagascar',\n    MW: 'Malawi',\n    MY: 'Malaysia',\n    MV: 'Maldives',\n    ML: 'Mali',\n    MT: 'Malta',\n    MH: 'Marshall Islands',\n    MQ: 'Martinique',\n    MR: 'Mauritania',\n    MU: 'Mauritius',\n    YT: 'Mayotte',\n    MX: 'Mexico',\n    FM: 'Micronesia (Federated States of)',\n    MD: 'Moldova, Republic of',\n    MC: 'Monaco',\n    MN: 'Mongolia',\n    ME: 'Montenegro',\n    MS: 'Montserrat',\n    MA: 'Morocco',\n    MZ: 'Mozambique',\n    MM: 'Myanmar',\n    NA: 'Namibia',\n    NR: 'Nauru',\n    NP: 'Nepal',\n    NL: 'Netherlands, Kingdom of the',\n    NC: 'New Caledonia',\n    NZ: 'New Zealand',\n    NI: 'Nicaragua',\n    NE: 'Niger',\n    NG: 'Nigeria',\n    NU: 'Niue',\n    NF: 'Norfolk Island',\n    MK: 'North Macedonia',\n    MP: 'Northern Mariana Islands',\n    NO: 'Norway',\n    OM: 'Oman',\n    PK: 'Pakistan',\n    PW: 'Palau',\n    PS: 'Palestine, State of',\n    PA: 'Panama',\n    PG: 'Papua New Guinea',\n    PY: 'Paraguay',\n    PE: 'Peru',\n    PH: 'Philippines',\n    PN: 'Pitcairn',\n    PL: 'Poland',\n    PT: 'Portugal',\n    PR: 'Puerto Rico',\n    QA: 'Qatar',\n    RE: 'Réunion',\n    RO: 'Romania',\n    RU: 'Russian Federation',\n    RW: 'Rwanda',\n    BL: 'Saint Barthélemy',\n    SH: 'Saint Helena, Ascension Island, Tristan da Cunha',\n    KN: 'Saint Kitts and Nevis',\n    LC: 'Saint Lucia',\n    MF: 'Saint Martin (French part)',\n    PM: 'Saint Pierre and Miquelon',\n    VC: 'Saint Vincent and the Grenadines',\n    WS: 'Samoa',\n    SM: 'San Marino',\n    ST: 'Sao Tome and Principe',\n    SA: 'Saudi Arabia',\n    SN: 'Senegal',\n    RS: 'Serbia',\n    SC: 'Seychelles',\n    SL: 'Sierra Leone',\n    SG: 'Singapore',\n    SX: 'Sint Maarten (Dutch part)',\n    SK: 'Slovakia',\n    SI: 'Slovenia',\n    SB: 'Solomon Islands',\n    SO: 'Somalia',\n    ZA: 'South Africa',\n    GS: 'South Georgia and the South Sandwich Islands',\n    SS: 'South Sudan',\n    ES: 'Spain',\n    LK: 'Sri Lanka',\n    SD: 'Sudan',\n    SR: 'Suriname',\n    SJ: 'Svalbard and Jan Mayen',\n    SE: 'Sweden',\n    CH: 'Switzerland',\n    SY: 'Syrian Arab Republic',\n    TW: 'Taiwan, Province of China',\n    TJ: 'Tajikistan',\n    TZ: 'Tanzania, United Republic of',\n    TH: 'Thailand',\n    TL: 'Timor-Leste',\n    TG: 'Togo',\n    TK: 'Tokelau',\n    TO: 'Tonga',\n    TT: 'Trinidad and Tobago',\n    TN: 'Tunisia',\n    TR: 'Türkiye',\n    TM: 'Turkmenistan',\n    TC: 'Turks and Caicos Islands',\n    TV: 'Tuvalu',\n    UG: 'Uganda',\n    UA: 'Ukraine',\n    AE: 'United Arab Emirates',\n    GB: 'United Kingdom of Great Britain and Northern Ireland',\n    UM: 'United States Minor Outlying Islands',\n    US: 'United States of America',\n    UY: 'Uruguay',\n    UZ: 'Uzbekistan',\n    VU: 'Vanuatu',\n    VE: 'Venezuela (Bolivarian Republic of)',\n    VN: 'Viet Nam',\n    VG: 'Virgin Islands (British)',\n    VI: 'Virgin Islands (U.S)',\n    WF: 'Wallis and Futuna',\n    EH: 'Western Sahara',\n    YE: 'Yemen',\n    ZM: 'Zambia',\n    ZW: 'Zimbabwe',\n};\n\nexport function getCountryName(country: string) {\n    return ALL_COUNTRIES[country];\n}\n\n/** Options for MultiSelect component */\nexport const COUNTRY_OPTIONS: SelectOption[] = Object.entries(ALL_COUNTRIES).map(v => {\n    return {\n        label: (\n            <>\n                {getCountryFlag(v[0])} {v[1]}\n            </>\n        ),\n        id: v[0],\n    };\n});\n\nconst DATA_REGIONS: { [key: string]: string } = {\n    us: 'United States',\n    eu: 'European Union',\n};\nexport const DATA_REGION_OPTIONS: SelectOption[] = Object.entries(DATA_REGIONS).map(v => {\n    return {\n        label: (\n            <>\n                {getCountryFlag(v[0])} {v[1]}\n            </>\n        ),\n        id: v[0],\n    };\n});\n\nexport const OS_OPTIONS: SelectOption[] = Object.entries(ALL_OS).map(([id, label]) => ({\n    label,\n    id,\n}));\n"],"names":["ALL_LICENSE_TYPES","LICENSE_TYPE_ICONS","IcNodeLocked","IcHostedFloating","IcLexFloatServer","LICENSE_TYPE_OPTIONS","id","label","jsxs","Fragment","SUBSCRIPTION_START_TRIGGER_OPTIONS","getSubscriptionStartTriggerLabel","subscriptionStartTrigger","getCountryFlag","country","getRegionalIndicatorSymbol","letter","ALL_COUNTRIES","getCountryName","COUNTRY_OPTIONS","v","DATA_REGIONS","DATA_REGION_OPTIONS","OS_OPTIONS","ALL_OS"],"mappings":"+SASO,MAAMA,EAA4C,CACrD,cAAe,cACf,kBAAmB,kBACnB,sBAAuB,qBAC3B,EAEMC,EAAsD,CACxD,gBAAgBC,EAAA,EAAa,EAC7B,oBAAoBC,EAAA,EAAiB,EACrC,wBAAwBC,EAAA,CAAA,CAAiB,CAC7C,EAEaC,EAAuC,OAAO,QAAQL,CAAiB,EAAE,IAAI,CAAC,CAACM,EAAIC,CAAK,KAAO,CACxG,MACIC,EAAAC,EAAA,CACK,SAAA,CAAAF,EACAN,EAAmBK,CAAE,CAAA,EAC1B,EAEJ,GAAAA,CACJ,EAAE,EAEWI,EAAqD,CAC9D,CACI,MAAO,mBACP,GAAI,UAAA,EAER,CACI,MAAO,qBACP,GAAI,YAAA,CAEZ,EAEO,SAASC,EAAiCC,EAA0C,CACvF,OAAQA,EAAA,CACJ,IAAK,WACL,IAAK,mBACD,MAAO,mBACX,IAAK,aACL,IAAK,qBACD,MAAO,qBACX,QACI,MAAO,EAAA,CAEnB,CAQO,SAASC,EAAeC,EAAiB,CAC5C,SAASC,EAA2BC,EAAgB,CAChD,OAAO,OAAO,cAAc,OAAeA,EAAO,YAAA,EAAc,WAAW,CAAC,CAAC,CACjF,CAEA,OAAOD,EAA2BD,EAAQ,CAAC,CAAC,EAAIC,EAA2BD,EAAQ,CAAC,CAAC,CACzF,CAEA,MAAMG,EAA2C,CAC7C,GAAI,cACJ,GAAI,gBACJ,GAAI,UACJ,GAAI,UACJ,GAAI,iBACJ,GAAI,UACJ,GAAI,SACJ,GAAI,WACJ,GAAI,aACJ,GAAI,sBACJ,GAAI,YACJ,GAAI,UACJ,GAAI,QACJ,GAAI,YACJ,GAAI,UACJ,GAAI,aACJ,GAAI,UACJ,GAAI,UACJ,GAAI,aACJ,GAAI,WACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACJ,GAAI,QACJ,GAAI,UACJ,GAAI,SACJ,GAAI,mCACJ,GAAI,mCACJ,GAAI,yBACJ,GAAI,WACJ,GAAI,gBACJ,GAAI,SACJ,GAAI,iCACJ,GAAI,oBACJ,GAAI,WACJ,GAAI,eACJ,GAAI,UACJ,GAAI,cACJ,GAAI,WACJ,GAAI,WACJ,GAAI,SACJ,GAAI,iBACJ,GAAI,2BACJ,GAAI,OACJ,GAAI,QACJ,GAAI,QACJ,GAAI,mBACJ,GAAI,0BACJ,GAAI,WACJ,GAAI,UACJ,GAAI,QACJ,GAAI,oCACJ,GAAI,eACJ,GAAI,aACJ,GAAI,eACJ,GAAI,UACJ,GAAI,OACJ,GAAI,UACJ,GAAI,SACJ,GAAI,UACJ,GAAI,UACJ,GAAI,WACJ,GAAI,WACJ,GAAI,qBACJ,GAAI,UACJ,GAAI,QACJ,GAAI,cACJ,GAAI,oBACJ,GAAI,UACJ,GAAI,UACJ,GAAI,WACJ,GAAI,WACJ,GAAI,8BACJ,GAAI,gBACJ,GAAI,OACJ,GAAI,UACJ,GAAI,SACJ,GAAI,gBACJ,GAAI,mBACJ,GAAI,8BACJ,GAAI,QACJ,GAAI,SACJ,GAAI,UACJ,GAAI,UACJ,GAAI,QACJ,GAAI,YACJ,GAAI,SACJ,GAAI,YACJ,GAAI,UACJ,GAAI,aACJ,GAAI,OACJ,GAAI,YACJ,GAAI,WACJ,GAAI,SACJ,GAAI,gBACJ,GAAI,SACJ,GAAI,QACJ,GAAI,oCACJ,GAAI,WACJ,GAAI,WACJ,GAAI,YACJ,GAAI,UACJ,GAAI,UACJ,GAAI,QACJ,GAAI,YACJ,GAAI,6BACJ,GAAI,OACJ,GAAI,UACJ,GAAI,cACJ,GAAI,SACJ,GAAI,QACJ,GAAI,UACJ,GAAI,QACJ,GAAI,SACJ,GAAI,SACJ,GAAI,aACJ,GAAI,QACJ,GAAI,WACJ,GAAI,0CACJ,GAAI,sBACJ,GAAI,SACJ,GAAI,aACJ,GAAI,mCACJ,GAAI,SACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,QACJ,GAAI,gBACJ,GAAI,YACJ,GAAI,aACJ,GAAI,QACJ,GAAI,aACJ,GAAI,SACJ,GAAI,WACJ,GAAI,WACJ,GAAI,OACJ,GAAI,QACJ,GAAI,mBACJ,GAAI,aACJ,GAAI,aACJ,GAAI,YACJ,GAAI,UACJ,GAAI,SACJ,GAAI,mCACJ,GAAI,uBACJ,GAAI,SACJ,GAAI,WACJ,GAAI,aACJ,GAAI,aACJ,GAAI,UACJ,GAAI,aACJ,GAAI,UACJ,GAAI,UACJ,GAAI,QACJ,GAAI,QACJ,GAAI,8BACJ,GAAI,gBACJ,GAAI,cACJ,GAAI,YACJ,GAAI,QACJ,GAAI,UACJ,GAAI,OACJ,GAAI,iBACJ,GAAI,kBACJ,GAAI,2BACJ,GAAI,SACJ,GAAI,OACJ,GAAI,WACJ,GAAI,QACJ,GAAI,sBACJ,GAAI,SACJ,GAAI,mBACJ,GAAI,WACJ,GAAI,OACJ,GAAI,cACJ,GAAI,WACJ,GAAI,SACJ,GAAI,WACJ,GAAI,cACJ,GAAI,QACJ,GAAI,UACJ,GAAI,UACJ,GAAI,qBACJ,GAAI,SACJ,GAAI,mBACJ,GAAI,mDACJ,GAAI,wBACJ,GAAI,cACJ,GAAI,6BACJ,GAAI,4BACJ,GAAI,mCACJ,GAAI,QACJ,GAAI,aACJ,GAAI,wBACJ,GAAI,eACJ,GAAI,UACJ,GAAI,SACJ,GAAI,aACJ,GAAI,eACJ,GAAI,YACJ,GAAI,4BACJ,GAAI,WACJ,GAAI,WACJ,GAAI,kBACJ,GAAI,UACJ,GAAI,eACJ,GAAI,+CACJ,GAAI,cACJ,GAAI,QACJ,GAAI,YACJ,GAAI,QACJ,GAAI,WACJ,GAAI,yBACJ,GAAI,SACJ,GAAI,cACJ,GAAI,uBACJ,GAAI,4BACJ,GAAI,aACJ,GAAI,+BACJ,GAAI,WACJ,GAAI,cACJ,GAAI,OACJ,GAAI,UACJ,GAAI,QACJ,GAAI,sBACJ,GAAI,UACJ,GAAI,UACJ,GAAI,eACJ,GAAI,2BACJ,GAAI,SACJ,GAAI,SACJ,GAAI,UACJ,GAAI,uBACJ,GAAI,uDACJ,GAAI,uCACJ,GAAI,2BACJ,GAAI,UACJ,GAAI,aACJ,GAAI,UACJ,GAAI,qCACJ,GAAI,WACJ,GAAI,2BACJ,GAAI,uBACJ,GAAI,oBACJ,GAAI,iBACJ,GAAI,QACJ,GAAI,SACJ,GAAI,UACR,EAEO,SAASC,EAAeJ,EAAiB,CAC5C,OAAOG,EAAcH,CAAO,CAChC,CAGO,MAAMK,EAAkC,OAAO,QAAQF,CAAa,EAAE,IAAIG,IACtE,CACH,MACIZ,EAAAC,EAAA,CACK,SAAA,CAAAI,EAAeO,EAAE,CAAC,CAAC,EAAE,IAAEA,EAAE,CAAC,CAAA,EAC/B,EAEJ,GAAIA,EAAE,CAAC,CAAA,EAEd,EAEKC,EAA0C,CAC5C,GAAI,gBACJ,GAAI,gBACR,EACaC,EAAsC,OAAO,QAAQD,CAAY,EAAE,IAAID,IACzE,CACH,MACIZ,EAAAC,EAAA,CACK,SAAA,CAAAI,EAAeO,EAAE,CAAC,CAAC,EAAE,IAAEA,EAAE,CAAC,CAAA,EAC/B,EAEJ,GAAIA,EAAE,CAAC,CAAA,EAEd,EAEYG,EAA6B,OAAO,QAAQC,CAAM,EAAE,IAAI,CAAC,CAAClB,EAAIC,CAAK,KAAO,CACnF,MAAAA,EACA,GAAAD,CACJ,EAAE"}
+{"version":3,"file":"select-options.js","names":[],"sources":["../../lib/components/select-options.tsx"],"sourcesContent":["import { ALL_OS } from '../utilities/resources';\nimport { IcHostedFloating, IcLexFloatServer, IcNodeLocked } from './icons';\n\nexport type SelectOption = {\n    id: string;\n    label: React.ReactNode;\n    disabled?: boolean;\n};\n\nexport const ALL_LICENSE_TYPES: Record<string, string> = {\n    'node-locked': 'Node-locked',\n    'hosted-floating': 'Hosted Floating',\n    'on-premise-floating': 'On-premise Floating',\n};\n\nconst LICENSE_TYPE_ICONS: Record<string, React.ReactNode> = {\n    'node-locked': <IcNodeLocked />,\n    'hosted-floating': <IcHostedFloating />,\n    'on-premise-floating': <IcLexFloatServer />,\n};\n\nexport const LICENSE_TYPE_OPTIONS: SelectOption[] = Object.entries(ALL_LICENSE_TYPES).map(([id, label]) => ({\n    label: (\n        <>\n            {label}\n            {LICENSE_TYPE_ICONS[id]}\n        </>\n    ),\n    id,\n}));\n\nexport const SUBSCRIPTION_START_TRIGGER_OPTIONS: SelectOption[] = [\n    {\n        label: 'License Creation',\n        id: 'creation',\n    },\n    {\n        label: 'License Activation',\n        id: 'activation',\n    },\n];\n\nexport function getSubscriptionStartTriggerLabel(subscriptionStartTrigger: string): string {\n    switch (subscriptionStartTrigger) {\n        case 'creation':\n        case 'license-creation':\n            return 'License Creation';\n        case 'activation':\n        case 'license-activation':\n            return 'License Activation';\n        default:\n            return '';\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 */\nexport function getCountryFlag(country: string) {\n    function getRegionalIndicatorSymbol(letter: string) {\n        return String.fromCodePoint(0x1f1e6 - 65 + letter.toUpperCase().charCodeAt(0));\n    }\n\n    return getRegionalIndicatorSymbol(country[0]) + getRegionalIndicatorSymbol(country[1]);\n}\n\nconst ALL_COUNTRIES: { [key: string]: string } = {\n    AF: 'Afghanistan',\n    AX: 'Åland Islands',\n    AL: 'Albania',\n    DZ: 'Algeria',\n    AS: 'American Samoa',\n    AD: 'Andorra',\n    AO: 'Angola',\n    AI: 'Anguilla',\n    AQ: 'Antarctica',\n    AG: 'Antigua and Barbuda',\n    AR: 'Argentina',\n    AM: 'Armenia',\n    AW: 'Aruba',\n    AU: 'Australia',\n    AT: 'Austria',\n    AZ: 'Azerbaijan',\n    BS: 'Bahamas',\n    BH: 'Bahrain',\n    BD: 'Bangladesh',\n    BB: 'Barbados',\n    BY: 'Belarus',\n    BE: 'Belgium',\n    BZ: 'Belize',\n    BJ: 'Benin',\n    BM: 'Bermuda',\n    BT: 'Bhutan',\n    BO: 'Bolivia (Plurinational State of)',\n    BQ: 'Bonaire, Sint Eustatius and Saba',\n    BA: 'Bosnia and Herzegovina',\n    BW: 'Botswana',\n    BV: 'Bouvet Island',\n    BR: 'Brazil',\n    IO: 'British Indian Ocean Territory',\n    BN: 'Brunei Darussalam',\n    BG: 'Bulgaria',\n    BF: 'Burkina Faso',\n    BI: 'Burundi',\n    CV: 'Caboe Verde',\n    KH: 'Cambodia',\n    CM: 'Cameroon',\n    CA: 'Canada',\n    KY: 'Cayman Islands',\n    CF: 'Central African Republic',\n    TD: 'Chad',\n    CL: 'Chile',\n    CN: 'China',\n    CX: 'Christmas Island',\n    CC: 'Cocos (Keeling) Islands',\n    CO: 'Colombia',\n    KM: 'Comoros',\n    CG: 'Congo',\n    CD: 'Congo, Democratic Republic of the',\n    CK: 'Cook Islands',\n    CR: 'Costa Rica',\n    CI: \"Côte d'voire\",\n    HR: 'Croatia',\n    CU: 'Cuba',\n    CW: 'Curaçao',\n    CY: 'Cyprus',\n    CZ: 'Czechia',\n    DK: 'Denmark',\n    DJ: 'Djibouti',\n    DM: 'Dominica',\n    DO: 'Dominican Republic',\n    EC: 'Ecuador',\n    EG: 'Egypt',\n    SV: 'El Salvador',\n    GQ: 'Equatorial Guinea',\n    ER: 'Eritrea',\n    EE: 'Estonia',\n    SZ: 'Eswatini',\n    ET: 'Ethiopia',\n    FK: 'Falkland Islands (Malvinas)',\n    FO: 'Faroe Islands',\n    FJ: 'Fiji',\n    FI: 'Finland',\n    FR: 'France',\n    GF: 'French Guiana',\n    PF: 'French Polynesia',\n    TF: 'French Southern Territories',\n    GA: 'Gabon',\n    GM: 'Gambia',\n    GE: 'Georgia',\n    DE: 'Germany',\n    GH: 'Ghana',\n    GI: 'Gibraltar',\n    GR: 'Greece',\n    GL: 'Greenland',\n    GD: 'Grenada',\n    GP: 'Guadeloupe',\n    GU: 'Guam',\n    GT: 'Guatemala',\n    GG: 'Guernsey',\n    GN: 'Guinea',\n    GW: 'Guinea-Bissau',\n    GY: 'Guyana',\n    HT: 'Haiti',\n    HM: 'Heard Island and Mcdonald Islands',\n    VA: 'Holy See',\n    HN: 'Honduras',\n    HK: 'Hong Kong',\n    HU: 'Hungary',\n    IS: 'Iceland',\n    IN: 'India',\n    ID: 'Indonesia',\n    IR: 'Iran (Islamic Republic of)',\n    IQ: 'Iraq',\n    IE: 'Ireland',\n    IM: 'Isle of Man',\n    IL: 'Israel',\n    IT: 'Italy',\n    JM: 'Jamaica',\n    JP: 'Japan',\n    JE: 'Jersey',\n    JO: 'Jordan',\n    KZ: 'Kazakhstan',\n    KE: 'Kenya',\n    KI: 'Kiribati',\n    KP: \"Korea (Democratic People's Republic of)\",\n    KR: 'Korea (Republic of)',\n    KW: 'Kuwait',\n    KG: 'Kyrgyzstan',\n    LA: \"Lao People's Democratic Republic\",\n    LV: 'Latvia',\n    LB: 'Lebanon',\n    LS: 'Lesotho',\n    LR: 'Liberia',\n    LY: 'Libya',\n    LI: 'Liechtenstein',\n    LT: 'Lithuania',\n    LU: 'Luxembourg',\n    MO: 'Macao',\n    MG: 'Madagascar',\n    MW: 'Malawi',\n    MY: 'Malaysia',\n    MV: 'Maldives',\n    ML: 'Mali',\n    MT: 'Malta',\n    MH: 'Marshall Islands',\n    MQ: 'Martinique',\n    MR: 'Mauritania',\n    MU: 'Mauritius',\n    YT: 'Mayotte',\n    MX: 'Mexico',\n    FM: 'Micronesia (Federated States of)',\n    MD: 'Moldova, Republic of',\n    MC: 'Monaco',\n    MN: 'Mongolia',\n    ME: 'Montenegro',\n    MS: 'Montserrat',\n    MA: 'Morocco',\n    MZ: 'Mozambique',\n    MM: 'Myanmar',\n    NA: 'Namibia',\n    NR: 'Nauru',\n    NP: 'Nepal',\n    NL: 'Netherlands, Kingdom of the',\n    NC: 'New Caledonia',\n    NZ: 'New Zealand',\n    NI: 'Nicaragua',\n    NE: 'Niger',\n    NG: 'Nigeria',\n    NU: 'Niue',\n    NF: 'Norfolk Island',\n    MK: 'North Macedonia',\n    MP: 'Northern Mariana Islands',\n    NO: 'Norway',\n    OM: 'Oman',\n    PK: 'Pakistan',\n    PW: 'Palau',\n    PS: 'Palestine, State of',\n    PA: 'Panama',\n    PG: 'Papua New Guinea',\n    PY: 'Paraguay',\n    PE: 'Peru',\n    PH: 'Philippines',\n    PN: 'Pitcairn',\n    PL: 'Poland',\n    PT: 'Portugal',\n    PR: 'Puerto Rico',\n    QA: 'Qatar',\n    RE: 'Réunion',\n    RO: 'Romania',\n    RU: 'Russian Federation',\n    RW: 'Rwanda',\n    BL: 'Saint Barthélemy',\n    SH: 'Saint Helena, Ascension Island, Tristan da Cunha',\n    KN: 'Saint Kitts and Nevis',\n    LC: 'Saint Lucia',\n    MF: 'Saint Martin (French part)',\n    PM: 'Saint Pierre and Miquelon',\n    VC: 'Saint Vincent and the Grenadines',\n    WS: 'Samoa',\n    SM: 'San Marino',\n    ST: 'Sao Tome and Principe',\n    SA: 'Saudi Arabia',\n    SN: 'Senegal',\n    RS: 'Serbia',\n    SC: 'Seychelles',\n    SL: 'Sierra Leone',\n    SG: 'Singapore',\n    SX: 'Sint Maarten (Dutch part)',\n    SK: 'Slovakia',\n    SI: 'Slovenia',\n    SB: 'Solomon Islands',\n    SO: 'Somalia',\n    ZA: 'South Africa',\n    GS: 'South Georgia and the South Sandwich Islands',\n    SS: 'South Sudan',\n    ES: 'Spain',\n    LK: 'Sri Lanka',\n    SD: 'Sudan',\n    SR: 'Suriname',\n    SJ: 'Svalbard and Jan Mayen',\n    SE: 'Sweden',\n    CH: 'Switzerland',\n    SY: 'Syrian Arab Republic',\n    TW: 'Taiwan, Province of China',\n    TJ: 'Tajikistan',\n    TZ: 'Tanzania, United Republic of',\n    TH: 'Thailand',\n    TL: 'Timor-Leste',\n    TG: 'Togo',\n    TK: 'Tokelau',\n    TO: 'Tonga',\n    TT: 'Trinidad and Tobago',\n    TN: 'Tunisia',\n    TR: 'Türkiye',\n    TM: 'Turkmenistan',\n    TC: 'Turks and Caicos Islands',\n    TV: 'Tuvalu',\n    UG: 'Uganda',\n    UA: 'Ukraine',\n    AE: 'United Arab Emirates',\n    GB: 'United Kingdom of Great Britain and Northern Ireland',\n    UM: 'United States Minor Outlying Islands',\n    US: 'United States of America',\n    UY: 'Uruguay',\n    UZ: 'Uzbekistan',\n    VU: 'Vanuatu',\n    VE: 'Venezuela (Bolivarian Republic of)',\n    VN: 'Viet Nam',\n    VG: 'Virgin Islands (British)',\n    VI: 'Virgin Islands (U.S)',\n    WF: 'Wallis and Futuna',\n    EH: 'Western Sahara',\n    YE: 'Yemen',\n    ZM: 'Zambia',\n    ZW: 'Zimbabwe',\n};\n\nexport function getCountryName(country: string) {\n    return ALL_COUNTRIES[country];\n}\n\n/** Options for MultiSelect component */\nexport const COUNTRY_OPTIONS: SelectOption[] = Object.entries(ALL_COUNTRIES).map(v => {\n    return {\n        label: (\n            <>\n                {getCountryFlag(v[0])} {v[1]}\n            </>\n        ),\n        id: v[0],\n    };\n});\n\nconst DATA_REGIONS: { [key: string]: string } = {\n    us: 'United States',\n    eu: 'European Union',\n};\nexport const DATA_REGION_OPTIONS: SelectOption[] = Object.entries(DATA_REGIONS).map(v => {\n    return {\n        label: (\n            <>\n                {getCountryFlag(v[0])} {v[1]}\n            </>\n        ),\n        id: v[0],\n    };\n});\n\nexport const OS_OPTIONS: SelectOption[] = Object.entries(ALL_OS).map(([id, label]) => ({\n    label,\n    id,\n}));\n"],"mappings":"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"}

package/dist/components/select.d.ts

@@ -6,16 +6,16 @@ import { ListBoxHeader, ListBoxItem } from './list-box';
 export declare const SelectItem: typeof ListBoxItem;
 export declare const SelectHeader: typeof ListBoxHeader;
 export declare const SelectCollection: typeof import('react-aria-components').Collection;
-export declare const SelectValue: <T extends object>({ className, ...props }: AriaSelectValueProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectValue: <T extends object>({ className, ...props }: AriaSelectValueProps<T>) => import("react").JSX.Element;
 export declare function SelectTrigger({ className, children, withChevron, ...props }: React.ComponentProps<typeof Button> & {
     withChevron?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SelectPopover({ className, ...props }: AriaPopoverProps): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+export declare function SelectPopover({ className, ...props }: AriaPopoverProps): import("react").JSX.Element;
 export interface SingleSelectProps<T extends SelectOption> extends Omit<AriaSelectProps<T>, 'children'>, FormFieldProps {
     items: Iterable<T>;
     children: React.ReactNode | ((item: T) => React.ReactNode);
 }
-export declare function SingleSelect<T extends SelectOption>({ label, description, errorMessage, children, className, requiredIndicator, items, ...props }: SingleSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SingleSelect<T extends SelectOption>({ label, description, errorMessage, children, className, requiredIndicator, items, ...props }: SingleSelectProps<T>): import("react").JSX.Element;
 type TfSingleSelectProps<T extends SelectOption> = Omit<SingleSelectProps<T>, 'value' | 'setValue' | 'children'>;
-export declare function TfSingleSelect<T extends SelectOption>({ ...props }: TfSingleSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TfSingleSelect<T extends SelectOption>({ ...props }: TfSingleSelectProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/select.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as d,Fragment as p}from"react/jsx-runtime";import{useId as g}from"react";import{Select as h,composeRenderProps as l,SelectValue as S,ListBox as x}from"react-aria-components";import{Button as N}from"./button.js";import{getFieldErrorMessage as b}from"../utilities/form.js";import{useFieldContext as B}from"../utilities/form-context.js";import{classNames as o}from"../utilities/theme.js";import{FormField as I}from"./form.js";import{IcDown as w}from"./icons.js";import{ListBoxItem as F,ListBoxCollection as L,ListBoxHeader as v}from"./list-box.js";import{Popover as y}from"./popover.js";import"class-variance-authority";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";import"@tanstack/react-form";import"./card.js";const C=h,D=F,Z=v,_=L,j=({className:i,...e})=>r(S,{className:l(i,t=>o("line-clamp-1 data-[placeholder]:text-muted-foreground","[&>[slot=description]]:hidden",t)),...e});function P({className:i,children:e,withChevron:t=!0,...n}){return r(N,{type:"button",...n,className:o("px-2 bg-surface-primary",t&&"justify-between",i),children:l(e,c=>d(p,{children:[r("span",{className:"inline-flex gap-1",children:c}),t&&r(w,{"aria-hidden":"true",className:"shrink-0"})]}))})}function V({className:i,...e}){return r(y,{className:l(i,t=>o("w-auto min-w-(--trigger-width)",t)),...e})}function q({className:i,...e}){return r(x,{className:l(i,t=>o("overflow-auto p-1 outline-none",t)),...e})}function H({label:i,description:e,errorMessage:t,children:n,className:c,requiredIndicator:m,items:u,...s}){const f=g(),a=s.id||f;return r("div",{className:o("group form-field",c),children:r(I,{label:i,description:e,errorMessage:t,requiredIndicator:m,htmlFor:a,children:d(C,{...s,placeholder:s.placeholder??"",children:[r(P,{className:"w-full",id:a,children:r(j,{className:"inline-flex gap-1 items-center"})}),r(V,{children:r(q,{items:u,children:n})})]})})})}function ee({...i}){const e=B({disabled:i.isDisabled});return r(H,{requiredIndicator:e.isRequired,selectedKey:e.state.value,onSelectionChange:t=>e.handleChange(t.toString()),onBlur:e.handleBlur,errorMessage:b(e),...i,isDisabled:i.isDisabled||e.isSubmitting,children:t=>r(D,{id:t.id,children:t.label},t.id)})}export{_ as SelectCollection,Z as SelectHeader,D as SelectItem,V as SelectPopover,P as SelectTrigger,j as SelectValue,H as SingleSelect,ee as TfSingleSelect};
-//# sourceMappingURL=select.js.map
+"use client";import{classNames as e}from"../utilities/theme.js";import{x as t}from"../icons.js";import{useFieldContext as n}from"../utilities/form-context.js";import{Button as r}from"./button.js";import{FormField as i}from"./form.js";import{ListBoxCollection as a,ListBoxHeader as o,ListBoxItem as s}from"./list-box.js";import{getFieldErrorMessage as c}from"../utilities/form.js";import{Popover as l}from"./popover.js";import{useId as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{ListBox as m,Select as h,SelectValue as g,composeRenderProps as _}from"react-aria-components";var v=h,y=s,b=o,x=a,S=({className:t,...n})=>f(g,{className:_(t,t=>e(`line-clamp-1 data-[placeholder]:text-muted-foreground`,`[&>[slot=description]]:hidden`,t)),...n});function C({className:n,children:i,withChevron:a=!0,...o}){return f(r,{type:`button`,...o,className:e(`px-2 bg-surface-primary`,a&&`justify-between`,n),children:_(i,e=>p(d,{children:[f(`span`,{className:`inline-flex gap-1`,children:e}),a&&f(t,{"aria-hidden":`true`,className:`shrink-0`})]}))})}function w({className:t,...n}){return f(l,{className:_(t,t=>e(`w-auto min-w-(--trigger-width)`,t)),...n})}function T({className:t,...n}){return f(m,{className:_(t,t=>e(`overflow-auto p-1 outline-none`,t)),...n})}function E({label:t,description:n,errorMessage:r,children:a,className:o,requiredIndicator:s,items:c,...l}){let d=u(),m=l.id||d;return f(`div`,{className:e(`group form-field`,o),children:f(i,{label:t,description:n,errorMessage:r,requiredIndicator:s,htmlFor:m,children:p(v,{...l,placeholder:l.placeholder??``,children:[f(C,{className:`w-full`,id:m,children:f(S,{className:`inline-flex gap-1 items-center`})}),f(w,{children:f(T,{items:c,children:a})})]})})})}function D({...e}){let t=n({disabled:e.isDisabled});return f(E,{requiredIndicator:t.isRequired,selectedKey:t.state.value,onSelectionChange:e=>t.handleChange(e.toString()),onBlur:t.handleBlur,errorMessage:c(t),...e,isDisabled:e.isDisabled||t.isSubmitting,children:e=>f(y,{id:e.id,children:e.label},e.id)})}export{x as SelectCollection,b as SelectHeader,y as SelectItem,w as SelectPopover,C as SelectTrigger,S as SelectValue,E as SingleSelect,D as TfSingleSelect};
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../lib/components/select.tsx"],"sourcesContent":["'use client';\nimport { useId } from 'react';\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 { Button } from '../components/button';\nimport type { SelectOption } from '../components/select-options';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { FormField, type FormFieldProps } from './form';\nimport { IcDown } from './icons';\nimport { ListBoxCollection, ListBoxHeader, ListBoxItem } from './list-box';\nimport { Popover } from './popover';\n\nconst ASelect = AriaSelect;\nexport const SelectItem = ListBoxItem;\nexport const SelectHeader = ListBoxHeader;\nexport const SelectCollection = ListBoxCollection;\n\nexport const SelectValue = <T extends object>({ className, ...props }: AriaSelectValueProps<T>) => (\n    <AriaSelectValue\n        className={composeRenderProps(className, className =>\n            classNames(\n                'line-clamp-1 data-[placeholder]:text-muted-foreground',\n                /* Description */\n                '[&>[slot=description]]:hidden',\n                className\n            )\n        )}\n        {...props}\n    />\n);\nexport function SelectTrigger({\n    className,\n    children,\n    withChevron = true,\n    ...props\n}: React.ComponentProps<typeof Button> & { withChevron?: boolean }) {\n    return (\n        <Button\n            type=\"button\"\n            {...props}\n            className={classNames('px-2 bg-surface-primary', withChevron && 'justify-between', className)}\n        >\n            {composeRenderProps(children, children => (\n                <>\n                    <span className=\"inline-flex gap-1\">{children}</span>\n                    {withChevron && <IcDown aria-hidden=\"true\" className=\"shrink-0\" />}\n                </>\n            ))}\n        </Button>\n    );\n}\n\nexport function SelectPopover({ className, ...props }: AriaPopoverProps) {\n    return (\n        <Popover\n            className={composeRenderProps(className, className =>\n                classNames('w-auto min-w-(--trigger-width)', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SelectListBox<T extends object>({ className, ...props }: AriaListBoxProps<T>) {\n    return (\n        <AriaListBox\n            className={composeRenderProps(className, className =>\n                classNames('overflow-auto p-1 outline-none', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface SingleSelectProps<T extends SelectOption>\n    extends Omit<AriaSelectProps<T>, 'children'>,\n        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    requiredIndicator,\n    items,\n    ...props\n}: SingleSelectProps<T>) {\n    const generatedId = useId();\n    const fieldId = props.id || generatedId;\n\n    return (\n        <div className={classNames('group form-field', className)}>\n            <FormField {...{ label, description, errorMessage, requiredIndicator, htmlFor: fieldId }}>\n                <ASelect {...props} placeholder={props.placeholder ?? ''}>\n                    <SelectTrigger className={'w-full'} id={fieldId}>\n                        <SelectValue className={'inline-flex gap-1 items-center'} />\n                    </SelectTrigger>\n                    <SelectPopover>\n                        <SelectListBox items={items}>{children}</SelectListBox>\n                    </SelectPopover>\n                </ASelect>\n            </FormField>\n        </div>\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>({ disabled: props.isDisabled });\n\n    return (\n        <SingleSelect\n            requiredIndicator={field.isRequired}\n            selectedKey={field.state.value}\n            onSelectionChange={e => field.handleChange(e!.toString())}\n            onBlur={field.handleBlur}\n            errorMessage={getFieldErrorMessage(field)}\n            {...props}\n            isDisabled={props.isDisabled || field.isSubmitting}\n        >\n            {item => (\n                <SelectItem id={item.id} key={item.id}>\n                    {item.label}\n                </SelectItem>\n            )}\n        </SingleSelect>\n    );\n}\n"],"names":["ASelect","AriaSelect","SelectItem","ListBoxItem","SelectHeader","ListBoxHeader","SelectCollection","ListBoxCollection","SelectValue","className","props","jsx","AriaSelectValue","composeRenderProps","classNames","SelectTrigger","children","withChevron","Button","jsxs","Fragment","IcDown","SelectPopover","Popover","SelectListBox","AriaListBox","SingleSelect","label","description","errorMessage","requiredIndicator","items","generatedId","useId","fieldId","FormField","TfSingleSelect","field","useFieldContext","e","getFieldErrorMessage","item"],"mappings":"kwBAuBA,MAAMA,EAAUC,EACHC,EAAaC,EACbC,EAAeC,EACfC,EAAmBC,EAEnBC,EAAc,CAAmB,CAAE,UAAAC,EAAW,GAAGC,KAC1DC,EAACC,EAAA,CACG,UAAWC,EAAmBJ,EAAWA,GACrCK,EACI,wDAEA,gCACAL,CAAA,CACJ,EAEH,GAAGC,CAAA,CACR,EAEG,SAASK,EAAc,CAC1B,UAAAN,EACA,SAAAO,EACA,YAAAC,EAAc,GACd,GAAGP,CACP,EAAoE,CAChE,OACIC,EAACO,EAAA,CACG,KAAK,SACJ,GAAGR,EACJ,UAAWI,EAAW,0BAA2BG,GAAe,kBAAmBR,CAAS,EAE3F,SAAAI,EAAmBG,EAAUA,GAC1BG,EAAAC,EAAA,CACI,SAAA,CAAAT,EAAC,OAAA,CAAK,UAAU,oBAAqB,SAAAK,EAAS,EAC7CC,GAAeN,EAACU,EAAA,CAAO,cAAY,OAAO,UAAU,UAAA,CAAW,CAAA,EACpE,CACH,CAAA,CAAA,CAGb,CAEO,SAASC,EAAc,CAAE,UAAAb,EAAW,GAAGC,GAA2B,CACrE,OACIC,EAACY,EAAA,CACG,UAAWV,EAAmBJ,EAAWA,GACrCK,EAAW,iCAAkCL,CAAS,CAAA,EAEzD,GAAGC,CAAA,CAAA,CAGhB,CAEA,SAASc,EAAgC,CAAE,UAAAf,EAAW,GAAGC,GAA8B,CACnF,OACIC,EAACc,EAAA,CACG,UAAWZ,EAAmBJ,EAAWA,GACrCK,EAAW,iCAAkCL,CAAS,CAAA,EAEzD,GAAGC,CAAA,CAAA,CAGhB,CASO,SAASgB,EAAqC,CACjD,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAb,EACA,UAAAP,EACA,kBAAAqB,EACA,MAAAC,EACA,GAAGrB,CACP,EAAyB,CACrB,MAAMsB,EAAcC,EAAA,EACdC,EAAUxB,EAAM,IAAMsB,EAE5B,OACIrB,EAAC,MAAA,CAAI,UAAWG,EAAW,mBAAoBL,CAAS,EACpD,SAAAE,EAACwB,EAAA,CAAgB,MAAAR,EAAO,YAAAC,EAAa,aAAAC,EAAc,kBAAAC,EAAmB,QAASI,EAC3E,SAAAf,EAACnB,EAAA,CAAS,GAAGU,EAAO,YAAaA,EAAM,aAAe,GAClD,SAAA,CAAAC,EAACI,EAAA,CAAc,UAAW,SAAU,GAAImB,EACpC,SAAAvB,EAACH,EAAA,CAAY,UAAW,gCAAA,CAAkC,CAAA,CAC9D,IACCc,EAAA,CACG,SAAAX,EAACa,EAAA,CAAc,MAAAO,EAAe,SAAAf,EAAS,CAAA,CAC3C,CAAA,CAAA,CACJ,EACJ,EACJ,CAER,CAIO,SAASoB,GAAuC,CAAE,GAAG1B,GAAiC,CACzF,MAAM2B,EAAQC,EAAwB,CAAE,SAAU5B,EAAM,WAAY,EAEpE,OACIC,EAACe,EAAA,CACG,kBAAmBW,EAAM,WACzB,YAAaA,EAAM,MAAM,MACzB,kBAAmBE,GAAKF,EAAM,aAAaE,EAAG,UAAU,EACxD,OAAQF,EAAM,WACd,aAAcG,EAAqBH,CAAK,EACvC,GAAG3B,EACJ,WAAYA,EAAM,YAAc2B,EAAM,aAErC,SAAAI,KACIvC,EAAA,CAAW,GAAIuC,EAAK,GAChB,SAAAA,EAAK,KAAA,EADoBA,EAAK,EAEnC,CAAA,CAAA,CAIhB"}
+{"version":3,"file":"select.js","names":[],"sources":["../../lib/components/select.tsx"],"sourcesContent":["'use client';\nimport { useId } from 'react';\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 { Button } from '../components/button';\nimport type { SelectOption } from '../components/select-options';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { FormField, type FormFieldProps } from './form';\nimport { IcDown } from './icons';\nimport { ListBoxCollection, ListBoxHeader, ListBoxItem } from './list-box';\nimport { Popover } from './popover';\n\nconst ASelect = AriaSelect;\nexport const SelectItem = ListBoxItem;\nexport const SelectHeader = ListBoxHeader;\nexport const SelectCollection = ListBoxCollection;\n\nexport const SelectValue = <T extends object>({ className, ...props }: AriaSelectValueProps<T>) => (\n    <AriaSelectValue\n        className={composeRenderProps(className, className =>\n            classNames(\n                'line-clamp-1 data-[placeholder]:text-muted-foreground',\n                /* Description */\n                '[&>[slot=description]]:hidden',\n                className\n            )\n        )}\n        {...props}\n    />\n);\nexport function SelectTrigger({\n    className,\n    children,\n    withChevron = true,\n    ...props\n}: React.ComponentProps<typeof Button> & { withChevron?: boolean }) {\n    return (\n        <Button\n            type=\"button\"\n            {...props}\n            className={classNames('px-2 bg-surface-primary', withChevron && 'justify-between', className)}\n        >\n            {composeRenderProps(children, children => (\n                <>\n                    <span className=\"inline-flex gap-1\">{children}</span>\n                    {withChevron && <IcDown aria-hidden=\"true\" className=\"shrink-0\" />}\n                </>\n            ))}\n        </Button>\n    );\n}\n\nexport function SelectPopover({ className, ...props }: AriaPopoverProps) {\n    return (\n        <Popover\n            className={composeRenderProps(className, className =>\n                classNames('w-auto min-w-(--trigger-width)', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SelectListBox<T extends object>({ className, ...props }: AriaListBoxProps<T>) {\n    return (\n        <AriaListBox\n            className={composeRenderProps(className, className =>\n                classNames('overflow-auto p-1 outline-none', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface SingleSelectProps<T extends SelectOption>\n    extends Omit<AriaSelectProps<T>, 'children'>,\n        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    requiredIndicator,\n    items,\n    ...props\n}: SingleSelectProps<T>) {\n    const generatedId = useId();\n    const fieldId = props.id || generatedId;\n\n    return (\n        <div className={classNames('group form-field', className)}>\n            <FormField {...{ label, description, errorMessage, requiredIndicator, htmlFor: fieldId }}>\n                <ASelect {...props} placeholder={props.placeholder ?? ''}>\n                    <SelectTrigger className={'w-full'} id={fieldId}>\n                        <SelectValue className={'inline-flex gap-1 items-center'} />\n                    </SelectTrigger>\n                    <SelectPopover>\n                        <SelectListBox items={items}>{children}</SelectListBox>\n                    </SelectPopover>\n                </ASelect>\n            </FormField>\n        </div>\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>({ disabled: props.isDisabled });\n\n    return (\n        <SingleSelect\n            requiredIndicator={field.isRequired}\n            selectedKey={field.state.value}\n            onSelectionChange={e => field.handleChange(e!.toString())}\n            onBlur={field.handleBlur}\n            errorMessage={getFieldErrorMessage(field)}\n            {...props}\n            isDisabled={props.isDisabled || field.isSubmitting}\n        >\n            {item => (\n                <SelectItem id={item.id} key={item.id}>\n                    {item.label}\n                </SelectItem>\n            )}\n        </SingleSelect>\n    );\n}\n"],"mappings":"smBAuBA,IAAM,EAAU,EACH,EAAa,EACb,EAAe,EACf,EAAmB,EAEnB,GAAiC,CAAE,YAAW,GAAG,KAC1D,EAAC,EAAD,CACI,UAAW,EAAmB,EAAW,GACrC,EACI,wDAEA,gCACA,CACJ,CACJ,EACA,GAAI,CACP,CAAA,EAEL,SAAgB,EAAc,CAC1B,YACA,WACA,cAAc,GACd,GAAG,GAC6D,CAChE,OACI,EAAC,EAAD,CACI,KAAK,SACL,GAAI,EACJ,UAAW,EAAW,0BAA2B,GAAe,kBAAmB,CAAS,EAE3F,SAAA,EAAmB,EAAU,GAC1B,EAAA,EAAA,CAAA,SAAA,CACI,EAAC,OAAD,CAAM,UAAU,oBAAqB,UAAe,CAAA,EACnD,GAAe,EAAC,EAAD,CAAQ,cAAY,OAAO,UAAU,UAAY,CAAA,CACnE,CAAA,CAAA,CACL,CACG,CAAA,CAEhB,CAEA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAA2B,CACrE,OACI,EAAC,EAAD,CACI,UAAW,EAAmB,EAAW,GACrC,EAAW,iCAAkC,CAAS,CAC1D,EACA,GAAI,CACP,CAAA,CAET,CAEA,SAAS,EAAgC,CAAE,YAAW,GAAG,GAA8B,CACnF,OACI,EAAC,EAAD,CACI,UAAW,EAAmB,EAAW,GACrC,EAAW,iCAAkC,CAAS,CAC1D,EACA,GAAI,CACP,CAAA,CAET,CASA,SAAgB,EAAqC,CACjD,QACA,cACA,eACA,WACA,YACA,oBACA,QACA,GAAG,GACkB,CACrB,IAAM,EAAc,EAAM,EACpB,EAAU,EAAM,IAAM,EAE5B,OACI,EAAC,MAAD,CAAK,UAAW,EAAW,mBAAoB,CAAS,EACpD,SAAA,EAAC,EAAD,CAAiB,QAAO,cAAa,eAAc,oBAAmB,QAAS,EAC3E,SAAA,EAAC,EAAD,CAAS,GAAI,EAAO,YAAa,EAAM,aAAe,GAAtD,SAAA,CACI,EAAC,EAAD,CAAe,UAAW,SAAU,GAAI,EACpC,SAAA,EAAC,EAAD,CAAa,UAAW,gCAAmC,CAAA,CAChD,CAAA,EACf,EAAC,EAAD,CAAA,SACI,EAAC,EAAD,CAAsB,QAAQ,UAAwB,CAAA,CAC3C,CAAA,CACV,GACF,CAAA,CACV,CAAA,CAEb,CAIA,SAAgB,EAAuC,CAAE,GAAG,GAAiC,CACzF,IAAM,EAAQ,EAAwB,CAAE,SAAU,EAAM,UAAW,CAAC,EAEpE,OACI,EAAC,EAAD,CACI,kBAAmB,EAAM,WACzB,YAAa,EAAM,MAAM,MACzB,kBAAmB,GAAK,EAAM,aAAa,EAAG,SAAS,CAAC,EACxD,OAAQ,EAAM,WACd,aAAc,EAAqB,CAAK,EACxC,GAAI,EACJ,WAAY,EAAM,YAAc,EAAM,aAErC,SAAA,GACG,EAAC,EAAD,CAAY,GAAI,EAAK,GAChB,SAAA,EAAK,KACE,EAFkB,EAAK,EAEvB,CAEN,CAAA,CAEtB"}

package/dist/components/sidebar.d.ts

@@ -34,7 +34,7 @@ export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenCha
     open?: boolean;
     /** Callback when sidebar opens/closes */
     onOpenChange?: (open: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * The actual sidebar panel. On mobile it becomes a modal dialog.
  */
@@ -45,57 +45,57 @@ export declare function Sidebar({ side, variant, collapsible, className, childre
     variant?: 'sidebar' | 'floating';
     /** How it collapses. Default: offcanvas */
     collapsible?: 'offcanvas' | 'icon' | 'none';
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Button that toggles the sidebar. Shows arrow icons.
  */
-export declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react").JSX.Element;
 /**
  * Scrollable container for sidebar content
  */
-export declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /**
  * Groups related menu items together
  */
-export declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /**
  * Label for a group.
  */
-export declare function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /**
  * Content wrapper for a group
  */
-export declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /**
  * Container for menu items
  */
-export declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): import("react").JSX.Element;
 /**
  * Single menu item wrapper
  */
-export declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): import("react").JSX.Element;
 /**
  * Extra action button that appears on the right side of menu items
  */
 export declare function SidebarMenuAction({ className, ...props }: React.ComponentProps<'button'> & {
     /** Only show on hover */
     showOnHover?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Shows a number badge on menu items. Auto-formats large numbers.
  */
 export declare function SidebarMenuBadge({ className, number, ...props }: Omit<React.ComponentProps<'div'>, 'children'> & {
     /** The count to display */
     number: number | bigint;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Nested submenu container
  */
-export declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): import("react").JSX.Element;
 /**
  * Submenu item wrapper
  */
-export declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): import("react").JSX.Element;
 export declare const sidebarMenuButtonClasses = "btn-tab relative rounded-md border-0 justify-start w-full group-data-[collapsible=icon]:justify-center";
 /**
  * Main menu button. Pass isActive for current page.
@@ -106,13 +106,13 @@ export declare function SidebarMenuButton({ isActive, className, children, icon:
     leading?: React.ReactNode;
     isActive?: boolean;
     children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Button for submenu items
  */
 export declare function SidebarMenuSubButton({ isActive, className, ...props }: React.ComponentProps<'button'> & {
     isActive?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.
  */
@@ -120,8 +120,8 @@ export declare function SidebarHeader({ className, logo, children, showTrigger,
     /** Square logo/icon to display */
     logo?: React.ReactNode;
     showTrigger?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+export declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /**
  *
  * @example Basic usage
@@ -132,7 +132,7 @@ export declare function SidebarFooter({ className, ...props }: React.ComponentPr
  * </SidebarOutlet>
  * ```
  */
-export declare function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarOutletContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export declare function SidebarOutletContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export declare function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>): import("react").JSX.Element;
 export {};

package/dist/components/sidebar.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,jsxs as h}from"react/jsx-runtime";import{createContext as _,useState as w,useCallback as y,useEffect as j,useMemo as B,use as D}from"react";import{Button as S}from"./button.js";import{DialogTrigger as I,DialogOverlay as T,DialogContent as z}from"./dialog.js";import{TooltipTrigger as E,Tooltip as G}from"./tooltip.js";import{classNames as i}from"../utilities/theme.js";import{useIsMobile as K}from"../utilities/use-mobile.js";import{IcMenu as L,IcLeft as R,IcRight as A}from"./icons.js";import"class-variance-authority";import"react-aria-components";import"./loader.js";import"clsx";import"@icons-pack/react-simple-icons";const H="/",N=_(null);function v(){const e=D(N);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function te({defaultOpen:e=!0,open:a,onOpenChange:r,className:n,style:o,children:s,...c}){const d=K(),[u,p]=w(!1),[C,k]=w(e),f=a??C,m=y(l=>{const b=typeof l=="function"?l(f):l;r?r(b):k(b)},[r,f]),g=y(()=>d?p(l=>!l):m(l=>!l),[d,m,p]);j(()=>{const l=b=>{b.key===H&&(b.metaKey||b.ctrlKey)&&(b.preventDefault(),g())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[g]);const x=f?"expanded":"collapsed",O=B(()=>({state:x,open:f,setOpen:m,isMobile:d,openMobile:u,setOpenMobile:p,toggleSidebar:g}),[x,f,m,d,u,p,g]);return t(N.Provider,{value:O,children:t("div",{className:i("group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-surface-primary",n),...c,children:s})})}function ie({side:e="left",variant:a="sidebar",collapsible:r="icon",className:n,children:o,...s}){const{isMobile:c,state:d,openMobile:u,setOpenMobile:p}=v();return r==="none"?t("div",{className:i("flex h-full w-(--sidebar-width) flex-col bg-surface-primary text-text-primary",n),...s,children:o}):c?t(I,{isOpen:u,onOpenChange:p,...s,children:t(T,{children:t(z,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden border-r! border-stroke-primary! bg-surface-primary!",side:"left",closeButton:!1,children:()=>t("div",{className:"flex h-full w-full flex-col",children:o})})})}):h("div",{className:"group peer hidden text-text-primary md:block","data-state":d,"data-collapsible":d==="collapsed"?r:"","data-variant":a,"data-side":e,children:[t("div",{className:i("relative w-(--sidebar-width) bg-surface-primary transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{className:i("absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",n),...s,children:t("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-surface-primary group-data-[variant=floating]:border group-data-[variant=floating]:border-border",children:o})})]})}function F({className:e,onClick:a,...r}){const{toggleSidebar:n,open:o,isMobile:s}=v();return t(S,{"data-sidebar":"trigger",variant:"neutral",size:"icon-sm",className:i(e,"!rounded-full p-icon"),onClick:c=>{a?.(c),n()},"aria-label":"trigger",...r,children:s?t(L,{}):o?t(R,{}):t(A,{})})}function re({className:e,...a}){return t("div",{"data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden",e),...a})}function ne({className:e,...a}){return t("div",{"data-sidebar":"group",className:i("group/section relative flex w-full min-w-0 flex-col px-3 group-data-[collapsible=icon]:items-center",e),...a})}function oe({className:e,...a}){return t("div",{"data-sidebar":"group-label",className:i("flex h-input shrink-0 items-center overflow-hidden px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[height,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0","group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:!h-0 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:opacity-0",e),...a})}function le({className:e,...a}){return t("div",{"data-sidebar":"group-content",className:i("w-full body-sm",e),...a})}function se({className:e,...a}){return t("ul",{"data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col gap-px",e),...a})}function de({className:e,...a}){return t("li",{"data-sidebar":"menu-item",className:i("group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden",e),...a})}function ue({className:e,...a}){return t("button",{"data-sidebar":"menu-action",className:i("absolute top-0 right-0 btn btn-ghost h-input","group-data-[collapsible=icon]:hidden",e),...a})}function ce({className:e,number:a,...r}){return t("div",{"data-sidebar":"menu-badge",className:i("absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums","group-data-[collapsible=icon]:hidden",e),...r,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(a)})}function be({className:e,...a}){return t("ul",{"data-sidebar":"menu-sub",className:i("ms-2 flex min-w-0 flex-col","group-data-[collapsible=icon]:hidden",e),...a})}function pe({className:e,...a}){return t("li",{className:i("list-none ms-0",e),...a})}const M="btn-tab relative rounded-md border-0 justify-start w-full group-data-[collapsible=icon]:justify-center";function fe({isActive:e=!1,className:a,children:r,icon:n,leading:o,...s}){const{isMobile:c,state:d}=v(),u=!c&&d==="collapsed";return h(E,{isDisabled:!u,children:[h(S,{size:u?"icon":void 0,"data-sidebar":"menu-button",...e&&{"data-selected":!0},className:i("peer/menu-button group/active group-has-[[data-sidebar=menu-action]]/menu-item:pr-input",M,a),...s,children:[t("span",{"aria-hidden":!0,className:"absolute inset-y-2 -left-1 w-[7px] rounded-full bg-primary opacity-0 group-data-[selected=true]/active:opacity-100"}),o!==void 0?o:n?t(n,{}):null,!u&&r]}),t(G,{placement:"right",children:t("span",{className:"flex items-center gap-2",children:r})})]})}function me({isActive:e,className:a,...r}){return t("button",{"data-sidebar":"menu-sub-button","data-active":e,className:i(M,a),...r})}function ge({className:e,logo:a,children:r,showTrigger:n=!0,...o}){return h("div",{"data-sidebar":"header",className:i("flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...o,children:[a&&t("div",{className:"flex items-center justify-center size-input shrink-0",children:a}),r&&t("div",{className:"flex-1 min-w-0 group-data-[collapsible=icon]:hidden",children:r}),n&&t(F,{className:"hidden bg-surface-primary lg:flex lg:absolute lg:-right-4 lg:z-50"})]})}function he({className:e,...a}){return t("div",{"data-sidebar":"footer",className:i("mt-auto flex shrink-0 select-none items-center gap-2 border-t py-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",e),...a})}function ve({className:e,...a}){return t("div",{className:i(e,"flex flex-col flex-1 overflow-auto"),...a})}function xe({className:e,...a}){return t("div",{className:i(e,"flex-1 overflow-auto"),...a})}function we({className:e,...a}){return t("nav",{className:i("flex items-center h-header bg-surface-primary p-2 border-b",e),...a})}export{ie as Sidebar,re as SidebarContent,N as SidebarContext,he as SidebarFooter,ne as SidebarGroup,le as SidebarGroupContent,oe as SidebarGroupLabel,ge as SidebarHeader,se as SidebarMenu,ue as SidebarMenuAction,ce as SidebarMenuBadge,fe as SidebarMenuButton,de as SidebarMenuItem,be as SidebarMenuSub,me as SidebarMenuSubButton,pe as SidebarMenuSubItem,ve as SidebarOutlet,xe as SidebarOutletContent,we as SidebarOutletHeader,te as SidebarProvider,F as SidebarTrigger,M as sidebarMenuButtonClasses,v as useSidebar};
-//# sourceMappingURL=sidebar.js.map
+"use client";import{classNames as e}from"../utilities/theme.js";import{At as t,K as n,nt as r}from"../icons.js";import{Button as i}from"./button.js";import{useIsMobile as a}from"../utilities/use-mobile.js";import{Tooltip as o,TooltipTrigger as s}from"./tooltip.js";import{DialogContent as c,DialogOverlay as l,DialogTrigger as u}from"./dialog.js";import{createContext as d,use as f,useCallback as p,useEffect as m,useMemo as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";var y=`/`,b=d(null);function x(){let e=f(b);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function S({defaultOpen:t=!0,open:n,onOpenChange:r,className:i,style:o,children:s,...c}){let l=a(),[u,d]=g(!1),[f,v]=g(t),x=n??f,S=p(e=>{let t=typeof e==`function`?e(x):e;r?r(t):v(t)},[r,x]),C=p(()=>l?d(e=>!e):S(e=>!e),[l,S,d]);m(()=>{let e=e=>{e.key===y&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),C())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[C]);let w=x?`expanded`:`collapsed`,T=h(()=>({state:w,open:x,setOpen:S,isMobile:l,openMobile:u,setOpenMobile:d,toggleSidebar:C}),[w,x,S,l,u,d,C]);return _(b.Provider,{value:T,children:_(`div`,{className:e(`group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-surface-primary`,i),...c,children:s})})}function C({side:t=`left`,variant:n=`sidebar`,collapsible:r=`icon`,className:i,children:a,...o}){let{isMobile:s,state:d,openMobile:f,setOpenMobile:p}=x();return r===`none`?_(`div`,{className:e(`flex h-full w-(--sidebar-width) flex-col bg-surface-primary text-text-primary`,i),...o,children:a}):s?_(u,{isOpen:f,onOpenChange:p,...o,children:_(l,{children:_(c,{"data-sidebar":`sidebar`,"data-mobile":`true`,className:`w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden border-r! border-stroke-primary! bg-surface-primary!`,side:`left`,closeButton:!1,children:()=>_(`div`,{className:`flex h-full w-full flex-col`,children:a})})})}):v(`div`,{className:`group peer hidden text-text-primary md:block`,"data-state":d,"data-collapsible":d===`collapsed`?r:``,"data-variant":n,"data-side":t,children:[_(`div`,{className:e(`relative w-(--sidebar-width) bg-surface-primary transition-[width] duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),_(`div`,{className:e(`absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,t===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...o,children:_(`div`,{"data-sidebar":`sidebar`,className:`flex h-full w-full flex-col bg-surface-primary group-data-[variant=floating]:border group-data-[variant=floating]:border-border`,children:a})})]})}function w({className:a,onClick:o,...s}){let{toggleSidebar:c,open:l,isMobile:u}=x();return _(i,{"data-sidebar":`trigger`,variant:`neutral`,size:`icon-sm`,className:e(a,`!rounded-full p-icon`),onClick:e=>{o?.(e),c()},"aria-label":`trigger`,...s,children:_(u?r:l?n:t,{})})}function T({className:t,...n}){return _(`div`,{"data-sidebar":`content`,className:e(`flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden`,t),...n})}function E({className:t,...n}){return _(`div`,{"data-sidebar":`group`,className:e(`group/section relative flex w-full min-w-0 flex-col px-3 group-data-[collapsible=icon]:items-center`,t),...n})}function D({className:t,...n}){return _(`div`,{"data-sidebar":`group-label`,className:e(`flex h-input shrink-0 items-center overflow-hidden px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[height,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0`,`group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:!h-0 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:opacity-0`,t),...n})}function O({className:t,...n}){return _(`div`,{"data-sidebar":`group-content`,className:e(`w-full body-sm`,t),...n})}function k({className:t,...n}){return _(`ul`,{"data-sidebar":`menu`,className:e(`flex w-full min-w-0 flex-col gap-px`,t),...n})}function A({className:t,...n}){return _(`li`,{"data-sidebar":`menu-item`,className:e(`group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden`,t),...n})}function j({className:t,...n}){return _(`button`,{"data-sidebar":`menu-action`,className:e(`absolute top-0 right-0 btn btn-ghost h-input`,`group-data-[collapsible=icon]:hidden`,t),...n})}function M({className:t,number:n,...r}){return _(`div`,{"data-sidebar":`menu-badge`,className:e(`absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums`,`group-data-[collapsible=icon]:hidden`,t),...r,children:new Intl.NumberFormat(navigator.language,{useGrouping:!0}).format(n)})}function N({className:t,...n}){return _(`ul`,{"data-sidebar":`menu-sub`,className:e(`ms-2 flex min-w-0 flex-col`,`group-data-[collapsible=icon]:hidden`,t),...n})}function P({className:t,...n}){return _(`li`,{className:e(`list-none ms-0`,t),...n})}var F=`btn-tab relative rounded-md border-0 justify-start w-full group-data-[collapsible=icon]:justify-center`;function I({isActive:t=!1,className:n,children:r,icon:a,leading:c,...l}){let{isMobile:u,state:d}=x(),f=!u&&d===`collapsed`;return v(s,{isDisabled:!f,children:[v(i,{size:f?`icon`:void 0,"data-sidebar":`menu-button`,...t&&{"data-selected":!0},className:e(`peer/menu-button group/active group-has-[[data-sidebar=menu-action]]/menu-item:pr-input`,F,n),...l,children:[_(`span`,{"aria-hidden":!0,className:`absolute inset-y-2 -left-1 w-[7px] rounded-full bg-primary opacity-0 group-data-[selected=true]/active:opacity-100`}),c===void 0?a?_(a,{}):null:c,!f&&r]}),_(o,{placement:`right`,children:_(`span`,{className:`flex items-center gap-2`,children:r})})]})}function L({isActive:t,className:n,...r}){return _(`button`,{"data-sidebar":`menu-sub-button`,"data-active":t,className:e(F,n),...r})}function R({className:t,logo:n,children:r,showTrigger:i=!0,...a}){return v(`div`,{"data-sidebar":`header`,className:e(`flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0`,t),...a,children:[n&&_(`div`,{className:`flex items-center justify-center size-input shrink-0`,children:n}),r&&_(`div`,{className:`flex-1 min-w-0 group-data-[collapsible=icon]:hidden`,children:r}),i&&_(w,{className:`hidden bg-surface-primary lg:flex lg:absolute lg:-right-4 lg:z-50`})]})}function z({className:t,...n}){return _(`div`,{"data-sidebar":`footer`,className:e(`mt-auto flex shrink-0 select-none items-center gap-2 border-t py-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0`,t),...n})}function B({className:t,...n}){return _(`div`,{className:e(t,`flex flex-col flex-1 overflow-auto`),...n})}function V({className:t,...n}){return _(`div`,{className:e(t,`flex-1 overflow-auto`),...n})}function H({className:t,...n}){return _(`nav`,{className:e(`flex items-center h-header bg-surface-primary p-2 border-b`,t),...n})}export{C as Sidebar,T as SidebarContent,b as SidebarContext,z as SidebarFooter,E as SidebarGroup,O as SidebarGroupContent,D as SidebarGroupLabel,R as SidebarHeader,k as SidebarMenu,j as SidebarMenuAction,M as SidebarMenuBadge,I as SidebarMenuButton,A as SidebarMenuItem,N as SidebarMenuSub,L as SidebarMenuSubButton,P as SidebarMenuSubItem,B as SidebarOutlet,V as SidebarOutletContent,H as SidebarOutletHeader,S as SidebarProvider,w as SidebarTrigger,F as sidebarMenuButtonClasses,x as useSidebar};
+//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../lib/components/sidebar.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '../components/button';\nimport { DialogContent, DialogOverlay, DialogTrigger } from '../components/dialog';\nimport { Tooltip, TooltipTrigger } from '../components/tooltip';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcLeft, IcMenu, IcRight, type CtxIcon } from './icons';\n\nconst SIDEBAR_KEYBOARD_SHORTCUT = '/';\n\ntype SidebarContextProps = {\n    state: 'expanded' | 'collapsed';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\n/**\n * Get the current sidebar state and controls. Must be inside SidebarProvider.\n * @throws When used outside of SidebarProvider\n */\nexport function useSidebar() {\n    const context = use(SidebarContext);\n    if (!context) {\n        throw new Error('useSidebar must be used within a SidebarProvider.');\n    }\n\n    return context;\n}\n\n/**\n * Wraps your app layout and manages sidebar state. Handles keyboard shortcuts (Cmd/Ctrl + /)\n * and mobile vs desktop behavior.\n *\n * @example\n * <SidebarProvider>\n *   <Sidebar>...</Sidebar>\n *   <SidebarOutlet>\n *     <main>Your app content</main>\n *   </SidebarOutlet>\n * </SidebarProvider>\n */\nexport function SidebarProvider({\n    defaultOpen = true,\n    open: openProp,\n    onOpenChange: setOpenProp,\n    className,\n    style,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Initial open state. Defaults to true */\n    defaultOpen?: boolean;\n    /** Control the open state yourself */\n    open?: boolean;\n    /** Callback when sidebar opens/closes */\n    onOpenChange?: (open: boolean) => void;\n}) {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = useCallback(\n        (value: boolean | ((value: boolean) => boolean)) => {\n            const openState = typeof value === 'function' ? value(open) : value;\n            if (setOpenProp) {\n                setOpenProp(openState);\n            } else {\n                _setOpen(openState);\n            }\n        },\n        [setOpenProp, open]\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = useCallback(() => {\n        return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n                event.preventDefault();\n                toggleSidebar();\n            }\n        };\n\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = useMemo<SidebarContextProps>(\n        () => ({\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        }),\n        [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n        <SidebarContext.Provider value={contextValue}>\n            <div\n                className={classNames(\n                    'group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-surface-primary',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        </SidebarContext.Provider>\n    );\n}\n\n/**\n * The actual sidebar panel. On mobile it becomes a modal dialog.\n */\nexport function Sidebar({\n    side = 'left',\n    variant = 'sidebar',\n    collapsible = 'icon',\n    className,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Where to dock the sidebar. Default: left */\n    side?: 'left' | 'right';\n    /** Style variant. Default: sidebar */\n    variant?: 'sidebar' | 'floating';\n    /** How it collapses. Default: offcanvas */\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n        return (\n            <div\n                className={classNames(\n                    'flex h-full w-(--sidebar-width) flex-col bg-surface-primary text-text-primary',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (isMobile) {\n        return (\n            <DialogTrigger isOpen={openMobile} onOpenChange={setOpenMobile} {...props}>\n                <DialogOverlay>\n                    <DialogContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden border-r! border-stroke-primary! bg-surface-primary!\"\n                        side=\"left\"\n                        closeButton={false}\n                    >\n                        {() => <div className=\"flex h-full w-full flex-col\">{children}</div>}\n                    </DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        );\n    }\n\n    return (\n        <div\n            className=\"group peer hidden text-text-primary md:block\"\n            data-state={state}\n            data-collapsible={state === 'collapsed' ? collapsible : ''}\n            data-variant={variant}\n            data-side={side}\n        >\n            {/* This is what handles the sidebar gap on desktop */}\n            <div\n                className={classNames(\n                    'relative w-(--sidebar-width) bg-surface-primary transition-[width] duration-200 ease-linear',\n                    'group-data-[collapsible=offcanvas]:w-0',\n                    'group-data-[side=right]:rotate-180',\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n                )}\n            />\n            <div\n                className={classNames(\n                    'absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n                    side === 'left'\n                        ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n                        : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n                    // Adjust the padding for floating variant.\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"flex h-full w-full flex-col bg-surface-primary group-data-[variant=floating]:border group-data-[variant=floating]:border-border\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\n/**\n * Button that toggles the sidebar. Shows arrow icons.\n */\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n    const { toggleSidebar, open, isMobile } = useSidebar();\n\n    return (\n        <Button\n            data-sidebar=\"trigger\"\n            variant=\"neutral\"\n            size=\"icon-sm\"\n            className={classNames(className, '!rounded-full p-icon')}\n            onClick={event => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            aria-label=\"trigger\"\n            {...props}\n        >\n            {/* Use transition to rotate a single icon */}\n            {isMobile ? <IcMenu /> : open ? <IcLeft /> : <IcRight />}\n        </Button>\n    );\n}\n\n/**\n * Scrollable container for sidebar content\n */\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"content\"\n            className={classNames('flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Groups related menu items together\n */\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group\"\n            className={classNames(\n                'group/section relative flex w-full min-w-0 flex-col px-3 group-data-[collapsible=icon]:items-center',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Label for a group.\n */\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group-label\"\n            className={classNames(\n                'flex h-input shrink-0 items-center overflow-hidden px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[height,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0',\n                'group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:!h-0 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:opacity-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Content wrapper for a group\n */\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div data-sidebar=\"group-content\" className={classNames('w-full body-sm', className)} {...props} />;\n}\n\n/**\n * Container for menu items\n */\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul data-sidebar=\"menu\" className={classNames('flex w-full min-w-0 flex-col gap-px', className)} {...props} />\n    );\n}\n\n/**\n * Single menu item wrapper\n */\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-sidebar=\"menu-item\"\n            className={classNames(\n                'group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Extra action button that appears on the right side of menu items\n */\nexport function SidebarMenuAction({\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    /** Only show on hover */\n    showOnHover?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-action\"\n            className={classNames(\n                'absolute top-0 right-0 btn btn-ghost h-input',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Shows a number badge on menu items. Auto-formats large numbers.\n */\nexport function SidebarMenuBadge({\n    className,\n    number,\n    ...props\n}: Omit<React.ComponentProps<'div'>, 'children'> & {\n    /** The count to display */\n    number: number | bigint;\n}) {\n    return (\n        <div\n            data-sidebar=\"menu-badge\"\n            className={classNames(\n                'absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        >\n            {/* Format the number  */}\n            {new Intl.NumberFormat(navigator.language, { useGrouping: true }).format(number)}\n        </div>\n    );\n}\n\n/**\n * Nested submenu container\n */\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-sidebar=\"menu-sub\"\n            className={classNames('ms-2 flex min-w-0 flex-col', 'group-data-[collapsible=icon]:hidden', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Submenu item wrapper\n */\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('list-none ms-0', className)} {...props} />;\n}\n\nexport const sidebarMenuButtonClasses =\n    'btn-tab relative rounded-md border-0 justify-start w-full group-data-[collapsible=icon]:justify-center';\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\n/**\n * Main menu button. Pass isActive for current page.\n */\nexport function SidebarMenuButton({\n    isActive = false,\n    className,\n    children,\n    icon: Icon,\n    leading,\n    ...props\n}: Omit<React.ComponentProps<typeof Button>, 'children'> & {\n    /** Mark as currently active page */\n    icon?: CtxIcon;\n    leading?: React.ReactNode;\n    isActive?: boolean;\n    children?: React.ReactNode;\n}) {\n    const { isMobile, state } = useSidebar();\n    const isCollapsed = !isMobile && state === 'collapsed';\n\n    return (\n        <TooltipTrigger isDisabled={!isCollapsed}>\n            <Button\n                size={isCollapsed ? 'icon' : undefined}\n                data-sidebar=\"menu-button\"\n                {...(isActive && { 'data-selected': true })}\n                className={classNames(\n                    'peer/menu-button group/active group-has-[[data-sidebar=menu-action]]/menu-item:pr-input',\n                    sidebarMenuButtonClasses,\n                    className\n                )}\n                {...props}\n            >\n                <span\n                    aria-hidden\n                    className=\"absolute inset-y-2 -left-1 w-[7px] rounded-full bg-primary opacity-0 group-data-[selected=true]/active:opacity-100\"\n                />\n                {leading !== undefined ? leading : Icon ? <Icon /> : null}\n                {!isCollapsed && children}\n            </Button>\n            <Tooltip placement=\"right\">\n                <span className=\"flex items-center gap-2\">{children}</span>\n            </Tooltip>\n        </TooltipTrigger>\n    );\n}\n\n/**\n * Button for submenu items\n */\nexport function SidebarMenuSubButton({\n    isActive,\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    isActive?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-sub-button\"\n            data-active={isActive}\n            className={classNames(sidebarMenuButtonClasses, className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.\n */\nexport function SidebarHeader({\n    className,\n    logo,\n    children,\n    showTrigger = true,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Square logo/icon to display */\n    logo?: React.ReactNode;\n    showTrigger?: boolean;\n}) {\n    return (\n        <div\n            data-sidebar=\"header\"\n            className={classNames(\n                'flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        >\n            {logo && <div className=\"flex items-center justify-center size-input shrink-0\">{logo}</div>}\n            {children && <div className=\"flex-1 min-w-0 group-data-[collapsible=icon]:hidden\">{children}</div>}\n            {showTrigger && (\n                <SidebarTrigger className={'hidden bg-surface-primary lg:flex lg:absolute lg:-right-4 lg:z-50'} />\n            )}\n        </div>\n    );\n}\n\nexport function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"footer\"\n            className={classNames(\n                'mt-auto flex shrink-0 select-none items-center gap-2 border-t py-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n *\n * @example Basic usage\n * ```tsx\n * <SidebarOutlet>\n *  <SidebarOutletHeader><SidebarTrigger/></SidebarOutletHeader>\n *  <SidebarOutletContent><Outlet/></SidebarOutletContent>\n * </SidebarOutlet>\n * ```\n */\nexport function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'flex flex-col flex-1 overflow-auto')} {...props} />;\n}\n\nexport function SidebarOutletContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'flex-1 overflow-auto')} {...props} />;\n}\n\nexport function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>) {\n    return (\n        <nav\n            className={classNames('flex items-center h-header bg-surface-primary p-2 border-b', className)}\n            {...props}\n        />\n    );\n}\n"],"names":["SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","createContext","useSidebar","context","use","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","useState","_open","_setOpen","open","setOpen","useCallback","value","openState","toggleSidebar","useEffect","handleKeyDown","event","state","contextValue","useMemo","jsx","classNames","Sidebar","side","variant","collapsible","DialogTrigger","DialogOverlay","DialogContent","jsxs","SidebarTrigger","onClick","Button","IcMenu","IcLeft","IcRight","SidebarContent","SidebarGroup","SidebarGroupLabel","SidebarGroupContent","SidebarMenu","SidebarMenuItem","SidebarMenuAction","SidebarMenuBadge","number","SidebarMenuSub","SidebarMenuSubItem","sidebarMenuButtonClasses","SidebarMenuButton","isActive","Icon","leading","isCollapsed","TooltipTrigger","Tooltip","SidebarMenuSubButton","SidebarHeader","logo","showTrigger","SidebarFooter","SidebarOutlet","SidebarOutletContent","SidebarOutletHeader"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../lib/components/sidebar.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Button } from '../components/button';\nimport { DialogContent, DialogOverlay, DialogTrigger } from '../components/dialog';\nimport { Tooltip, TooltipTrigger } from '../components/tooltip';\nimport { classNames } from '../utilities/theme';\nimport { useIsMobile } from '../utilities/use-mobile';\nimport { IcLeft, IcMenu, IcRight, type CtxIcon } from './icons';\n\nconst SIDEBAR_KEYBOARD_SHORTCUT = '/';\n\ntype SidebarContextProps = {\n    state: 'expanded' | 'collapsed';\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\n/**\n * Get the current sidebar state and controls. Must be inside SidebarProvider.\n * @throws When used outside of SidebarProvider\n */\nexport function useSidebar() {\n    const context = use(SidebarContext);\n    if (!context) {\n        throw new Error('useSidebar must be used within a SidebarProvider.');\n    }\n\n    return context;\n}\n\n/**\n * Wraps your app layout and manages sidebar state. Handles keyboard shortcuts (Cmd/Ctrl + /)\n * and mobile vs desktop behavior.\n *\n * @example\n * <SidebarProvider>\n *   <Sidebar>...</Sidebar>\n *   <SidebarOutlet>\n *     <main>Your app content</main>\n *   </SidebarOutlet>\n * </SidebarProvider>\n */\nexport function SidebarProvider({\n    defaultOpen = true,\n    open: openProp,\n    onOpenChange: setOpenProp,\n    className,\n    style,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Initial open state. Defaults to true */\n    defaultOpen?: boolean;\n    /** Control the open state yourself */\n    open?: boolean;\n    /** Callback when sidebar opens/closes */\n    onOpenChange?: (open: boolean) => void;\n}) {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = useCallback(\n        (value: boolean | ((value: boolean) => boolean)) => {\n            const openState = typeof value === 'function' ? value(open) : value;\n            if (setOpenProp) {\n                setOpenProp(openState);\n            } else {\n                _setOpen(openState);\n            }\n        },\n        [setOpenProp, open]\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = useCallback(() => {\n        return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n                event.preventDefault();\n                toggleSidebar();\n            }\n        };\n\n        window.addEventListener('keydown', handleKeyDown);\n        return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = useMemo<SidebarContextProps>(\n        () => ({\n            state,\n            open,\n            setOpen,\n            isMobile,\n            openMobile,\n            setOpenMobile,\n            toggleSidebar,\n        }),\n        [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n        <SidebarContext.Provider value={contextValue}>\n            <div\n                className={classNames(\n                    'group/sidebar-wrapper flex w-full has-[[data-variant=inset]]:bg-surface-primary',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        </SidebarContext.Provider>\n    );\n}\n\n/**\n * The actual sidebar panel. On mobile it becomes a modal dialog.\n */\nexport function Sidebar({\n    side = 'left',\n    variant = 'sidebar',\n    collapsible = 'icon',\n    className,\n    children,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Where to dock the sidebar. Default: left */\n    side?: 'left' | 'right';\n    /** Style variant. Default: sidebar */\n    variant?: 'sidebar' | 'floating';\n    /** How it collapses. Default: offcanvas */\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n        return (\n            <div\n                className={classNames(\n                    'flex h-full w-(--sidebar-width) flex-col bg-surface-primary text-text-primary',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n            </div>\n        );\n    }\n\n    if (isMobile) {\n        return (\n            <DialogTrigger isOpen={openMobile} onOpenChange={setOpenMobile} {...props}>\n                <DialogOverlay>\n                    <DialogContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-(--sidebar-width) max-h-svh overflow-auto p-0 [&>button]:hidden border-r! border-stroke-primary! bg-surface-primary!\"\n                        side=\"left\"\n                        closeButton={false}\n                    >\n                        {() => <div className=\"flex h-full w-full flex-col\">{children}</div>}\n                    </DialogContent>\n                </DialogOverlay>\n            </DialogTrigger>\n        );\n    }\n\n    return (\n        <div\n            className=\"group peer hidden text-text-primary md:block\"\n            data-state={state}\n            data-collapsible={state === 'collapsed' ? collapsible : ''}\n            data-variant={variant}\n            data-side={side}\n        >\n            {/* This is what handles the sidebar gap on desktop */}\n            <div\n                className={classNames(\n                    'relative w-(--sidebar-width) bg-surface-primary transition-[width] duration-200 ease-linear',\n                    'group-data-[collapsible=offcanvas]:w-0',\n                    'group-data-[side=right]:rotate-180',\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)'\n                )}\n            />\n            <div\n                className={classNames(\n                    'absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n                    side === 'left'\n                        ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n                        : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n                    // Adjust the padding for floating variant.\n                    variant === 'floating'\n                        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'\n                        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n                    className\n                )}\n                {...props}\n            >\n                <div\n                    data-sidebar=\"sidebar\"\n                    className=\"flex h-full w-full flex-col bg-surface-primary group-data-[variant=floating]:border group-data-[variant=floating]:border-border\"\n                >\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\n/**\n * Button that toggles the sidebar. Shows arrow icons.\n */\nexport function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n    const { toggleSidebar, open, isMobile } = useSidebar();\n\n    return (\n        <Button\n            data-sidebar=\"trigger\"\n            variant=\"neutral\"\n            size=\"icon-sm\"\n            className={classNames(className, '!rounded-full p-icon')}\n            onClick={event => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            aria-label=\"trigger\"\n            {...props}\n        >\n            {/* Use transition to rotate a single icon */}\n            {isMobile ? <IcMenu /> : open ? <IcLeft /> : <IcRight />}\n        </Button>\n    );\n}\n\n/**\n * Scrollable container for sidebar content\n */\nexport function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"content\"\n            className={classNames('flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Groups related menu items together\n */\nexport function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group\"\n            className={classNames(\n                'group/section relative flex w-full min-w-0 flex-col px-3 group-data-[collapsible=icon]:items-center',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Label for a group.\n */\nexport function SidebarGroupLabel({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"group-label\"\n            className={classNames(\n                'flex h-input shrink-0 items-center overflow-hidden px-2 text-xs select-none font-medium uppercase text-muted-foreground outline-none ring-ring transition-[height,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-icon [&>svg]:shrink-0',\n                'group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:!h-0 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:opacity-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Content wrapper for a group\n */\nexport function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div data-sidebar=\"group-content\" className={classNames('w-full body-sm', className)} {...props} />;\n}\n\n/**\n * Container for menu items\n */\nexport function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul data-sidebar=\"menu\" className={classNames('flex w-full min-w-0 flex-col gap-px', className)} {...props} />\n    );\n}\n\n/**\n * Single menu item wrapper\n */\nexport function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return (\n        <li\n            data-sidebar=\"menu-item\"\n            className={classNames(\n                'group/menu-item relative list-none group-data-[collapsible=icon]:[&>*:not([data-sidebar=menu-button])]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Extra action button that appears on the right side of menu items\n */\nexport function SidebarMenuAction({\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    /** Only show on hover */\n    showOnHover?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-action\"\n            className={classNames(\n                'absolute top-0 right-0 btn btn-ghost h-input',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n * Shows a number badge on menu items. Auto-formats large numbers.\n */\nexport function SidebarMenuBadge({\n    className,\n    number,\n    ...props\n}: Omit<React.ComponentProps<'div'>, 'children'> & {\n    /** The count to display */\n    number: number | bigint;\n}) {\n    return (\n        <div\n            data-sidebar=\"menu-badge\"\n            className={classNames(\n                'absolute pointer-events-none top-0 right-0 font-light h-input select-none flex items-center justify-center body-sm tabular-nums',\n                'group-data-[collapsible=icon]:hidden',\n                className\n            )}\n            {...props}\n        >\n            {/* Format the number  */}\n            {new Intl.NumberFormat(navigator.language, { useGrouping: true }).format(number)}\n        </div>\n    );\n}\n\n/**\n * Nested submenu container\n */\nexport function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n    return (\n        <ul\n            data-sidebar=\"menu-sub\"\n            className={classNames('ms-2 flex min-w-0 flex-col', 'group-data-[collapsible=icon]:hidden', className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Submenu item wrapper\n */\nexport function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('list-none ms-0', className)} {...props} />;\n}\n\nexport const sidebarMenuButtonClasses =\n    'btn-tab relative rounded-md border-0 justify-start w-full group-data-[collapsible=icon]:justify-center';\n\n// Common interaction logic for SidebarMenuButton and SidebarMenuSubButton\n/**\n * Main menu button. Pass isActive for current page.\n */\nexport function SidebarMenuButton({\n    isActive = false,\n    className,\n    children,\n    icon: Icon,\n    leading,\n    ...props\n}: Omit<React.ComponentProps<typeof Button>, 'children'> & {\n    /** Mark as currently active page */\n    icon?: CtxIcon;\n    leading?: React.ReactNode;\n    isActive?: boolean;\n    children?: React.ReactNode;\n}) {\n    const { isMobile, state } = useSidebar();\n    const isCollapsed = !isMobile && state === 'collapsed';\n\n    return (\n        <TooltipTrigger isDisabled={!isCollapsed}>\n            <Button\n                size={isCollapsed ? 'icon' : undefined}\n                data-sidebar=\"menu-button\"\n                {...(isActive && { 'data-selected': true })}\n                className={classNames(\n                    'peer/menu-button group/active group-has-[[data-sidebar=menu-action]]/menu-item:pr-input',\n                    sidebarMenuButtonClasses,\n                    className\n                )}\n                {...props}\n            >\n                <span\n                    aria-hidden\n                    className=\"absolute inset-y-2 -left-1 w-[7px] rounded-full bg-primary opacity-0 group-data-[selected=true]/active:opacity-100\"\n                />\n                {leading !== undefined ? leading : Icon ? <Icon /> : null}\n                {!isCollapsed && children}\n            </Button>\n            <Tooltip placement=\"right\">\n                <span className=\"flex items-center gap-2\">{children}</span>\n            </Tooltip>\n        </TooltipTrigger>\n    );\n}\n\n/**\n * Button for submenu items\n */\nexport function SidebarMenuSubButton({\n    isActive,\n    className,\n    ...props\n}: React.ComponentProps<'button'> & {\n    isActive?: boolean;\n}) {\n    return (\n        <button\n            data-sidebar=\"menu-sub-button\"\n            data-active={isActive}\n            className={classNames(sidebarMenuButtonClasses, className)}\n            {...props}\n        />\n    );\n}\n\n/**\n * Sticky header at the top of the sidebar. Displays a square logo slot aligned with the outlet header.\n */\nexport function SidebarHeader({\n    className,\n    logo,\n    children,\n    showTrigger = true,\n    ...props\n}: React.ComponentProps<'div'> & {\n    /** Square logo/icon to display */\n    logo?: React.ReactNode;\n    showTrigger?: boolean;\n}) {\n    return (\n        <div\n            data-sidebar=\"header\"\n            className={classNames(\n                'flex items-center h-header select-none shrink-0 border-b px-2 gap-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        >\n            {logo && <div className=\"flex items-center justify-center size-input shrink-0\">{logo}</div>}\n            {children && <div className=\"flex-1 min-w-0 group-data-[collapsible=icon]:hidden\">{children}</div>}\n            {showTrigger && (\n                <SidebarTrigger className={'hidden bg-surface-primary lg:flex lg:absolute lg:-right-4 lg:z-50'} />\n            )}\n        </div>\n    );\n}\n\nexport function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div\n            data-sidebar=\"footer\"\n            className={classNames(\n                'mt-auto flex shrink-0 select-none items-center gap-2 border-t py-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\n/**\n *\n * @example Basic usage\n * ```tsx\n * <SidebarOutlet>\n *  <SidebarOutletHeader><SidebarTrigger/></SidebarOutletHeader>\n *  <SidebarOutletContent><Outlet/></SidebarOutletContent>\n * </SidebarOutlet>\n * ```\n */\nexport function SidebarOutlet({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'flex flex-col flex-1 overflow-auto')} {...props} />;\n}\n\nexport function SidebarOutletContent({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames(className, 'flex-1 overflow-auto')} {...props} />;\n}\n\nexport function SidebarOutletHeader({ className, ...props }: React.ComponentProps<'nav'>) {\n    return (\n        <nav\n            className={classNames('flex items-center h-header bg-surface-primary p-2 border-b', className)}\n            {...props}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/components/skeleton.d.ts

@@ -1 +1 @@
-export declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;

package/dist/components/skeleton.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{classNames as o}from"../utilities/theme.js";import"clsx";function s({className:r,...m}){return e("div",{className:o("animate-pulse bg-primary/10",r),...m})}export{s as Skeleton};
-//# sourceMappingURL=skeleton.js.map
+import{classNames as e}from"../utilities/theme.js";import{jsx as t}from"react/jsx-runtime";function n({className:n,...r}){return t(`div`,{className:e(`animate-pulse bg-primary/10`,n),...r})}export{n as Skeleton};
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../lib/components/skeleton.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\nexport function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('animate-pulse bg-primary/10', className)} {...props} />;\n}\n"],"names":["Skeleton","className","props","jsx","classNames"],"mappings":"wGAEO,SAASA,EAAS,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CAC3E,OAAOC,EAAC,OAAI,UAAWC,EAAW,8BAA+BH,CAAS,EAAI,GAAGC,EAAO,CAC5F"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../lib/components/skeleton.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\nexport function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('animate-pulse bg-primary/10', className)} {...props} />;\n}\n"],"mappings":"2FAEA,SAAgB,EAAS,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAC,MAAD,CAAK,UAAW,EAAW,8BAA+B,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7F"}

package/dist/components/steps.d.ts

@@ -1 +1 @@
-export declare function Steps({ ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function Steps({ ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;