@alixpartners/ui-components 2.0.0 → 2.0.2

package/README.md

@@ -25,13 +25,13 @@ Version **2.0** has been **rebuilt from the ground up** to align with the latest
 ## 🚀 Installation
 
 ```bash
-npm install @alixpartners/ui-library
+npm install @alixpartners/ui-components
 ```
 
 ## 🔧 Usage
 
 ```tsx
-import { YourComponent } from '@alixpartners/ui-library'
+import { YourComponent } from '@alixpartners/ui-components'
 
 function App() {
   return <YourComponent />

package/dist/assets/Creatable.css

@@ -0,0 +1 @@
+.Creatable-module__dropdownContainer___y0ptC{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;position:relative;gap:6px}.Creatable-module__dropdownLabel___RyuSY{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.Creatable-module__dropdownLabel___RyuSY .Creatable-module__label-text___jlV2x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__dropdownLabel___RyuSY.Creatable-module__dropdownLabelDisabled___nhYc0{pointer-events:none;color:#b2b2b2}.Creatable-module__dropdownLabel___RyuSY.Creatable-module__dropdownLabelDisabled___nhYc0 .Creatable-module__label-tooltip-icon___G7Bou{color:#ccc}.Creatable-module__required___g26DB{color:#cb282e;font-weight:600}.Creatable-module__label-tooltip-icon___G7Bou{color:#4a4a4a;font-size:16px;cursor:pointer}.Creatable-module__dropdownWrapper___wu-B3{position:relative;width:100%;min-width:0}.Creatable-module__dropdown-menu-trigger___se8sO{display:inline-block;width:100%}.Creatable-module__dropdownTrigger___6yi8Y{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Creatable-module__dropdownTrigger___6yi8Y:hover:not(.Creatable-module__dropdownTriggerDisabled___T9yC0){border-color:#5cb335}.Creatable-module__dropdownTrigger___6yi8Y:focus{outline:none;border-color:#5cb335}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerOpen___acLIm{border-color:#5cb335;border-radius:4px}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerDisabled___T9yC0{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerError___Kx1v-{border-color:#bf494e}.Creatable-module__dropdownContent___NGRJ-{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Creatable-module__dropdownSelectedItems___7wwA-{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Creatable-module__selectedItemsList___sAmxo{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Creatable-module__selectedItemsCreatable___P0mME{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh{border-radius:240px;height:20px;padding:0 5px 0 9px}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__selectedItemLabel___m0LSV{color:#3f7b25}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__removeButton___tjxwh{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__removeIcon___KQKbD{font-size:12px;height:12px;width:12px;color:#727272}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__singleSelectedCreatableItem___tanxX{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;border-right:solid 1px #cccccc;padding-right:3px}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__singleSelectedCreatableItem___tanxX .Creatable-module__selectedItemLabel___m0LSV{color:#28292c;font-size:14px}.Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si{transform:rotate(45deg)}.Creatable-module__selectedItem___0LADh{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__selectedItemLabel___m0LSV{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__selectedOptionLabel___nzo1b{color:#28292c;font-size:14px}.Creatable-module__placeholder___cH4oH{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__dropdownActions___FmHZe{display:flex;align-items:center;gap:4px;flex-shrink:0}.Creatable-module__dropdownArrow___SJmKg{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Creatable-module__dropdownArrow___SJmKg.Creatable-module__dropdownArrowOpen___T3E0S{transform:rotate(180deg)}.Creatable-module__dropdownMenu___HEhC3{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Creatable-module__dropdown-container-grouped___gZle- .Creatable-module__dropdownMenu___HEhC3{min-width:212px}.Creatable-module__dropdown-container-multi-select___1U1U4 .Creatable-module__dropdownMenu___HEhC3{min-width:224px}.Creatable-module__dropdownMenuToolbar___Hqezv{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Creatable-module__searchContainer___zaiNa{position:relative;display:flex;align-items:center;gap:16px}.Creatable-module__searchContainer___zaiNa .Creatable-module__search___dphw1{flex:1}.Creatable-module__dropdownCreatableSearchContainer___AgXA3{width:100%;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Creatable-module__dropdownCreatableSearchContainer___AgXA3:focus{border-color:#5cb335;outline:none}.Creatable-module__dropdownCreatableSearchContainer___AgXA3:focus-within{border-color:#5cb335}.Creatable-module__dropdownCreatableSearchContainer___AgXA3.Creatable-module__disabled___ZIdus{cursor:not-allowed;opacity:.6}.Creatable-module__dropdownCreatableError___FYVla{border-color:#bf494e}.Creatable-module__creatableInput___KaKxv{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Creatable-module__creatableInput___KaKxv::placeholder{color:#878787}.Creatable-module__creatableInput___KaKxv:disabled{color:#b2b2b2}.Creatable-module__searchInput___03a1-{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Creatable-module__searchInput___03a1-:focus{outline:none;border-color:#5cb335}.Creatable-module__searchInput___03a1-::placeholder{color:#878787}.Creatable-module__searchIcon___TA3Y3{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Creatable-module__optionsList___VZgJf{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Creatable-module__categoryGroup___g8f-g{display:flex;flex-direction:column}.Creatable-module__optionsList___VZgJf .Creatable-module__categoryGroup___g8f-g:first-child .Creatable-module__categoryDivider___QUgR9{border-top:none}.Creatable-module__categoryDivider___QUgR9{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Creatable-module__categoryLabel___YhGp9{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Creatable-module__optionItem___Ys808{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Creatable-module__optionItem___Ys808:hover:not(.Creatable-module__optionItemDisabled___jvfGz){background-color:#dff0db}.Creatable-module__optionItem___Ys808:focus{outline:none}.Creatable-module__optionItem___Ys808.Creatable-module__optionItemDisabled___jvfGz{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Creatable-module__optionItem___Ys808.Creatable-module__optionItemFocused___OfIQd{background-color:#dff0db}.Creatable-module__optionContent___9RCsJ{display:flex;align-items:center;justify-content:space-between;width:100%}.Creatable-module__optionLabel___FJfM1{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Creatable-module__tickIcon___VjpDN{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Creatable-module__creatableIcon___MQ0Ak{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Creatable-module__noOptions___H8Kbu{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Creatable-module__maxItemsWarning___-qcUr{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Creatable-module__helpers___GmPY4{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Creatable-module__helpText___89mXU{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__helpTextDisabled___shU6E{color:#b2b2b2}.Creatable-module__helpLink___IdU0g{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Creatable-module__helpLink___IdU0g:hover{text-decoration:underline}.Creatable-module__helpLinkDisabled___B8rpy{color:#878787}.Creatable-module__errorMessage___HRKr5{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar{width:4px}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-track{background:transparent}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb:hover{background-color:#878787}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Creatable-module__selectAllContainer___l9hbm{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Creatable-module__searchContainer___zaiNa:has(+.Creatable-module__selectAllContainer___l9hbm){border-bottom:none}.Creatable-module__actionButtons___tlqG9{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}

package/dist/assets/Dropdown.css

@@ -1 +1 @@
-button{all:unset}.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB .Dropdown-module__label-text___VEqG-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{pointer-events:none;color:#b2b2b2}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM .Dropdown-module__label-tooltip-icon___JYVOm{color:#ccc}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__label-tooltip-icon___JYVOm{color:#4a4a4a;font-size:16px;cursor:pointer}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdown-menu-trigger___fgqVT{display:inline-block;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Dropdown-module__dropdownTrigger___Rue93:hover:not(.Dropdown-module__dropdownTriggerDisabled___63wkd){border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93:focus{outline:none;border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerOpen___cbm8V{border-color:#5cb335;border-radius:4px}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerError___Uu02x{border-color:#bf494e}.Dropdown-module__dropdownContent___zLMhL{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Dropdown-module__dropdownSelectedItems___iXnpQ{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px;flex:1}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z{border-radius:240px;height:20px;padding:0 5px 0 9px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__selectedItemLabel___efVI-{color:#3f7b25}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeButton___9r85B{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeIcon___st3b-{font-size:12px;height:12px;width:12px;color:#727272}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb .Dropdown-module__selectedItemLabel___efVI-{color:#28292c;font-size:14px}.Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp{transform:rotate(45deg)}.Dropdown-module__selectedItem___2jO4z{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__selectedOptionLabel___7Zdh3{color:#28292c;font-size:14px}.Dropdown-module__placeholder___fWdch{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Dropdown-module__dropdown-container-grouped___1twhU .Dropdown-module__dropdownMenu___toYcy{min-width:212px}.Dropdown-module__dropdown-container-multi-select___zdaum .Dropdown-module__dropdownMenu___toYcy{min-width:224px}.Dropdown-module__dropdownMenuToolbar___gFne0{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Dropdown-module__searchContainer___4kUvD{position:relative;display:flex;align-items:center;gap:16px}.Dropdown-module__searchContainer___4kUvD .Dropdown-module__search___JmgDx{flex:1}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F:focus-within{border-color:#5cb335}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F.Dropdown-module__disabled___0FjAX{cursor:not-allowed;opacity:.6}.Dropdown-module__dropdownCreatableError___gwBGw{border-color:#bf494e}.Dropdown-module__creatableInput___meKz6{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Dropdown-module__creatableInput___meKz6::placeholder{color:#878787}.Dropdown-module__creatableInput___meKz6:disabled{color:#b2b2b2}.Dropdown-module__searchInput___2Ad09{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Dropdown-module__searchInput___2Ad09:focus{outline:none;border-color:#5cb335}.Dropdown-module__searchInput___2Ad09::placeholder{color:#878787}.Dropdown-module__searchIcon___QxaFA{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Dropdown-module__optionsList___rk2hi{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Dropdown-module__categoryGroup___Np2bP{display:flex;flex-direction:column}.Dropdown-module__optionsList___rk2hi .Dropdown-module__categoryGroup___Np2bP:first-child .Dropdown-module__categoryDivider___Gh6F0{border-top:none}.Dropdown-module__categoryDivider___Gh6F0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Dropdown-module__categoryLabel___B9IDR{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Dropdown-module__optionItem___7pi10{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Dropdown-module__optionItem___7pi10:hover:not(.Dropdown-module__optionItemDisabled___aepUD){background-color:#dff0db}.Dropdown-module__optionItem___7pi10:focus{outline:none}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemDisabled___aepUD{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemFocused___u2781{background-color:#dff0db}.Dropdown-module__optionContent___nf1VC{display:flex;align-items:center;justify-content:space-between;width:100%}.Dropdown-module__optionLabel___sJerM{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Dropdown-module__tickIcon___hYdCr{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Dropdown-module__creatableIcon___3zxIF{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Dropdown-module__noOptions___8vmhM{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Dropdown-module__maxItemsWarning___4F7o-{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Dropdown-module__helpers___s4ulA{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Dropdown-module__helpText___YooJE{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Dropdown-module__helpLink___-Zwpq:hover{text-decoration:underline}.Dropdown-module__helpLinkDisabled___r-opC{color:#878787}.Dropdown-module__errorMessage___3Mopi{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar{width:4px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-track{background:transparent}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:hover{background-color:#878787}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Dropdown-module__selectAllContainer___Dlk3J{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Dropdown-module__searchContainer___4kUvD:has(+.Dropdown-module__selectAllContainer___Dlk3J){border-bottom:none}.Dropdown-module__actionButtons___-2nvr{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
+.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB .Dropdown-module__label-text___VEqG-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{pointer-events:none;color:#b2b2b2}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM .Dropdown-module__label-tooltip-icon___JYVOm{color:#ccc}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__label-tooltip-icon___JYVOm{color:#4a4a4a;font-size:16px;cursor:pointer}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdown-menu-trigger___fgqVT{display:inline-block;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Dropdown-module__dropdownTrigger___Rue93:hover:not(.Dropdown-module__dropdownTriggerDisabled___63wkd){border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93:focus{outline:none;border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerOpen___cbm8V{border-color:#5cb335;border-radius:4px}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerError___Uu02x{border-color:#bf494e}.Dropdown-module__dropdownContent___zLMhL{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Dropdown-module__dropdownSelectedItems___iXnpQ{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px;flex:1}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z{border-radius:240px;height:20px;padding:0 5px 0 9px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__selectedItemLabel___efVI-{color:#3f7b25}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeButton___9r85B{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeIcon___st3b-{font-size:12px;height:12px;width:12px;color:#727272}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb .Dropdown-module__selectedItemLabel___efVI-{color:#28292c;font-size:14px}.Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp{transform:rotate(45deg)}.Dropdown-module__selectedItem___2jO4z{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__selectedOptionLabel___7Zdh3{color:#28292c;font-size:14px}.Dropdown-module__placeholder___fWdch{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Dropdown-module__dropdown-container-grouped___1twhU .Dropdown-module__dropdownMenu___toYcy{min-width:212px}.Dropdown-module__dropdown-container-multi-select___zdaum .Dropdown-module__dropdownMenu___toYcy{min-width:224px}.Dropdown-module__dropdownMenuToolbar___gFne0{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Dropdown-module__searchContainer___4kUvD{position:relative;display:flex;align-items:center;gap:16px}.Dropdown-module__searchContainer___4kUvD .Dropdown-module__search___JmgDx{flex:1}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F:focus-within{border-color:#5cb335}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F.Dropdown-module__disabled___0FjAX{cursor:not-allowed;opacity:.6}.Dropdown-module__dropdownCreatableError___gwBGw{border-color:#bf494e}.Dropdown-module__creatableInput___meKz6{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Dropdown-module__creatableInput___meKz6::placeholder{color:#878787}.Dropdown-module__creatableInput___meKz6:disabled{color:#b2b2b2}.Dropdown-module__searchInput___2Ad09{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Dropdown-module__searchInput___2Ad09:focus{outline:none;border-color:#5cb335}.Dropdown-module__searchInput___2Ad09::placeholder{color:#878787}.Dropdown-module__searchIcon___QxaFA{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Dropdown-module__optionsList___rk2hi{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Dropdown-module__categoryGroup___Np2bP{display:flex;flex-direction:column}.Dropdown-module__optionsList___rk2hi .Dropdown-module__categoryGroup___Np2bP:first-child .Dropdown-module__categoryDivider___Gh6F0{border-top:none}.Dropdown-module__categoryDivider___Gh6F0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Dropdown-module__categoryLabel___B9IDR{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Dropdown-module__optionItem___7pi10{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Dropdown-module__optionItem___7pi10:hover:not(.Dropdown-module__optionItemDisabled___aepUD){background-color:#dff0db}.Dropdown-module__optionItem___7pi10:focus{outline:none}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemDisabled___aepUD{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemFocused___u2781{background-color:#dff0db}.Dropdown-module__optionContent___nf1VC{display:flex;align-items:center;justify-content:space-between;width:100%}.Dropdown-module__optionLabel___sJerM{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Dropdown-module__tickIcon___hYdCr{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Dropdown-module__creatableIcon___3zxIF{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Dropdown-module__noOptions___8vmhM{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Dropdown-module__maxItemsWarning___4F7o-{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Dropdown-module__helpers___s4ulA{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Dropdown-module__helpText___YooJE{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Dropdown-module__helpLink___-Zwpq:hover{text-decoration:underline}.Dropdown-module__helpLinkDisabled___r-opC{color:#878787}.Dropdown-module__errorMessage___3Mopi{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar{width:4px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-track{background:transparent}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:hover{background-color:#878787}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Dropdown-module__selectAllContainer___Dlk3J{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Dropdown-module__searchContainer___4kUvD:has(+.Dropdown-module__selectAllContainer___Dlk3J){border-bottom:none}.Dropdown-module__actionButtons___-2nvr{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}

package/dist/assets/NavBar.css

@@ -1 +1 @@
-.NavBar-module__navbar-wrapper___e-f8y{background-color:#333;width:100%;height:48px;padding:0 20px;box-sizing:border-box}.NavBar-module__navbar-container___KnbUz{display:flex;align-items:center;justify-content:space-between;margin-left:auto;margin-right:auto}.NavBar-module__navbar-logo-container___VXWAo{display:flex;align-items:center;gap:12px}.NavBar-module__navbar-logo-link___r8CV2{display:flex;align-items:center;cursor:pointer}.NavBar-module__navbar-project-name-separator___SmBBN{width:2px;min-height:24px;align-self:stretch;background-color:#5cb335}.NavBar-module__navbar-project-name___zQY4u{font-size:18px;font-weight:500;letter-spacing:1px;color:#fff}.NavBar-module__navbar-menu___QDrB4{display:flex;align-items:center}.NavBar-module__navbar-menu-button___f1doV{margin-right:20px}.NavBar-module__navbar-menu-list___xZE02{display:flex;align-items:center;gap:20px;padding:0;margin:0}.NavBar-module__navbar-menu-list___xZE02 button{all:unset}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK{cursor:pointer;text-decoration:none;color:#fff;line-height:1}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action___MPFZz{display:flex;align-items:center;gap:4px;box-sizing:border-box;padding-top:16px;padding-bottom:16px;font-size:15px;font-weight:500}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-action___MPFZz{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action-active___J7eRN{box-shadow:inset 0 -3px #5cb335}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK[data-state=open] .NavBar-module__navbar-menu-list-item-arrow___QoJsh{transform:rotate(180deg)}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK a{text-decoration:none;color:#fff}.NavBar-module__navbar-menu-list-item-arrow___QoJsh{color:#fff;font-size:16px;width:16px;height:16px;transition:transform .2s ease}.NavBar-module__navbar-menu-list-item-submenu___goVcf{margin-top:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box;box-shadow:0 0 4px #00000029;padding:4px 0}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du{width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#333;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:hover{background-color:#dff0db}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:focus{outline:none}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du a{text-decoration:none;color:inherit;width:100%}.NavBar-module__navbar-menu-additional-separator___F7jfY{width:2px;height:26px;align-self:center;background-color:#727272;margin-left:20px;margin-right:20px}.NavBar-module__navbar-menu-additional___B8kH-{display:flex;align-items:center;gap:20px}.NavBar-module__navbar-menu-additional-trigger___IpMHL{all:unset;cursor:pointer;padding-top:8px;padding-bottom:8px;height:47px;box-sizing:border-box;transition:background-color .2s ease}.NavBar-module__navbar-menu-additional-trigger___IpMHL:hover{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-additional-icon___jhULk{color:#fff;font-size:24px!important;width:24px;height:24px}.NavBar-module__navbar-menu-additional-user-profile___ujsEv{color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;background-color:#5cb335;display:flex;align-items:center;justify-content:center}.NavBar-module__navbar-notification-container___K2YeD{position:relative;display:inline-block}.NavBar-module__navbar-notification-badge___vp5bK{position:absolute;top:-6px;right:-6px;background-color:#5cb335;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1;padding:0 4px;box-sizing:border-box;border:2px solid #333333}
+.NavBar-module__navbar-wrapper___e-f8y{background-color:#333;width:100%;height:48px;padding:0 20px;box-sizing:border-box}.NavBar-module__navbar-container___KnbUz{display:flex;align-items:center;justify-content:space-between;margin-left:auto;margin-right:auto}.NavBar-module__navbar-logo-container___VXWAo{display:flex;align-items:center;gap:12px}.NavBar-module__navbar-logo-link___r8CV2{display:flex;align-items:center;cursor:pointer}.NavBar-module__navbar-project-name-separator___SmBBN{width:2px;min-height:24px;align-self:stretch;background-color:#5cb335}.NavBar-module__navbar-project-name___zQY4u{font-size:18px;font-weight:500;letter-spacing:1px;color:#fff}.NavBar-module__navbar-menu___QDrB4{display:flex;align-items:center}.NavBar-module__navbar-menu-button___f1doV{margin-right:20px}.NavBar-module__navbar-menu-list___xZE02{display:flex;align-items:center;gap:20px;padding:0;margin:0}.NavBar-module__navbar-menu-list___xZE02 button{all:unset}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK{cursor:pointer;text-decoration:none;color:#fff;line-height:1}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action___MPFZz{display:flex;align-items:center;gap:4px;box-sizing:border-box;padding-top:16px;padding-bottom:16px;font-size:15px;font-weight:500}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-action___MPFZz{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action-active___J7eRN{box-shadow:inset 0 -3px #5cb335}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK[data-state=open] .NavBar-module__navbar-menu-list-item-arrow___QoJsh{transform:rotate(180deg)}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK a{text-decoration:none;color:#fff}.NavBar-module__navbar-menu-list-item-arrow___QoJsh{color:#fff;font-size:16px;width:16px;height:16px;transition:transform .2s ease}.NavBar-module__navbar-menu-list-item-submenu___goVcf{margin-top:6px;padding:2px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box;box-shadow:0 0 4px #00000029}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du{width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:13px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-family:Roboto,sans-serif;min-height:24px;box-sizing:border-box}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:hover{background-color:#dff0db}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:focus{outline:none}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du a{text-decoration:none;color:inherit;width:100%}.NavBar-module__navbar-menu-additional-separator___F7jfY{width:2px;height:26px;align-self:center;background-color:#727272;margin-left:20px;margin-right:20px}.NavBar-module__navbar-menu-additional___B8kH-{display:flex;align-items:center;gap:20px}.NavBar-module__navbar-menu-additional-trigger___IpMHL{all:unset;cursor:pointer;padding-top:8px;padding-bottom:8px;height:47px;box-sizing:border-box;transition:background-color .2s ease}.NavBar-module__navbar-menu-additional-trigger___IpMHL:hover{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-additional-icon___jhULk{color:#fff;font-size:24px!important;width:24px;height:24px}.NavBar-module__navbar-menu-additional-user-profile___ujsEv{color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;background-color:#5cb335;display:flex;align-items:center;justify-content:center}.NavBar-module__navbar-notification-container___K2YeD{position:relative;display:inline-block}.NavBar-module__navbar-notification-badge___vp5bK{position:absolute;top:-6px;right:-6px;background-color:#5cb335;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1;padding:0 4px;box-sizing:border-box;border:2px solid #333333}

package/dist/assets/TagsFields.css

@@ -0,0 +1 @@
+.TagsFields-module__dropdownContainer___GIsND{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.TagsFields-module__dropdownLabel___AUP9W{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.TagsFields-module__dropdownLabel___AUP9W .TagsFields-module__label-text___aVbdd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__dropdownLabel___AUP9W.TagsFields-module__dropdownLabelDisabled___hilvh{pointer-events:none;color:#b2b2b2}.TagsFields-module__dropdownLabel___AUP9W.TagsFields-module__dropdownLabelDisabled___hilvh .TagsFields-module__label-tooltip-icon___LEeee{color:#ccc}.TagsFields-module__required___Ybg21{color:#cb282e;font-weight:600}.TagsFields-module__label-tooltip-icon___LEeee{color:#4a4a4a;font-size:16px;cursor:pointer}.TagsFields-module__dropdownWrapper___KxTZl{position:relative;width:100%}.TagsFields-module__dropdown-menu-trigger___2V696{display:inline-block;width:100%}.TagsFields-module__dropdownTrigger___Uj7oY{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.TagsFields-module__dropdownTrigger___Uj7oY:hover:not(.TagsFields-module__dropdownTriggerDisabled___54oEi){border-color:#5cb335}.TagsFields-module__dropdownTrigger___Uj7oY:focus{outline:none;border-color:#5cb335}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerOpen___GxZGh{border-color:#5cb335;border-radius:4px}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerDisabled___54oEi{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerError___ebLzL{border-color:#bf494e}.TagsFields-module__dropdownContent___Wbwmp{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.TagsFields-module__dropdownSelectedItems___05vxU{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.TagsFields-module__selectedItemsList___HISYA{display:flex;flex-wrap:wrap;gap:4px;width:100%}.TagsFields-module__selectedItemsCreatable___Pnf8l{display:flex;align-items:center;gap:4px;flex:1}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp{border-radius:240px;height:20px;padding:0 5px 0 9px}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__selectedItemLabel___SwoJL{color:#3f7b25}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__removeButton___od0yh{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__removeIcon___2WRCF{font-size:12px;height:12px;width:12px;color:#727272}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__singleSelectedCreatableItem___QwENt{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__singleSelectedCreatableItem___QwENt .TagsFields-module__selectedItemLabel___SwoJL{color:#28292c;font-size:14px}.TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7{transform:rotate(45deg)}.TagsFields-module__selectedItem___Tp6lp{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__selectedOptionLabel___HS3B6{color:#28292c;font-size:14px}.TagsFields-module__placeholder___2W2KQ{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__dropdownActions___USb5V{display:flex;align-items:center;gap:4px;flex-shrink:0}.TagsFields-module__dropdownArrow___JT9d3{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.TagsFields-module__dropdownArrow___JT9d3.TagsFields-module__dropdownArrowOpen___jPfTk{transform:rotate(180deg)}.TagsFields-module__dropdownMenu___gPhtC{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.TagsFields-module__dropdown-container-grouped___-Gp5y .TagsFields-module__dropdownMenu___gPhtC{min-width:212px}.TagsFields-module__dropdown-container-multi-select___cf1jL .TagsFields-module__dropdownMenu___gPhtC{min-width:224px}.TagsFields-module__dropdownMenuToolbar___splhW{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.TagsFields-module__searchContainer___-vZgT{position:relative;display:flex;align-items:center;gap:16px}.TagsFields-module__searchContainer___-vZgT .TagsFields-module__search___Y0X0Q{flex:1}.TagsFields-module__dropdownCreatableSearchContainer___mltcH{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.TagsFields-module__dropdownCreatableSearchContainer___mltcH:focus-within{border-color:#5cb335}.TagsFields-module__dropdownCreatableSearchContainer___mltcH.TagsFields-module__disabled___1OfNF{cursor:not-allowed;opacity:.6}.TagsFields-module__dropdownCreatableError___R6oyD{border-color:#bf494e}.TagsFields-module__creatableInput___qz9jI{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.TagsFields-module__creatableInput___qz9jI::placeholder{color:#878787}.TagsFields-module__creatableInput___qz9jI:disabled{color:#b2b2b2}.TagsFields-module__searchInput___bQGwy{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.TagsFields-module__searchInput___bQGwy:focus{outline:none;border-color:#5cb335}.TagsFields-module__searchInput___bQGwy::placeholder{color:#878787}.TagsFields-module__searchIcon___s4MH7{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.TagsFields-module__optionsList___qyawx{padding:8px;flex:1;overflow-y:auto;max-height:200px}.TagsFields-module__categoryGroup___In039{display:flex;flex-direction:column}.TagsFields-module__optionsList___qyawx .TagsFields-module__categoryGroup___In039:first-child .TagsFields-module__categoryDivider___eROv0{border-top:none}.TagsFields-module__categoryDivider___eROv0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.TagsFields-module__categoryLabel___Cv2h5{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.TagsFields-module__optionItem___UujFS{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.TagsFields-module__optionItem___UujFS:hover:not(.TagsFields-module__optionItemDisabled___9gB8N){background-color:#dff0db}.TagsFields-module__optionItem___UujFS:focus{outline:none}.TagsFields-module__optionItem___UujFS.TagsFields-module__optionItemDisabled___9gB8N{color:#b2b2b2;cursor:not-allowed;opacity:.6}.TagsFields-module__optionItem___UujFS.TagsFields-module__optionItemFocused___4rsDt{background-color:#dff0db}.TagsFields-module__optionContent___QSC9G{display:flex;align-items:center;justify-content:space-between;width:100%}.TagsFields-module__optionLabel___N-fQ7{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.TagsFields-module__tickIcon___3uRY-{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.TagsFields-module__creatableIcon___GcZBx{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.TagsFields-module__noOptions___ugYj9{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.TagsFields-module__maxItemsWarning___DPzQI{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.TagsFields-module__helpers___ab6f-{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.TagsFields-module__helpText___Qzdqh{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__helpTextDisabled___m-oFo{color:#b2b2b2}.TagsFields-module__helpLink___JQDmR{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.TagsFields-module__helpLink___JQDmR:hover{text-decoration:underline}.TagsFields-module__helpLinkDisabled___Nk1BX{color:#878787}.TagsFields-module__errorMessage___b-ugf{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar{width:4px}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-track{background:transparent}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb:hover{background-color:#878787}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.TagsFields-module__selectAllContainer___cUHeb{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.TagsFields-module__searchContainer___-vZgT:has(+.TagsFields-module__selectAllContainer___cUHeb){border-bottom:none}.TagsFields-module__actionButtons___zRG28{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}

package/dist/components/Creatable/Creatable.d.ts

@@ -1,20 +1,31 @@
 import { DataAttributes } from '../../types/data-attributes';
-import { DropdownOption } from '../Dropdown/Dropdown';
+import { DropdownOption, LabelTooltipProps } from '../Dropdown/Dropdown';
 import { InteractiveEventHandlers } from '../../types/native-events';
 type CreatableProps = {
     className?: string;
-    label: string;
-    required?: boolean;
+    label?: string;
     options: DropdownOption[];
-    multiSelect?: boolean;
     value?: string[];
+    disabled?: boolean;
+    required?: boolean;
+    searchPlaceholder?: string;
+    errorMessage?: string;
     helpText?: string;
     helpLink?: string;
     helpLinkText?: string;
-    disabled?: boolean;
-    caseSensitive?: boolean;
-    errorMessage?: string;
     onChange?: (selectedValues: string[]) => void;
+    onSearch?: (searchTerm: string) => void;
+    grouped?: boolean;
+    multiSelect?: boolean;
+    align?: 'left' | 'right';
+    dropdownMenuClassName?: string;
+    hideSelectedItems?: boolean;
+    labelTooltip?: LabelTooltipProps;
+    unselect?: boolean;
+    selectedOptionLabel?: string;
+    selectedOptionsLabel?: string;
+    allOptionsSelectedLabel?: string;
+    caseSensitive?: boolean;
 } & DataAttributes & InteractiveEventHandlers;
 /**
  * A dropdown input that lets users create new items on the fly.
@@ -38,5 +49,5 @@ type CreatableProps = {
  * @param {DataAttributes} [props.data-*] - Additional `data-` attributes forwarded to the root element
  * @returns {JSX.Element} The rendered Creatable component
  */
-export default function Creatable({ className, label, required, multiSelect, value, helpText, helpLink, helpLinkText, disabled, caseSensitive, errorMessage, onChange, onClick, onDoubleClick, onMouseDown, onMouseUp, onMouseEnter, onMouseLeave, onMouseOver, onMouseOut, onMouseMove, onKeyDown, onKeyUp, onFocus, onBlur, ...props }: CreatableProps): import("react/jsx-runtime").JSX.Element;
+export default function Creatable({ className, label, options, value, disabled, required, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, dropdownMenuClassName, labelTooltip, unselect, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: CreatableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Creatable/Creatable.js

@@ -1,35 +1,234 @@
-import { jsx as y } from "react/jsx-runtime";
-import z from "../Dropdown/Dropdown.js";
-function E({
-  className: e,
-  label: r,
-  required: a = !1,
-  multiSelect: t = !1,
-  value: o,
-  helpText: f,
-  helpLink: l,
-  helpLinkText: s,
-  disabled: i,
-  caseSensitive: m = !1,
-  errorMessage: n,
-  onChange: p,
-  onClick: u,
-  onDoubleClick: b,
-  onMouseDown: d,
-  onMouseUp: x,
-  onMouseEnter: C,
-  onMouseLeave: c,
-  onMouseOver: j,
-  onMouseOut: w,
-  onMouseMove: D,
-  onKeyDown: g,
-  onKeyUp: h,
-  onFocus: k,
-  onBlur: q,
-  ...v
+import { jsxs as w, jsx as l } from "react/jsx-runtime";
+import { c as C } from "../../clsx-OuTLNxxd.js";
+import { useState as O, useRef as A, useEffect as R, useCallback as le } from "react";
+import W from "../Icon/Icon.js";
+import ve from "../Button/Button.js";
+import "../Input/Input.js";
+import ge from "../Tooltip/Tooltip.js";
+import { R as Ne, A as Le, P as ye, C as De } from "../../index-BKtdMA_j.js";
+import '../../assets/Creatable.css';const ke = "Creatable-module__dropdownContainer___y0ptC", xe = "Creatable-module__dropdownLabel___RyuSY", Oe = "Creatable-module__dropdownLabelDisabled___nhYc0", Ae = "Creatable-module__required___g26DB", Re = "Creatable-module__dropdownWrapper___wu-B3", Ve = "Creatable-module__selectedItemsCreatable___P0mME", Ee = "Creatable-module__selectedItem___0LADh", Fe = "Creatable-module__selectedItemLabel___m0LSV", Me = "Creatable-module__removeButton___tjxwh", Se = "Creatable-module__removeIcon___KQKbD", Be = "Creatable-module__singleSelectedCreatableItem___tanxX", We = "Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si", Ge = "Creatable-module__dropdownActions___FmHZe", Ke = "Creatable-module__dropdownArrow___SJmKg", je = "Creatable-module__dropdownArrowOpen___T3E0S", Ue = "Creatable-module__dropdownMenu___HEhC3", $e = "Creatable-module__dropdownCreatableSearchContainer___AgXA3", Je = "Creatable-module__disabled___ZIdus", Pe = "Creatable-module__dropdownCreatableError___FYVla", Ye = "Creatable-module__creatableInput___KaKxv", qe = "Creatable-module__optionsList___VZgJf", ze = "Creatable-module__categoryGroup___g8f-g", Qe = "Creatable-module__categoryDivider___QUgR9", Ze = "Creatable-module__categoryLabel___YhGp9", He = "Creatable-module__optionItem___Ys808", Xe = "Creatable-module__optionItemDisabled___jvfGz", Te = "Creatable-module__optionItemFocused___OfIQd", et = "Creatable-module__optionContent___9RCsJ", tt = "Creatable-module__optionLabel___FJfM1", ot = "Creatable-module__tickIcon___VjpDN", lt = "Creatable-module__helpers___GmPY4", rt = "Creatable-module__helpText___89mXU", at = "Creatable-module__helpTextDisabled___shU6E", nt = "Creatable-module__helpLink___IdU0g", st = "Creatable-module__helpLinkDisabled___B8rpy", dt = "Creatable-module__errorMessage___HRKr5", t = {
+  dropdownContainer: ke,
+  dropdownLabel: xe,
+  "label-text": "Creatable-module__label-text___jlV2x",
+  dropdownLabelDisabled: Oe,
+  "label-tooltip-icon": "Creatable-module__label-tooltip-icon___G7Bou",
+  required: Ae,
+  dropdownWrapper: Re,
+  selectedItemsCreatable: Ve,
+  selectedItem: Ee,
+  selectedItemLabel: Fe,
+  removeButton: Me,
+  removeIcon: Se,
+  singleSelectedCreatableItem: Be,
+  singleSelectedCreatableItemRemoveButton: We,
+  dropdownActions: Ge,
+  dropdownArrow: Ke,
+  dropdownArrowOpen: je,
+  dropdownMenu: Ue,
+  "dropdown-container-grouped": "Creatable-module__dropdown-container-grouped___gZle-",
+  "dropdown-container-multi-select": "Creatable-module__dropdown-container-multi-select___1U1U4",
+  dropdownCreatableSearchContainer: $e,
+  disabled: Je,
+  dropdownCreatableError: Pe,
+  creatableInput: Ye,
+  optionsList: qe,
+  categoryGroup: ze,
+  categoryDivider: Qe,
+  categoryLabel: Ze,
+  optionItem: He,
+  optionItemDisabled: Xe,
+  optionItemFocused: Te,
+  optionContent: et,
+  optionLabel: tt,
+  tickIcon: ot,
+  helpers: lt,
+  helpText: rt,
+  helpTextDisabled: at,
+  helpLink: nt,
+  helpLinkDisabled: st,
+  errorMessage: dt
+};
+function wt({
+  className: re,
+  label: G,
+  options: D,
+  value: k = [],
+  disabled: v = !1,
+  required: ae = !1,
+  searchPlaceholder: ne = "Search options...",
+  errorMessage: V,
+  helpText: F,
+  helpLink: K,
+  helpLinkText: j,
+  onChange: a,
+  onSearch: x,
+  multiSelect: m = !1,
+  grouped: se = !1,
+  align: Y = "left",
+  dropdownMenuClassName: de,
+  labelTooltip: g,
+  unselect: q = !1,
+  selectedOptionsLabel: z = "options selected",
+  allOptionsSelectedLabel: M,
+  caseSensitive: U = !1,
+  ...ce
 }) {
-  return /* @__PURE__ */ y(z, { className: e, label: r, required: a, isCreatable: !0, multiSelect: t, value: o, helpText: f, helpLink: l, helpLinkText: s, disabled: i, caseSensitive: m, errorMessage: n, onChange: p, onClick: u, onDoubleClick: b, onMouseDown: d, onMouseUp: x, onMouseEnter: C, onMouseLeave: c, onMouseOver: j, onMouseOut: w, onMouseMove: D, onKeyDown: g, onKeyUp: h, onFocus: k, onBlur: q, ...v });
+  const [u, N] = O(k), [c, h] = O(!1), [Q, b] = O(""), [f, i] = O(-1), Z = A(null), ie = A(null), E = A(null), L = A(null), H = A(null), [_e, ue] = O(0), [pe, me] = O(0), X = A(k);
+  R(() => {
+    JSON.stringify(X.current) !== JSON.stringify(k) && (N(k), X.current = k);
+  }, [k]), R(() => {
+    var r;
+    const e = (r = ie.current) == null ? void 0 : r.getBoundingClientRect().width;
+    e && ue(e);
+  }, []), R(() => {
+    var r;
+    const e = (r = E.current) == null ? void 0 : r.getBoundingClientRect().width;
+    e && me(e);
+  }, []);
+  const _ = Q.trim(), p = D.filter((e) => {
+    const r = U ? e.label : e.label.toLowerCase(), o = U ? _ : _.toLowerCase();
+    return r.includes(o);
+  }), S = _ !== "" && !D.find((e) => U ? e.label === _ : e.label.toLowerCase() === _.toLowerCase());
+  R(() => {
+    c && L.current && L.current.focus();
+  }, [c]);
+  const be = (e) => {
+    h(e), b(""), i(-1);
+  }, $ = le((e) => {
+    var o, n;
+    const r = {
+      value: e,
+      label: e,
+      disabled: !1
+    };
+    if (D.push(r), m) {
+      const y = u.includes(e) ? u : [...u, e];
+      N(y), a == null || a(y), (o = L.current) == null || o.focus(), b(""), h(!0), i(-1);
+    } else {
+      const d = [e];
+      N(d), a == null || a(d), b(""), (n = E.current) == null || n.focus(), h(!1), i(-1);
+    }
+  }, [m, a, D, u]), J = le((e) => {
+    var r, o, n;
+    if (!e.disabled)
+      if (m) {
+        const y = u.includes(e.value) ? u.filter((Ie) => Ie !== e.value) : [...u, e.value];
+        N(y), a == null || a(y), h(!0), (r = L.current) == null || r.focus(), b(""), i(-1);
+      } else if (u.includes(e.value)) {
+        if (q) {
+          const d = [];
+          N(d), a == null || a(d), (o = E.current) == null || o.focus(), h(!1), b(""), i(-1);
+        }
+      } else {
+        const d = [e.value];
+        N(d), a == null || a(d), (n = E.current) == null || n.focus(), h(!1), b(""), i(-1);
+      }
+  }, [m, a, u, q]), fe = (e) => {
+    h(!0), b(e), i(-1), x == null || x(e);
+  }, P = (e) => {
+    h(!0), b(e), i(-1), x == null || x(e);
+  }, T = (e) => {
+    const r = u.filter((o) => o !== e);
+    N(r), a == null || a(r);
+  };
+  R(() => {
+    const e = (r) => {
+      if (!c) return;
+      const o = p.length + (S ? 1 : 0);
+      if (o !== 0)
+        switch (r.key) {
+          case "ArrowDown":
+            r.preventDefault(), i((n) => n < 0 ? 0 : n < o - 1 ? n + 1 : 0);
+            break;
+          case "ArrowUp":
+            r.preventDefault(), i((n) => n < 0 ? o - 1 : n > 0 ? n - 1 : o - 1);
+            break;
+          case "Enter":
+            if (r.preventDefault(), f >= 0 && f < p.length) {
+              const n = p[f];
+              J(n);
+            } else S && f === p.length && $(_);
+            break;
+          case "Escape":
+            r.preventDefault(), h(!1), b(""), i(-1);
+            break;
+        }
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [f, p, $, J, S, c, _]), R(() => {
+    if (!c || f < 0) return;
+    const e = H.current, r = e == null ? void 0 : e.querySelector(`[data-option-index="${f}"]`);
+    e && r && r.scrollIntoView({
+      block: "nearest"
+    });
+  }, [c, f]);
+  const B = u, s = D.filter((e) => B.includes(e.value)), we = !!V, ee = D.filter((e) => !e.disabled), te = ee.length > 0 && ee.every((e) => B.includes(e.value)), Ce = p.reduce((e, r) => {
+    const o = r.category || "default";
+    return e[o] || (e[o] = []), e[o].push(r), e;
+  }, {}), he = p, {
+    onBlur: I,
+    ...oe
+  } = ce;
+  return /* @__PURE__ */ w("div", { ref: Z, className: C(t.dropdownContainer, se && t["dropdown-container-grouped"], m && t["dropdown-container-multi-select"], re), ...oe, children: [
+    G && /* @__PURE__ */ w("label", { className: C(t.dropdownLabel, v && t.dropdownLabelDisabled), children: [
+      /* @__PURE__ */ l("span", { title: G, className: t["label-text"], children: G }),
+      ae && /* @__PURE__ */ l("span", { className: t.required, children: "*" }),
+      g && /* @__PURE__ */ l(ge, { content: g.content, size: g.size, theme: g.theme, tipSide: g.tipSide, tipAlignment: g.tipAlignment, startVisible: g.startVisible, children: /* @__PURE__ */ l(W, { icon: "ap-icon-info", className: t["label-tooltip-icon"] }) })
+    ] }),
+    /* @__PURE__ */ l(Ne, { open: c, onOpenChange: be, children: /* @__PURE__ */ w("div", { className: t.dropdownWrapper, children: [
+      /* @__PURE__ */ l(Le, { children: /* @__PURE__ */ w("div", { tabIndex: !m && s.length > 0 ? 0 : -1, ref: E, className: C(t.dropdownCreatableSearchContainer, v && t.disabled, we && t.dropdownCreatableError), onBlur: (e) => {
+        c || I == null || I(e);
+      }, onClick: () => {
+        var e;
+        if (!m && s.length > 0)
+          return P("");
+        (e = L.current) == null || e.focus();
+      }, onKeyDown: (e) => {
+        if (e.key === "Enter" && !m && s.length > 0 && !c)
+          return P("");
+      }, ...oe, children: [
+        s.length > 0 && /* @__PURE__ */ l("div", { className: C(t.selectedItemsCreatable), children: m ? s.length > 3 ? /* @__PURE__ */ l("div", { className: t.selectedItem, children: /* @__PURE__ */ l("span", { className: t.selectedItemLabel, title: te && M ? M : `${s.length} ${z}`, children: te && M ? M : `${s.length} ${z}` }) }) : s.map((e) => /* @__PURE__ */ w("div", { className: t.selectedItem, children: [
+          /* @__PURE__ */ l("span", { className: t.selectedItemLabel, title: e.label, children: e.label }),
+          /* @__PURE__ */ l("button", { type: "button", className: t.removeButton, onClick: () => T(e.value), disabled: v, children: /* @__PURE__ */ l(W, { icon: "ap-icon-close", className: t.removeIcon }) })
+        ] }, e.value)) : s.length > 0 && /* @__PURE__ */ w("div", { className: t.singleSelectedCreatableItem, children: [
+          /* @__PURE__ */ l("span", { className: t.selectedItemLabel, title: s[0].label, children: s[0].label }),
+          /* @__PURE__ */ l(ve, { type: "tertiary", variant: "default", size: "sm", onClick: () => T(s[0].value), disabled: v, icon: "ap-icon-add-filled", className: t.singleSelectedCreatableItemRemoveButton })
+        ] }) }),
+        (m || !s.length) && /* @__PURE__ */ l("input", { ref: L, placeholder: s.length > 0 ? "" : ne, value: Q, onChange: (e) => fe(e.target.value), onFocus: (e) => P(e.target.value), onBlur: (e) => {
+          c || I == null || I(e);
+        }, disabled: v, className: t.creatableInput }),
+        /* @__PURE__ */ l("div", { className: t.dropdownActions, children: /* @__PURE__ */ l(W, { icon: "ap-icon-expand-more", className: C(t.dropdownArrow, c && t.dropdownArrowOpen) }) })
+      ] }) }),
+      /* @__PURE__ */ l(ye, { children: /* @__PURE__ */ l(De, { onOpenAutoFocus: (e) => {
+        e.preventDefault();
+      }, align: Y === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
+        minWidth: _e,
+        zIndex: 9999
+      }, onInteractOutside: (e) => {
+        var o;
+        e.target === L.current && e.preventDefault(), ((o = Z.current) == null ? void 0 : o.contains(e.target)) || I == null || I(e);
+      }, children: c && /* @__PURE__ */ l("div", { style: {
+        minWidth: pe
+      }, className: C(t.dropdownMenu, de, Y === "right" && t.dropdownMenuRight), children: /* @__PURE__ */ w("div", { ref: H, className: t.optionsList, "data-dropdown-options-list": !0, children: [
+        p.length > 0 ? Object.entries(Ce).map(([e, r]) => /* @__PURE__ */ w("div", { className: t.categoryGroup, children: [
+          e !== "default" && /* @__PURE__ */ l("div", { className: t.categoryDivider, children: /* @__PURE__ */ l("span", { className: t.categoryLabel, children: e }) }),
+          r.map((o) => {
+            const n = he.indexOf(o), d = p.find((y) => y.value === o.value);
+            return /* @__PURE__ */ l("button", { title: (d == null ? void 0 : d.label) || o.label, type: "button", className: C(t.optionItem, B.includes(o.value) && t.optionItemSelected, o.disabled && t.optionItemDisabled, n === f && t.optionItemFocused), onClick: () => J(o), disabled: o.disabled, "data-dropdown-option-item": !0, "data-option-index": n, children: /* @__PURE__ */ w("div", { className: t.optionContent, children: [
+              /* @__PURE__ */ l("span", { className: t.optionLabel, children: o.label }),
+              B.includes(o.value) && /* @__PURE__ */ l(W, { icon: "ap-icon-check", className: t.tickIcon })
+            ] }) }, o.value);
+          })
+        ] }, e)) : null,
+        S && /* @__PURE__ */ l("button", { type: "button", className: C(t.optionItem, t.optionItemCreatable, f === p.length && t.optionItemFocused), title: _ ? `Create "${_}"` : "Create new option", "data-option-index": p.length, onClick: () => $(_), children: /* @__PURE__ */ l("div", { className: t.optionContent, children: /* @__PURE__ */ l("span", { className: t.optionLabel, children: _ ? `Create "${_}"` : "Create new option" }) }) })
+      ] }) }) }) })
+    ] }) }),
+    (V || F || K && j) && /* @__PURE__ */ w("div", { className: t.helpers, children: [
+      V ? /* @__PURE__ */ l("span", { title: V, className: t.errorMessage, children: V }) : F && /* @__PURE__ */ l("span", { title: F, className: C(t.helpText, v && t.helpTextDisabled), children: F }),
+      K && j && /* @__PURE__ */ l("a", { href: K, className: C(t.helpLink, v && t.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: j })
+    ] })
+  ] });
 }
 export {
-  E as default
+  wt as default
 };

package/dist/components/Dropdown/Dropdown.d.ts

@@ -29,12 +29,10 @@ type DropdownProps = {
     align?: 'left' | 'right';
     onToggleChange?: (checked: boolean) => void;
     toggleLabel?: string;
-    isCreatable?: boolean;
     dropdownTriggerClassName?: string;
     dropdownMenuClassName?: string;
     hideSelectedItems?: boolean;
     labelTooltip?: LabelTooltipProps;
-    isTagsFields?: boolean;
     unselect?: boolean;
     selectedOptionLabel?: string;
     selectedOptionsLabel?: string;
@@ -63,15 +61,13 @@ type DropdownProps = {
  * @param {'left' | 'right'} [props.align] - Alignment of the dropdown menu (defaults to 'left')
  * @param {(checked: boolean) => void} [props.onToggleChange] - Callback fired when toggle state changes (shows toggle if provided)
  * @param {string} [props.toggleLabel] - Label text for the toggle control
- * @param {boolean} [props.isCreatable] - Whether to show a "Create new option" button in the dropdown (defaults to false)
  * @param {string} [props.dropdownTriggerClassName] - Class name for the dropdown trigger
  * @param {string} [props.dropdownMenuClassName] - Class name for the dropdown menu
  * @param {boolean} [props.hideSelectedItems] - Whether to hide the selected items in the dropdown trigger (defaults to false)
  * @param {LabelTooltipProps} [props.labelTooltip] - Tooltip to display next to the label
- * @param {boolean} [props.isTagsFields] - Whether to use creatable-style UI without creation functionality (defaults to false)
  * @param {boolean} [props.unselect] - Whether single select dropdown allows deselection of selected items (defaults to false)
  * @param {boolean} [props.caseSensitive] - Whether to perform case-sensitive matching when checking for existing options in creatable mode (defaults to false)
  * @returns {JSX.Element} The rendered Dropdown component
  */
-export default function Dropdown({ className, label, options, value, placeholder, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, onToggleChange, toggleLabel, isCreatable, dropdownTriggerClassName, dropdownMenuClassName, hideSelectedItems, labelTooltip, isTagsFields, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export default function Dropdown({ className, label, options, value, placeholder, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, onToggleChange, toggleLabel, dropdownTriggerClassName, dropdownMenuClassName, hideSelectedItems, labelTooltip, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};