@alixpartners/ui-components 2.0.0-beta.3 → 2.0.0-beta.5

package/dist/assets/Button.css

@@ -1 +1 @@
-.Button-module__btn___daEdK{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:none;text-align:center;font-family:Roboto,sans-serif;font-style:normal;font-weight:500;line-height:100%;cursor:pointer}.Button-module__btn-icon___G7m4S{display:flex;justify-content:center;align-items:center}.Button-module__btn-icon-sm___w7eg9{width:16px;height:16px;font-size:16px}.Button-module__btn-icon-md___8Ywy2{width:20px;height:20px;font-size:20px}.Button-module__btn-primary___vwY5K{border-radius:2px;color:#fff;background:#498e2b;gap:2px}.Button-module__btn-primary___vwY5K:hover{background:#3f7b25}.Button-module__btn-primary___vwY5K:disabled{background:#8dca7e;cursor:not-allowed}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb{background:#cb282e}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:hover{background:#ac272c}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:disabled{background:#f99397}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU{background:#878787}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:hover{background:#727272}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:disabled{background:#ccc}.Button-module__btn-secondary___w3xYM{border-radius:2px;border:1px solid #498e2b;background:#fff;gap:2px;color:#498e2b}.Button-module__btn-secondary___w3xYM:hover{border:1px solid #498e2b;color:#fff;background:#3f7b25}.Button-module__btn-secondary___w3xYM:disabled{border:1px solid #8dca7e;color:#8dca7e;background:#fff}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb{border:1px solid #cb282e;color:#cb282e}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:hover{border:1px solid #ac272c;color:#fff;background:#ac272c}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:disabled{border:1px solid #f99397;color:#f99397}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU{border:1px solid #878787;color:#878787}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:hover{border:1px solid #727272;color:#fff;background:#727272}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:disabled{border:1px solid #cccccc;color:#ccc}.Button-module__btn-tertiary___G-7lD{gap:2px;color:#4a4a4a;background:none}.Button-module__btn-tertiary___G-7lD:hover{color:#3f7b25}.Button-module__btn-tertiary___G-7lD:disabled{color:#ccc}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb{color:#cb282e}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:hover{color:#ac272c}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:disabled{color:#f99397}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU{color:#878787}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:hover{color:#727272}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:disabled{color:#ccc}.Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}@keyframes Button-module__loading___QfItr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Button-module__btn-sm___KNlkv{height:24px;padding:0 8px 0 4px;font-size:13px;min-width:78px}.Button-module__btn-md___C8vqh{height:32px;padding:0 12px 0 8px;font-size:15px;min-width:94px}
+.Button-module__btn___daEdK{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:none;text-align:center;font-family:Roboto,sans-serif;font-style:normal;font-weight:500;line-height:100%;cursor:pointer}.Button-module__btn-icon___G7m4S{display:flex;justify-content:center;align-items:center}.Button-module__btn-icon-sm___w7eg9{width:16px;height:16px;font-size:16px}.Button-module__btn-icon-md___8Ywy2{width:20px;height:20px;font-size:20px}.Button-module__btn-primary___vwY5K{border-radius:2px;color:#fff;background:#498e2b;gap:2px}.Button-module__btn-primary___vwY5K:hover{background:#3f7b25}.Button-module__btn-primary___vwY5K:disabled{background:#8dca7e;cursor:not-allowed}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG{background:#498e2b}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG:hover{background:#3f7b25}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG:disabled{background:#8dca7e}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb{background:#cb282e}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:hover{background:#ac272c}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:disabled{background:#f99397}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU{background:#878787}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:hover{background:#727272}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:disabled{background:#ccc}.Button-module__btn-primary___vwY5K .Button-module__loading-spinner___T25--{color:#fff}.Button-module__btn-secondary___w3xYM{border-radius:2px;border:1px solid #498e2b;background:#fff;gap:2px;color:#498e2b}.Button-module__btn-secondary___w3xYM:hover{border:1px solid #498e2b;color:#fff;background:#3f7b25}.Button-module__btn-secondary___w3xYM:disabled{border:1px solid #8dca7e;color:#8dca7e;background:#fff;cursor:not-allowed}.Button-module__btn-secondary___w3xYM .Button-module__loading-spinner___T25--{color:#8dca7e}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb{border:1px solid #cb282e;color:#cb282e}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:hover:not(:disabled){border:1px solid #ac272c;color:#fff;background:#ac272c}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:disabled{border:1px solid #f99397;color:#f99397}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb .Button-module__loading-spinner___T25--{color:#f99397}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU{border:1px solid #878787;color:#878787}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:hover:not(:disabled){border:1px solid #727272;color:#fff;background:#727272}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:disabled{border:1px solid #cccccc;color:#ccc}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU .Button-module__loading-spinner___T25--{color:#ccc}.Button-module__btn-tertiary___G-7lD{gap:2px;color:#4a4a4a;background:none}.Button-module__btn-tertiary___G-7lD:hover{color:#3f7b25}.Button-module__btn-tertiary___G-7lD:disabled{color:#ccc;cursor:not-allowed}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb{color:#cb282e}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:hover{color:#ac272c}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:disabled{color:#f99397}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb .Button-module__loading-spinner___T25--{color:#f99397}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU{color:#878787}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:hover{color:#727272}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:disabled{color:#ccc}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU .Button-module__loading-spinner___T25--,.Button-module__btn-tertiary___G-7lD .Button-module__loading-spinner___T25--{color:#ccc}.Button-module__btn-primary___vwY5K.Button-module__btn-disabled___eg1uH{background:#8dca7e;cursor:not-allowed}.Button-module__btn-primary___vwY5K .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}.Button-module__btn-secondary___w3xYM.Button-module__btn-disabled___eg1uH{border:1px solid #8dca7e;color:#8dca7e;background:#fff;cursor:not-allowed}.Button-module__btn-secondary___w3xYM .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}.Button-module__btn-tertiary___G-7lD.Button-module__btn-disabled___eg1uH{color:#ccc;cursor:not-allowed}.Button-module__btn-tertiary___G-7lD .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}@keyframes Button-module__loading___QfItr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Button-module__btn-sm___KNlkv{height:24px;padding:0 8px}.Button-module__btn-md___C8vqh{height:32px;padding:0 12px}.Button-module__btn-sm___KNlkv:has(.Button-module__btn-icon___G7m4S:only-child){padding:0;width:24px}.Button-module__btn-md___C8vqh:has(.Button-module__btn-icon___G7m4S:only-child){padding:0;width:32px}.Button-module__btn-sm___KNlkv:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0 8px 0 4px}.Button-module__btn-sm___KNlkv:has(.Button-module__loading-spinner___T25--){padding:0 8px 0 4px}.Button-module__btn-md___C8vqh:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0 12px 0 8px}.Button-module__btn-md___C8vqh:has(.Button-module__loading-spinner___T25--){padding:0 12px 0 8px}.Button-module__btn-md___C8vqh .Button-module__btn-text___3ccH9{font-size:15px;font-weight:500;line-height:20px}.Button-module__btn-sm___KNlkv .Button-module__btn-text___3ccH9{font-size:13px;font-weight:500;line-height:18px}.Button-module__btn-md___C8vqh.Button-module__btn-tertiary___G-7lD .Button-module__btn-text___3ccH9{font-size:13px}.Button-module__btn-sm___KNlkv.Button-module__btn-tertiary___G-7lD .Button-module__btn-text___3ccH9{font-size:12px}.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child) .Button-module__btn-icon-sm___w7eg9{width:20px;height:20px;font-size:20px}.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child) .Button-module__btn-icon-md___8Ywy2{width:24px;height:24px;font-size:24px}

package/dist/assets/Dropdown.css

@@ -0,0 +1 @@
+.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{color:#b2b2b2}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;min-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}.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}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px}.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__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}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px;width:16px;height:16px;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:#fff;border:1px solid #cccccc;border-top:1px solid #cccccc;border-radius:0 0 4px 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}.Dropdown-module__dropdownMenu___toYcy.Dropdown-module__dropdownMenuRight___n1aDk{left:auto;right:0}.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__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;padding-right:8px}.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}.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__optionItemSelected___-jOOO{background-color:#dff0db}.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__optionItem___7pi10.Dropdown-module__optionItemCreatable___qtsjP{color:#5cb335;font-weight:500}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemCreatable___qtsjP:hover{background-color:#5cb3351a}.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}.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}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:13px;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}.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}.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/Ghost.css

@@ -1 +1 @@
-.Ghost-module__btn___z9x3f{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:none;text-align:center;font-family:Roboto,sans-serif;font-style:normal;font-size:13px;font-weight:700;line-height:100%;height:14px;cursor:pointer;gap:2px;color:#498e2b;background:none;letter-spacing:.26px;text-transform:uppercase}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd{color:#498e2b}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:hover,.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:hover .Ghost-module__btn-icon___x1T9n{color:#3f7b25}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:disabled{color:#8dca7e}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:disabled .Ghost-module__btn-icon___x1T9n{color:#8dca7e}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd .Ghost-module__btn-icon___x1T9n{color:#498e2b}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W{color:#cb282e}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:hover,.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:hover .Ghost-module__btn-icon___x1T9n{color:#ac272c}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:disabled{color:#f99397}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:disabled .Ghost-module__btn-icon___x1T9n{color:#f99397}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W .Ghost-module__btn-icon___x1T9n{color:#cb282e}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-{color:#878787}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:hover,.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:hover .Ghost-module__btn-icon___x1T9n{color:#727272}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:disabled{color:#ccc}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:disabled .Ghost-module__btn-icon___x1T9n{color:#ccc}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8- .Ghost-module__btn-icon___x1T9n{color:#878787}.Ghost-module__btn-icon___x1T9n{display:flex;justify-content:center;align-items:center;width:12px;height:12px;color:#498e2b}.Ghost-module__btn-disabled___BFF0Q{cursor:not-allowed}
+.Ghost-module__btn___z9x3f{padding:0;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:none;text-align:center;font-family:Roboto,sans-serif;font-style:normal;font-size:13px;font-weight:700;line-height:100%;height:14px;cursor:pointer;gap:2px;color:#498e2b;background:none;letter-spacing:.26px;text-transform:uppercase}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd{color:#498e2b}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:hover,.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:hover .Ghost-module__btn-icon___x1T9n{color:#3f7b25}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:disabled{color:#8dca7e}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd:disabled .Ghost-module__btn-icon___x1T9n{color:#8dca7e}.Ghost-module__btn___z9x3f.Ghost-module__btn-default___N8pjd .Ghost-module__btn-icon___x1T9n{color:#498e2b}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W{color:#cb282e}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:hover,.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:hover .Ghost-module__btn-icon___x1T9n{color:#ac272c}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:disabled{color:#f99397}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W:disabled .Ghost-module__btn-icon___x1T9n{color:#f99397}.Ghost-module__btn___z9x3f.Ghost-module__btn-danger___z7p-W .Ghost-module__btn-icon___x1T9n{color:#cb282e}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-{color:#878787}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:hover,.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:hover .Ghost-module__btn-icon___x1T9n{color:#727272}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:disabled{color:#ccc}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8-:disabled .Ghost-module__btn-icon___x1T9n{color:#ccc}.Ghost-module__btn___z9x3f.Ghost-module__btn-cancel___-YO8- .Ghost-module__btn-icon___x1T9n{color:#878787}.Ghost-module__btn-icon___x1T9n{display:flex;justify-content:center;align-items:center;width:12px;height:12px;color:#498e2b}.Ghost-module__btn-disabled___BFF0Q{cursor:not-allowed}

package/dist/assets/Input.css

@@ -1 +1 @@
-.Input-module__inputContainer___vubIa{display:grid;grid-template-columns:1fr;row-gap:4px}.Input-module__inline___ghC8J{grid-template-columns:max-content 1fr;column-gap:4px;align-items:center}.Input-module__inputWrapper___TYJbS{background:#fff;border:1px solid #cccccc;border-radius:4px;height:32px;display:flex;align-items:center;padding:0 8px;gap:6px}.Input-module__inputWrapper___TYJbS input{background:none;border:none;outline:none;color:#28292c;font-size:14px;font-family:Roboto,sans-serif}.Input-module__inputWrapper___TYJbS.Input-module__errorState___tTZjq{border-color:#bf494e}.Input-module__disabledState___MQEAl{opacity:.5}.Input-module__disabledState___MQEAl *{cursor:not-allowed;pointer-events:none}.Input-module__label___gmqts{color:#4a4a4a;font-size:14px}.Input-module__icon___qkecR{font-size:20px}.Input-module__helpers___fqdSd{display:grid;grid-template-columns:1fr max-content;align-items:center}.Input-module__helperText___NGV3W{color:#727272;font-size:12px}.Input-module__errorMessage___R9MPm{color:#bf494e;font-size:12px}.Input-module__helpLink___1n9ck{color:#0369a3;font-size:12px;text-decoration:none}.Input-module__helpLink___1n9ck:hover{text-decoration:underline}
+.Input-module__inputContainer___vubIa{display:grid;grid-template-columns:1fr;row-gap:6px}.Input-module__inline___ghC8J{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto;align-items:center;gap:6px}.Input-module__inline___ghC8J>*:nth-child(1){grid-column:1;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(2){grid-column:2;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(n+3){grid-column:2;grid-row:2}.Input-module__inputWrapper___TYJbS{background:#fff;border:1px solid #cccccc;border-radius:4px;height:32px;display:flex;align-items:center;padding:0 8px;gap:6px}.Input-module__inputWrapper___TYJbS input{background:none;border:none;outline:none;color:#28292c;font-size:14px;font-weight:400;line-height:1;font-family:Roboto,sans-serif}.Input-module__inputWrapper___TYJbS input:disabled{color:#b2b2b2}.Input-module__inputWrapper___TYJbS:focus-within{border-color:#5cb335}.Input-module__inputWrapper___TYJbS.Input-module__errorState___tTZjq{border-color:#bf494e}.Input-module__disabledState___MQEAl .Input-module__label___gmqts{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__icon___qkecR{color:#ccc}.Input-module__disabledState___MQEAl .Input-module__inputWrapper___TYJbS{border-color:#ccc}.Input-module__disabledState___MQEAl .Input-module__helperText___NGV3W{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__helpLink___1n9ck{color:#878787}.Input-module__disabledState___MQEAl *{cursor:not-allowed;pointer-events:none}.Input-module__label___gmqts{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1;display:flex;align-items:center;gap:4px}.Input-module__icon___qkecR{font-size:20px}.Input-module__helpers___fqdSd{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Input-module__helperText___NGV3W{color:#727272;font-size:12px;font-weight:400;line-height:1}.Input-module__errorMessage___R9MPm{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__helpLink___1n9ck{color:#0369a3;font-size:13px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0;margin-left:auto}.Input-module__helpLink___1n9ck:hover{text-decoration:underline}.Input-module__required___kHc93{color:#cb282e}

package/dist/assets/Spinner.css

@@ -0,0 +1 @@
+.Spinner-module__spinner-wrapper___Y0CNl:has(.Spinner-module__spinner-sm___Q8JC3){padding:2px;width:16px;height:16px;box-sizing:border-box;display:inline-block;line-height:1}.Spinner-module__spinner-wrapper___Y0CNl:has(.Spinner-module__spinner-md___FPDl5){padding:3px;width:20px;height:20px;box-sizing:border-box;display:inline-block;line-height:1}.Spinner-module__spinner-wrapper___Y0CNl:has(.Spinner-module__spinner-lg___ybboc){padding:3px;width:24px;height:24px;box-sizing:border-box;display:inline-block;line-height:1}.Spinner-module__spinner___SZoUP{display:inline-block;border:2px solid transparent;border-top:2px solid transparent;border-radius:50%;animation:Spinner-module__spin___Yk0wm 1s linear infinite;box-sizing:border-box}.Spinner-module__spinner-sm___Q8JC3{width:12px;height:12px;border-width:1.5px}.Spinner-module__spinner-md___FPDl5{width:14px;height:14px;border-width:2px}.Spinner-module__spinner-lg___ybboc{width:18px;height:18px;border-width:2.5px}.Spinner-module__spinner-white___nEP8s{color:#fff;border-color:inherit;border-top-color:transparent}.Spinner-module__spinner-light___fcwQz{color:#5cb335;border-color:inherit;border-top-color:transparent}.Spinner-module__spinner-dark___8Cbg-{color:#498e2b;border-color:inherit;border-top-color:transparent}@keyframes Spinner-module__spin___Yk0wm{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/assets/SplitButton.css

@@ -0,0 +1 @@
+.SplitButton-module__split-button-container___Pt3u6{display:flex;align-items:center}.SplitButton-module__split-button-action-trigger___dRgWH{border-radius:2px 0 0 2px;padding-left:12px}.SplitButton-module__split-button-dropdown-trigger___kVFdu{min-width:fit-content;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.SplitButton-module__split-button-container-trigger-single___LHqLO,.SplitButton-module__split-button-container-trigger-split___vMf3J{color:#fff}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-action-trigger___dRgWH{border-right:solid 1px #ffffff}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu{background:#498e2b;border:none}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover{border:none;background:#3f7b25}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-action-trigger___dRgWH{border-right:solid 1px #498e2b}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu{background:#fff;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover{background:#3f7b25;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:focus{background:#3f7b25;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:focus i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu i{color:#498e2b}.SplitButton-module__split-button-container-size-md___4nS4s{font-size:inherit}.SplitButton-module__split-button-container-size-md___4nS4s .SplitButton-module__split-button-dropdown-trigger___kVFdu{height:32px}.SplitButton-module__split-button-container-size-sm___amUB4 .SplitButton-module__split-button-dropdown-trigger___kVFdu{height:24px;min-height:24px;padding-left:4px;padding-right:4px}.SplitButton-module__split-button-container-size-sm___amUB4 .SplitButton-module__split-button-dropdown-menu___VM6wC [data-dropdown-option-item]{font-size:13px}

package/dist/assets/Textarea.css

@@ -1 +1 @@
-.Textarea-module__textareaContainer___O6LaY{display:grid;grid-template-columns:1fr;row-gap:4px}.Textarea-module__textareaWrapper___Jq9MF{background:#fff;border:1px solid #cccccc;border-radius:4px;display:flex;align-items:center;gap:6px;overflow:hidden;position:relative}.Textarea-module__textareaWrapper___Jq9MF textarea{background:none;border:none;outline:none;color:#28292c;font-size:14px;font-family:Roboto,sans-serif;padding:6px 8px;border-radius:4px}.Textarea-module__textareaWrapper___Jq9MF.Textarea-module__errorState___VI29O{border-color:#bf494e}.Textarea-module__disabledState___fiMjr{opacity:.5}.Textarea-module__disabledState___fiMjr *{cursor:not-allowed}.Textarea-module__label___EjFTD{color:#4a4a4a;font-size:14px}.Textarea-module__errorMessage___-WILV{color:#bf494e;font-size:12px}.Textarea-module__counter___-Q123{position:absolute;bottom:4px;right:8px;color:#727272;font-size:12px}
+.Textarea-module__textareaContainer___O6LaY{width:fit-content;display:grid;grid-template-columns:1fr;row-gap:6px}.Textarea-module__textareaWrapper___Jq9MF{width:fit-content;position:relative;display:flex;flex-direction:column;border:1px solid #cccccc;border-radius:4px}textarea{box-sizing:border-box;background:#fff;border:none;border-radius:4px;outline:none;color:#28292c;font-size:14px;font-family:Roboto,sans-serif;padding:6px 12px}textarea.Textarea-module__errorState___VI29O{border-color:#bf494e}textarea:focus-within{border-color:#5cb335}.Textarea-module__disabledState___fiMjr .Textarea-module__label___EjFTD,.Textarea-module__disabledState___fiMjr .Textarea-module__required___HEPGF{color:#b2b2b2}.Textarea-module__disabledState___fiMjr .Textarea-module__textareaWrapper___Jq9MF{border-color:#ccc;background:#fff}.Textarea-module__disabledState___fiMjr textarea,.Textarea-module__disabledState___fiMjr .Textarea-module__counter___-Q123{color:#b2b2b2}.Textarea-module__disabledState___fiMjr *{cursor:not-allowed}.Textarea-module__label___EjFTD{color:#4a4a4a;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px}.Textarea-module__errorMessage___-WILV{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Textarea-module__counter___-Q123{padding-right:8px;padding-bottom:4px;padding-top:4px;align-self:flex-end;color:#727272;font-size:12px}.Textarea-module__required___HEPGF{color:#cb282e}

package/dist/assets/Toast.css

@@ -0,0 +1 @@
+.Toast-module__toast___ngbBR{display:flex;align-items:center;gap:8px;height:44px;background-color:#fff;padding:0 20px;border-radius:240px;position:relative}.Toast-module__toast-success___D6okd{border:solid 2px #498e2b}.Toast-module__toast-success___D6okd .Toast-module__toast-icon___RNPXp{color:#498e2b;width:24px;height:24px;font-size:24px}.Toast-module__toast-success___D6okd .Toast-module__toast-label___8fb-l{color:#498e2b}.Toast-module__toast-warning___vPjpC{border:solid 2px #ce7309}.Toast-module__toast-warning___vPjpC .Toast-module__toast-icon___RNPXp{color:#ce7309;width:24px;height:24px;font-size:24px}.Toast-module__toast-warning___vPjpC .Toast-module__toast-label___8fb-l{color:#ce7309}.Toast-module__toast-error___TPnnP{border:solid 2px #cb282e}.Toast-module__toast-error___TPnnP .Toast-module__toast-icon___RNPXp{color:#cb282e;width:24px;height:24px;font-size:24px}.Toast-module__toast-error___TPnnP .Toast-module__toast-label___8fb-l{color:#cb282e}

package/dist/assets/Tooltip.css

@@ -0,0 +1 @@
+.Tooltip-module__tooltip___LjRUX{display:flex;align-items:center;justify-content:space-between;border-radius:4px;position:relative;box-shadow:0 0 4px #00000029;max-width:300px;word-wrap:break-word;line-height:1.4}.Tooltip-module__tooltip-md___v79jI{padding:12px;gap:12px;font-size:14px}.Tooltip-module__tooltip-sm___yOh4k{padding:8px;font-size:12px}.Tooltip-module__tooltip-dark___PHEuo{background-color:#4a4a4a;color:#fff}.Tooltip-module__tooltip-dark___PHEuo .Tooltip-module__tooltip-arrow___xtDeb:before{background-color:#4a4a4a}.Tooltip-module__tooltip-dark___PHEuo .Tooltip-module__tooltip-close-button___y7KQF{color:#ccc}.Tooltip-module__tooltip-light___f9BKo{background-color:#fff;color:#4a4a4a;border:1px solid rgba(0,0,0,.1)}.Tooltip-module__tooltip-light___f9BKo .Tooltip-module__tooltip-arrow___xtDeb:before{background-color:#fff}.Tooltip-module__tooltip-light___f9BKo .Tooltip-module__tooltip-close-icon___EceS-{color:#878787}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-top___hqLXn .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:1px 1px 3px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:1px 1px 3px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:1px 1px 3px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-bottom___e0WtM .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-left___YJ90G .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-right___CKvnv .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px 2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px 2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px 2px 4px #00000029}.Tooltip-module__tooltip-content___fjJv5{flex:1}.Tooltip-module__tooltip-arrow___xtDeb{position:absolute;width:8px;height:8px;transform:rotate(45deg)}.Tooltip-module__tooltip-arrow___xtDeb:before{content:"";position:absolute;width:100%;height:100%;border-radius:1px}.Tooltip-module__tooltip-top___hqLXn .Tooltip-module__tooltip-arrow___xtDeb{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{left:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{left:auto;right:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-bottom___e0WtM .Tooltip-module__tooltip-arrow___xtDeb{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{left:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{left:auto;right:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-left___YJ90G .Tooltip-module__tooltip-arrow___xtDeb{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{top:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{top:auto;bottom:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-right___CKvnv .Tooltip-module__tooltip-arrow___xtDeb{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{top:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{top:auto;bottom:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-close-button___y7KQF{display:flex;background:none;border:none;cursor:pointer;padding:0;margin:0;align-items:center}.Tooltip-module__tooltip-close-icon___EceS-{font-size:16px}.Tooltip-module__tooltip-enter___KfwAg{opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.Tooltip-module__tooltip-enter-active___L7FtU{opacity:1;transform:scale(1)}.Tooltip-module__tooltip-exit___RLxZG{opacity:1;transform:scale(1);transition:opacity .15s ease,transform .15s ease}.Tooltip-module__tooltip-exit-active___BsVba{opacity:0;transform:scale(.8)}

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,20 @@
 import { ApIcon } from '../../assets/ap-icons-types';
 import { DataAttributes } from '../../types/data-attributes';
+/**
+ * A versatile button component that supports different types, variants, sizes, and states.
+ * Used for user interactions and form submissions throughout the application.
+ *
+ * @param {object} props - Button component props
+ * @param {'primary' | 'secondary' | 'tertiary'} props.type - The type of button (affects styling and visual hierarchy)
+ * @param {'default' | 'danger' | 'cancel'} props.variant - The variant of button (affects color scheme and semantic meaning)
+ * @param {'sm' | 'md'} props.size - The size of the button (affects padding, font size, and icon dimensions)
+ * @param {ApIcon} [props.icon] - Optional icon to display before the button text
+ * @param {boolean} [props.disabled] - Whether the button is disabled (prevents interaction and applies disabled styling)
+ * @param {boolean} [props.loading] - Whether the button is in a loading state (shows loading spinner and prevents interaction)
+ * @param {React.ReactNode} [props.children] - The content to display inside the button (text or other elements)
+ * @param {() => void} [props.onClick] - Callback fired when the button is clicked
+ * @returns {JSX.Element} The rendered Button component
+ */
 type ButtonProps = {
     type: 'primary' | 'secondary' | 'tertiary';
     variant: 'default' | 'danger' | 'cancel';
@@ -9,6 +24,7 @@ type ButtonProps = {
     loading?: boolean;
     children?: React.ReactNode;
     onClick?: () => void;
+    className?: string;
 } & DataAttributes;
-export default function Button({ type, variant, size, icon, disabled, loading, onClick, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ type, variant, size, icon, disabled, loading, onClick, children, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Button/Button.js

@@ -1,36 +1,45 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { c as n } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Button.css';const i = "Button-module__btn___daEdK", r = "Button-module__loading___QfItr", t = {
-  btn: i,
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import i from "../Spinner/Spinner.js";
+import '../../assets/Button.css';const B = "Button-module__btn___daEdK", p = "Button-module__loading___QfItr", t = {
+  btn: B,
   "btn-icon": "Button-module__btn-icon___G7m4S",
   "btn-icon-sm": "Button-module__btn-icon-sm___w7eg9",
   "btn-icon-md": "Button-module__btn-icon-md___8Ywy2",
   "btn-primary": "Button-module__btn-primary___vwY5K",
+  "btn-default": "Button-module__btn-default___hpiKG",
   "btn-danger": "Button-module__btn-danger___jTLwb",
   "btn-cancel": "Button-module__btn-cancel___4SwgU",
+  "loading-spinner": "Button-module__loading-spinner___T25--",
   "btn-secondary": "Button-module__btn-secondary___w3xYM",
   "btn-tertiary": "Button-module__btn-tertiary___G-7lD",
+  "btn-disabled": "Button-module__btn-disabled___eg1uH",
   "btn-loading": "Button-module__btn-loading___vAg78",
-  loading: r,
+  loading: p,
   "btn-sm": "Button-module__btn-sm___KNlkv",
-  "btn-md": "Button-module__btn-md___C8vqh"
+  "btn-md": "Button-module__btn-md___C8vqh",
+  "btn-text": "Button-module__btn-text___3ccH9"
+}, g = (n) => {
+  (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click());
 };
-function y({
-  type: e,
-  variant: u,
+function x({
+  type: n,
+  variant: a,
   size: _,
-  icon: o,
-  disabled: b = !1,
-  loading: d = !1,
-  onClick: l,
-  children: a,
-  ...m
+  icon: b,
+  disabled: l = !1,
+  loading: o = !1,
+  onClick: m,
+  children: u,
+  className: s,
+  ...r
 }) {
-  return /* @__PURE__ */ c("button", { type: "button", className: n(t.btn, t[`btn-${e}`], t[`btn-${u}`], t[`btn-${_}`], b && t["btn-disabled"]), disabled: b, onClick: l, ...m, children: [
-    !!o && /* @__PURE__ */ s("span", { className: n(t["btn-icon"], t[`btn-icon-${_}`], d ? n("ap-icon-aggregation", t["btn-loading"]) : o) }),
-    a
+  return /* @__PURE__ */ c("button", { type: "button", className: d(t.btn, t[`btn-${n}`], t[`btn-${a}`], t[`btn-${_}`], l && t["btn-disabled"], s), disabled: l || o, onClick: m, onKeyDown: g, ...r, children: [
+    !!b && !o && /* @__PURE__ */ e("span", { className: d(t["btn-icon"], t[`btn-icon-${_}`], b) }),
+    o && /* @__PURE__ */ e(i, { size: _, color: "white", className: t["loading-spinner"] }),
+    u && /* @__PURE__ */ e("span", { className: t["btn-text"], children: u })
   ] });
 }
 export {
-  y as default
+  x as default
 };

package/dist/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/Button.test.js

@@ -0,0 +1,137 @@
+import { jsx as i } from "react/jsx-runtime";
+import { d as l, i as s, r as d, s as n, g as t, v as r, f as c } from "../../vi.ClIskdbk-DlR4jLzR.js";
+import a from "./Button.js";
+l("Button", () => {
+  l("Rendering", () => {
+    l("Basic rendering", () => {
+      s("should render button with children", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+        const e = n.getByTestId("button");
+        t(e).toBeInTheDocument(), t(e).toHaveTextContent("Click me");
+      }), s("should render button without children", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md" }));
+        const e = n.getByTestId("button");
+        t(e).toBeInTheDocument(), t(e).toHaveTextContent("");
+      }), s("should render button with icon", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", icon: "ap-icon-check", children: "Click me" }));
+        const e = n.getByTestId("button"), o = n.getByTestId("button-icon");
+        t(e).toBeInTheDocument(), t(o).toBeInTheDocument(), t(o.className).toContain("ap-icon-check");
+      }), s("should not render icon when icon prop is not provided", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+        const e = n.queryByTestId("button-icon");
+        t(e).not.toBeInTheDocument();
+      }), s("should render loading spinner when loading is true", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", loading: !0, children: "Click me" }));
+        const e = n.getByTestId("loading-spinner");
+        t(e).toBeInTheDocument(), t(e.className).toContain("loading-spinner");
+      }), s("should not render loading spinner when loading is false", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", loading: !1, children: "Click me" }));
+        const e = n.queryByTestId("loading-spinner");
+        t(e).not.toBeInTheDocument();
+      });
+    }), l("Disabled state", () => {
+      s("should render enabled when disabled prop is not provided", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+        const e = n.getByTestId("button");
+        t(e).toBeEnabled();
+      }), s("should render enabled when disabled prop is false", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", disabled: !1, children: "Click me" }));
+        const e = n.getByTestId("button");
+        t(e).toBeEnabled();
+      }), s("should render disabled when disabled prop is true", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", disabled: !0, children: "Click me" }));
+        const e = n.getByTestId("button");
+        t(e).toBeDisabled();
+      });
+    }), l("CSS Classes", () => {
+      s("should apply base button class", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+        const e = n.getByTestId("button");
+        t(e.className).toContain("btn");
+      }), s("should apply variant classes", () => {
+        const {
+          rerender: e
+        } = d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+        let o = n.getByTestId("button");
+        t(o.className).toContain("btn-default"), e(/* @__PURE__ */ i(a, { type: "primary", variant: "danger", size: "md", children: "Click me" })), o = n.getByTestId("button"), t(o.className).toContain("btn-danger"), e(/* @__PURE__ */ i(a, { type: "primary", variant: "cancel", size: "md", children: "Click me" })), o = n.getByTestId("button"), t(o.className).toContain("btn-cancel");
+      }), s("should apply size classes", () => {
+        const {
+          rerender: e
+        } = d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "sm", children: "Click me" }));
+        let o = n.getByTestId("button");
+        t(o.className).toContain("btn-sm"), e(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" })), o = n.getByTestId("button"), t(o.className).toContain("btn-md");
+      }), s("should apply disabled class when disabled", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", disabled: !0, children: "Click me" }));
+        const e = n.getByTestId("button");
+        t(e.className).toContain("btn-disabled");
+      }), s("should not apply disabled class when enabled", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", disabled: !1, children: "Click me" }));
+        const e = n.getByTestId("button");
+        t(e.className).not.toContain("btn-disabled");
+      }), s("should apply icon classes when icon is provided", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", icon: "ap-icon-check", children: "Click me" }));
+        const e = n.getByTestId("button-icon");
+        t(e.className).toContain("btn-icon"), t(e.className).toContain("btn-icon-md");
+      }), s("should apply icon size classes", () => {
+        const {
+          rerender: e
+        } = d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "sm", icon: "ap-icon-check", children: "Click me" }));
+        let o = n.getByTestId("button-icon");
+        t(o.className).toContain("btn-icon-sm"), e(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", icon: "ap-icon-check", children: "Click me" })), o = n.getByTestId("button-icon"), t(o.className).toContain("btn-icon-md");
+      }), s("should apply text class when children are provided", () => {
+        d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+        const e = n.getByTestId("button-text");
+        t(e.className).toContain("btn-text");
+      });
+    });
+  }), l("User Interactions", () => {
+    s("should call onClick when clicked", () => {
+      const e = r.fn();
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", onClick: e, children: "Click me" }));
+      const o = n.getByTestId("button");
+      c.click(o), t(e).toHaveBeenCalledTimes(1);
+    }), s("should not call onClick when disabled", () => {
+      const e = r.fn();
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", disabled: !0, onClick: e, children: "Click me" }));
+      const o = n.getByTestId("button");
+      c.click(o), t(e).not.toHaveBeenCalled();
+    }), s("should not call onClick when loading", () => {
+      const e = r.fn();
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", loading: !0, onClick: e, children: "Click me" }));
+      const o = n.getByTestId("button");
+      c.click(o), t(e).not.toHaveBeenCalled();
+    }), s("should handle keyboard interactions", () => {
+      const e = r.fn();
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", onClick: e, children: "Click me" }));
+      const o = n.getByTestId("button");
+      c.keyDown(o, {
+        key: "Enter"
+      }), t(e).toHaveBeenCalledTimes(1), c.keyDown(o, {
+        key: " "
+      }), t(e).toHaveBeenCalledTimes(2);
+    }), s("should not handle keyboard interactions when disabled", () => {
+      const e = r.fn();
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", disabled: !0, onClick: e, children: "Click me" }));
+      const o = n.getByTestId("button");
+      c.keyDown(o, {
+        key: "Enter"
+      }), t(e).not.toHaveBeenCalled(), c.keyDown(o, {
+        key: " "
+      }), t(e).not.toHaveBeenCalled();
+    });
+  }), l("Accessibility", () => {
+    s("should have proper button type attribute", () => {
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+      const e = n.getByTestId("button");
+      t(e).toHaveAttribute("type", "button");
+    }), s("should be focusable when enabled", () => {
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", children: "Click me" }));
+      const e = n.getByTestId("button");
+      e.focus(), t(e).toHaveFocus();
+    }), s("should not be focusable when disabled", () => {
+      d(/* @__PURE__ */ i(a, { type: "primary", variant: "default", size: "md", disabled: !0, children: "Click me" }));
+      const e = n.getByTestId("button");
+      e.focus(), t(e).not.toHaveFocus();
+    });
+  });
+});

package/dist/components/Checkbox/Checkbox.js

@@ -3,8 +3,8 @@ import * as p from "react";
 import { useId as z, useState as G, useEffect as J } from "react";
 import U from "../Icon/Icon.js";
 import { c as P } from "../../clsx-OuTLNxxd.js";
-import { c as V, P as N, a as W, u as M, b as g, d as $, e as Q } from "../../index-C6Ei8t2T.js";
-import { P as Y } from "../../index-fkLrX08F.js";
+import { c as V, P as N, e as W, u as M, d as w, f as $, g as Q } from "../../index-DMGyUYZU.js";
+import { P as Y } from "../../index-CY4eJ1Hi.js";
 import '../../assets/Checkbox.css';const Z = "Checkbox-module__wrapper___rznMS", ee = "Checkbox-module__root___BS5dT", te = "Checkbox-module__indicator___HXLHH", oe = "Checkbox-module__checked___XfvkJ", re = "Checkbox-module__icon___VMxEf", ce = "Checkbox-module__label___JBaRm", ne = "Checkbox-module__disabled___WagIC", C = {
   wrapper: Z,
   root: ee,
@@ -95,10 +95,10 @@ var D = "CheckboxTrigger", T = p.forwardRef(
         value: f,
         ...n,
         ref: x,
-        onKeyDown: g(c, (d) => {
+        onKeyDown: w(c, (d) => {
           d.key === "Enter" && d.preventDefault();
         }),
-        onClick: g(o, (d) => {
+        onClick: w(o, (d) => {
           h((l) => m(l) ? !0 : !l), _ && v && (b.current = d.isPropagationStopped(), b.current || d.stopPropagation());
         })
       }
@@ -193,13 +193,13 @@ var F = "CheckboxBubbleInput", L = p.forwardRef(
     p.useEffect(() => {
       const l = b;
       if (!l) return;
-      const E = window.HTMLInputElement.prototype, w = Object.getOwnPropertyDescriptor(
+      const E = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(
         E,
         "checked"
       ).set, O = !r.current;
-      if (x !== e && w) {
+      if (x !== e && g) {
         const X = new Event("click", { bubbles: O });
-        l.indeterminate = m(e), w.call(l, m(e) ? !1 : e), l.dispatchEvent(X);
+        l.indeterminate = m(e), g.call(l, m(e) ? !1 : e), l.dispatchEvent(X);
       }
     }, [b, x, e, r]);
     const d = p.useRef(m(e) ? !1 : e);

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

@@ -0,0 +1,36 @@
+import { DataAttributes } from '../../types/data-attributes';
+import { DropdownOption } from '../Dropdown/Dropdown';
+type CreatableProps = {
+    label: string;
+    required?: boolean;
+    options: DropdownOption[];
+    multiSelect?: boolean;
+    value?: string[];
+    helpText?: string;
+    helpLink?: string;
+    helpLinkText?: string;
+    disabled?: boolean;
+    errorMessage?: string;
+} & DataAttributes;
+/**
+ * A dropdown input that lets users create new items on the fly.
+ *
+ * Internally this component renders `Dropdown` with `isCreatable` set to true,
+ * exposing a streamlined API for creatable behavior without additional setup.
+ *
+ * @param {object} props - Creatable component props
+ * @param {string} props.label - Field label displayed above the input
+ * @param {[boolean]} [props.required=false] - Whether the field is required
+ * @param {DropdownOption[]} props.options - Available selection options for the dropdown
+ * @param {[boolean]} [props.multiSelect=false] - Whether multiple options can be selected
+ * @param {[string[]]} [props.value] - Controlled value for the selection (array of selected option values)
+ * @param {[string]} [props.helpText] - Optional helper text displayed below the field
+ * @param {[string]} [props.helpLink] - Optional URL for help link displayed with helper text
+ * @param {[string]} [props.helpLinkText] - Optional help link label to display when `helpLink` is provided
+ * @param {[boolean]} [props.disabled] - Whether the field is disabled
+ * @param {[string]} [props.errorMessage] - Optional error message displayed below the field
+ * @param {DataAttributes} [props.data-*] - Additional `data-` attributes forwarded to the root element
+ * @returns {JSX.Element} The rendered Creatable component
+ */
+export default function Creatable({ label, required, multiSelect, value, helpText, helpLink, helpLinkText, disabled, errorMessage, ...props }: CreatableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Creatable/Creatable.js

@@ -0,0 +1,19 @@
+import { jsx as n } from "react/jsx-runtime";
+import p from "../Dropdown/Dropdown.js";
+function d({
+  label: r,
+  required: e = !1,
+  multiSelect: t = !1,
+  value: a,
+  helpText: o,
+  helpLink: f,
+  helpLinkText: l,
+  disabled: s,
+  errorMessage: i,
+  ...m
+}) {
+  return /* @__PURE__ */ n(p, { label: r, required: e, isCreatable: !0, multiSelect: t, value: a, helpText: o, helpLink: f, helpLinkText: l, disabled: s, errorMessage: i, ...m });
+}
+export {
+  d as default
+};

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

@@ -0,0 +1,62 @@
+import { DataAttributes } from '../../types/data-attributes';
+export type DropdownOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    category?: string;
+};
+type DropdownProps = {
+    label?: string;
+    options: DropdownOption[];
+    value?: string[];
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    errorMessage?: string;
+    helpText?: string;
+    helpLink?: string;
+    helpLinkText?: string;
+    onChange?: (selectedValues: string[]) => void;
+    onSearch?: (searchTerm: string) => void;
+    grouped?: boolean;
+    multiSelect?: boolean;
+    align?: 'left' | 'right';
+    onToggleChange?: (checked: boolean) => void;
+    toggleLabel?: string;
+    isCreatable?: boolean;
+    dropdownTriggerClassName?: string;
+    dropdownMenuClassName?: string;
+    hideSelectedItems?: boolean;
+} & DataAttributes;
+/**
+ * A flexible dropdown component that supports single and multi-select functionality with search, categorization, and keyboard navigation.
+ *
+ * @param {object} props - Dropdown component props
+ * @param {string} props.label - The label text displayed above the dropdown
+ * @param {DropdownOption[]} props.options - Array of options to display in the dropdown
+ * @param {string[]} [props.value] - Currently selected option values (defaults to empty array)
+ * @param {string} [props.placeholder] - Placeholder text shown when no options are selected (defaults to 'Select options...')
+ * @param {boolean} [props.disabled] - Whether the dropdown is disabled (defaults to false)
+ * @param {boolean} [props.required] - Whether the dropdown is required, shows asterisk in label (defaults to false)
+ * @param {boolean} [props.searchable] - Whether to show search input for filtering options (defaults to false)
+ * @param {string} [props.searchPlaceholder] - Placeholder text for the search input (defaults to 'Search options...')
+ * @param {string} [props.errorMessage] - Error message displayed below the dropdown (shows error styling)
+ * @param {string} [props.helpText] - Helper text displayed below the dropdown (hidden when errorMessage is provided)
+ * @param {string} [props.helpLink] - URL for the help link (renders help link if provided with helpLinkText)
+ * @param {string} [props.helpLinkText] - Text for the help link (renders help link if provided with helpLink)
+ * @param {(selectedValues: string[]) => void} [props.onChange] - Callback fired when selection changes
+ * @param {(searchTerm: string) => void} [props.onSearch] - Callback fired when search term changes
+ * @param {boolean} [props.multiSelect] - Whether multiple options can be selected (defaults to false)
+ * @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)
+ * @returns {JSX.Element} The rendered Dropdown component
+ */
+export default function Dropdown({ label, options, value, placeholder, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, onToggleChange, toggleLabel, isCreatable, dropdownTriggerClassName, dropdownMenuClassName, hideSelectedItems, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};