@alixpartners/ui-components 2.0.0-beta.16 → 2.0.0-beta.18

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-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:not(.Button-module__btn-tertiary___G-7lD):not(:has(.Button-module__btn-icon___G7m4S:only-child)){min-width:78px;box-sizing:border-box}.Button-module__btn-md___C8vqh:not(.Button-module__btn-tertiary___G-7lD):not(:has(.Button-module__btn-icon___G7m4S:only-child)){min-width:94px;box-sizing:border-box}.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}
+.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!important}.Button-module__btn-icon-md___8Ywy2{width:20px;height:20px;font-size:20px!important}.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:not(.Button-module__btn-tertiary___G-7lD):not(:has(.Button-module__btn-icon___G7m4S:only-child)){min-width:78px;box-sizing:border-box}.Button-module__btn-md___C8vqh:not(.Button-module__btn-tertiary___G-7lD):not(:has(.Button-module__btn-icon___G7m4S:only-child)){min-width:94px;box-sizing:border-box}.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}.Button-module__btn-sm___KNlkv.Button-module__btn-tertiary___G-7lD,.Button-module__btn-md___C8vqh.Button-module__btn-tertiary___G-7lD{padding:0}.Button-module__btn-sm___KNlkv.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child){padding:0}.Button-module__btn-sm___KNlkv.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0}.Button-module__btn-sm___KNlkv.Button-module__btn-tertiary___G-7lD:has(.Button-module__loading-spinner___T25--){padding:0}.Button-module__btn-md___C8vqh.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child){padding:0}.Button-module__btn-md___C8vqh.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0}.Button-module__btn-md___C8vqh.Button-module__btn-tertiary___G-7lD:has(.Button-module__loading-spinner___T25--){padding:0}

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}.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;gap: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:#5cb335;margin-left:12px;margin-right:12px}.NavBar-module__navbar-menu-additional___B8kH-{display:flex;align-items:center;gap:24px}.NavBar-module__navbar-menu-additional-trigger___IpMHL{all:unset;cursor:pointer;padding: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;gap: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:#5cb335;margin-left:12px;margin-right:12px}.NavBar-module__navbar-menu-additional___B8kH-{display:flex;align-items:center;gap:24px}.NavBar-module__navbar-menu-additional-trigger___IpMHL{all:unset;cursor:pointer;padding: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/Tag.css

@@ -1 +1 @@
-.Tag-module__tag___0Cfjz{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content}.Tag-module__tag-md___JwMcM{gap:4px;height:24px;padding:9px;border-radius:240px}.Tag-module__tag-md___JwMcM .Tag-module__label___aGRya{font-size:13px}.Tag-module__tag-sm___XzenL{gap:2px;height:20px;padding:9px;border-radius:240px}.Tag-module__tag-sm___XzenL .Tag-module__label___aGRya{font-size:12px}.Tag-module__tag___0Cfjz:has(i) i{font-size:12px}.Tag-module__tag___0Cfjz:has(.Tag-module__icon-container-left___8uIQ9){padding-left:5px;padding-right:9px}.Tag-module__tag___0Cfjz:has(.Tag-module__icon-container-right___QsLQ5){padding-left:9px;padding-right:5px}.Tag-module__tag-border___HNVCz{border-style:solid;border-width:1px}.Tag-module__tag-borderless___fva4F{border-style:none}.Tag-module__tag-success___77hcn{border-color:#a5d192;background-color:#dff0db;color:#3f7b25}.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI{background-color:#3f7b25}.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI i{color:#fff}.Tag-module__tag-warning___0QvsH{border-color:#f9d250;background-color:#fec;color:#b86a0f}.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI{background-color:#ce7309}.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI i{color:#fff}.Tag-module__tag-error___MziYU{border-color:#f1b5b7;background-color:#ffebed;color:#bf494e}.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI{background-color:#cb282e}.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI i{color:#fff}.Tag-module__tag-gray___o2tVE{border-color:#ccc;background-color:#f1f1f1;color:#4a4a4a}.Tag-module__tag-gray___o2tVE i{color:#727272}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI{background-color:#878787}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-white___gaibD{border-color:#ccc;background-color:#fff;color:#4a4a4a}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI{background-color:#f1f1f1}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#4a4a4a}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI i{color:#878787}.Tag-module__tag-red___z6Mt0{border-color:#f1b5b7;background-color:#ffebed;color:#bf494e}.Tag-module__tag-red___z6Mt0 i{color:#727272}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI{background-color:#cb282e}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-orange___ugnvJ{border-color:#f9d250;background-color:#fec;color:#b86a0f}.Tag-module__tag-orange___ugnvJ i{color:#727272}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI{background-color:#ce7309}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-green___sVT5C{border-color:#a5d192;background-color:#dff0db;color:#3f7b25}.Tag-module__tag-green___sVT5C i{color:#727272}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI{background-color:#3f7b25}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-purple___cxVjH{border-color:#d3adf7;background-color:#f5ecfd;color:#812fc1}.Tag-module__tag-purple___cxVjH i{color:#727272}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI{background-color:#812fc1}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-turquoise___srWRm{border-color:#87e8de;background-color:#d3f8f2;color:#006176}.Tag-module__tag-turquoise___srWRm i{color:#727272}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI{background-color:#01a69e}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-blue___6hIJc{border-color:#9bb5fd;background-color:#e0eaff;color:#024870}.Tag-module__tag-blue___6hIJc i{color:#727272}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI{background-color:#0369a3}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__icon-container-left___8uIQ9,.Tag-module__icon-container-right___QsLQ5{display:flex;align-items:center;justify-content:center}
+.Tag-module__tag___0Cfjz{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:100%}.Tag-module__tag-md___JwMcM{gap:4px;height:24px;padding:9px;border-radius:240px}.Tag-module__tag-md___JwMcM .Tag-module__label___aGRya{font-size:13px}.Tag-module__tag-sm___XzenL{gap:2px;height:20px;padding:9px;border-radius:240px}.Tag-module__tag-sm___XzenL .Tag-module__label___aGRya{font-size:12px}.Tag-module__tag___0Cfjz:has(i) i{font-size:12px}.Tag-module__tag___0Cfjz:has(.Tag-module__icon-container-left___8uIQ9){padding-left:5px;padding-right:9px}.Tag-module__tag___0Cfjz:has(.Tag-module__icon-container-right___QsLQ5){padding-left:9px;padding-right:5px}.Tag-module__tag-border___HNVCz{border-style:solid;border-width:1px}.Tag-module__tag-borderless___fva4F{border-style:none}.Tag-module__tag-success___77hcn{border-color:#a5d192;background-color:#dff0db;color:#3f7b25}.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI{background-color:#3f7b25}.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI i{color:#fff}.Tag-module__tag-warning___0QvsH{border-color:#f9d250;background-color:#fec;color:#b86a0f}.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI{background-color:#ce7309}.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI i{color:#fff}.Tag-module__tag-error___MziYU{border-color:#f1b5b7;background-color:#ffebed;color:#bf494e}.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI{background-color:#cb282e}.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI i{color:#fff}.Tag-module__tag-gray___o2tVE{border-color:#ccc;background-color:#f1f1f1;color:#4a4a4a}.Tag-module__tag-gray___o2tVE i{color:#727272}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI{background-color:#878787}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-white___gaibD{border-color:#ccc;background-color:#fff;color:#4a4a4a}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI{background-color:#f1f1f1}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#4a4a4a}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI i{color:#878787}.Tag-module__tag-red___z6Mt0{border-color:#f1b5b7;background-color:#ffebed;color:#bf494e}.Tag-module__tag-red___z6Mt0 i{color:#727272}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI{background-color:#cb282e}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-orange___ugnvJ{border-color:#f9d250;background-color:#fec;color:#b86a0f}.Tag-module__tag-orange___ugnvJ i{color:#727272}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI{background-color:#ce7309}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-green___sVT5C{border-color:#a5d192;background-color:#dff0db;color:#3f7b25}.Tag-module__tag-green___sVT5C i{color:#727272}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI{background-color:#3f7b25}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-purple___cxVjH{border-color:#d3adf7;background-color:#f5ecfd;color:#812fc1}.Tag-module__tag-purple___cxVjH i{color:#727272}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI{background-color:#812fc1}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-turquoise___srWRm{border-color:#87e8de;background-color:#d3f8f2;color:#006176}.Tag-module__tag-turquoise___srWRm i{color:#727272}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI{background-color:#01a69e}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-blue___6hIJc{border-color:#9bb5fd;background-color:#e0eaff;color:#024870}.Tag-module__tag-blue___6hIJc i{color:#727272}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI{background-color:#0369a3}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__icon-container-left___8uIQ9,.Tag-module__icon-container-right___QsLQ5{display:flex;align-items:center;justify-content:center;flex-shrink:0}.Tag-module__label___aGRya{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

package/dist/assets/Toast.css

@@ -1 +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;transition:transform .6s cubic-bezier(.25,.8,.25,1),opacity .3s ease}.Toast-module__slide-from-left___ElPnx.Toast-module__animating___JX8yh{transform:translate(-100%);opacity:0}.Toast-module__slide-from-right___lvqQq.Toast-module__animating___JX8yh{transform:translate(100%);opacity:0}.Toast-module__slide-from-top___2QKJ7.Toast-module__animating___JX8yh{transform:translateY(-100%);opacity:0}.Toast-module__slide-from-bottom___0PzuV.Toast-module__animating___JX8yh{transform:translateY(100%);opacity:0}.Toast-module__fade-in___4rJCE.Toast-module__animating___JX8yh{opacity:0}.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;font-weight:500;font-size:15px}.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;font-weight:500;font-size:15px}.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;font-weight:500;font-size:15px}
+.Toast-module__toast___ngbBR{display:flex;align-items:center;gap:8px;height:44px;background-color:#fff;padding:0 20px;border-radius:240px;position:relative;transition:transform .6s cubic-bezier(.25,.8,.25,1),opacity .3s ease}.Toast-module__slide-from-left___ElPnx.Toast-module__animating___JX8yh{transform:translate(-100%);opacity:0}.Toast-module__slide-from-right___lvqQq.Toast-module__animating___JX8yh{transform:translate(100%);opacity:0}.Toast-module__slide-from-top___2QKJ7.Toast-module__animating___JX8yh{transform:translateY(-100%);opacity:0}.Toast-module__slide-from-bottom___0PzuV.Toast-module__animating___JX8yh{transform:translateY(100%);opacity:0}.Toast-module__fade-in___4rJCE.Toast-module__animating___JX8yh{opacity:0}.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;font-weight:500;font-size:15px}.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;font-weight:500;font-size:15px}.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;font-weight:500;font-size:15px}.Toast-module__toast-icon___RNPXp{line-height:1}

package/dist/components/Button/Button.js

@@ -1,8 +1,9 @@
 import { jsxs as y, jsx as b } from "react/jsx-runtime";
-import { c as m } from "../../clsx-OuTLNxxd.js";
-import g from "../Spinner/Spinner.js";
-import '../../assets/Button.css';const f = "Button-module__btn___daEdK", w = "Button-module__loading___QfItr", t = {
-  btn: f,
+import { c as a } from "../../clsx-OuTLNxxd.js";
+import f from "../Spinner/Spinner.js";
+import g from "../Icon/Icon.js";
+import '../../assets/Button.css';const w = "Button-module__btn___daEdK", x = "Button-module__loading___QfItr", t = {
+  btn: w,
   "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",
@@ -15,12 +16,12 @@ import '../../assets/Button.css';const f = "Button-module__btn___daEdK", w = "Bu
   "btn-tertiary": "Button-module__btn-tertiary___G-7lD",
   "btn-disabled": "Button-module__btn-disabled___eg1uH",
   "btn-loading": "Button-module__btn-loading___vAg78",
-  loading: w,
+  loading: x,
   "btn-sm": "Button-module__btn-sm___KNlkv",
   "btn-md": "Button-module__btn-md___C8vqh",
   "btn-text": "Button-module__btn-text___3ccH9"
 };
-function D({
+function h({
   type: c,
   variant: i,
   size: o,
@@ -28,20 +29,20 @@ function D({
   disabled: u = !1,
   loading: e = !1,
   children: d,
-  className: s,
-  iconClassName: r,
+  className: r,
+  iconClassName: s,
   ..._
 }) {
   const B = (n) => {
-    var a;
-    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (a = _.onKeyDown) == null || a.call(_, n);
+    var m;
+    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (m = _.onKeyDown) == null || m.call(_, n);
   };
-  return /* @__PURE__ */ y("button", { type: "button", className: m(t.btn, t[`btn-${c}`], t[`btn-${i}`], t[`btn-${o}`], u && t["btn-disabled"], s), disabled: u || e, onKeyDown: B, ..._, children: [
-    !!l && !e && /* @__PURE__ */ b("span", { className: m(t["btn-icon"], t[`btn-icon-${o}`], l, r) }),
-    e && /* @__PURE__ */ b(g, { size: o, color: "white", className: t["loading-spinner"] }),
+  return /* @__PURE__ */ y("button", { type: "button", className: a(t.btn, t[`btn-${c}`], t[`btn-${i}`], t[`btn-${o}`], u && t["btn-disabled"], r), disabled: u || e, onKeyDown: B, ..._, children: [
+    !!l && !e && /* @__PURE__ */ b(g, { icon: l, className: a(t["btn-icon"], t[`btn-icon-${o}`], s) }),
+    e && /* @__PURE__ */ b(f, { size: o, color: "white", className: t["loading-spinner"] }),
     d && /* @__PURE__ */ b("span", { className: t["btn-text"], children: d })
   ] });
 }
 export {
-  D as default
+  h as default
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -5,7 +5,8 @@ import { ApIcon } from '../../assets/ap-icons-types';
  * Provides a native HTML dialog element with backdrop support, confirmation/cancellation actions, and accessibility features.
  *
  * @param {object} props - Dialog component props
- * @param {React.ReactNode} props.children - The trigger element that opens the dialog when clicked
+ * @param {React.ReactNode} [props.children] - The trigger element that opens the dialog when clicked (optional when using isOpen prop)
+ * @param {boolean} [props.isOpen] - Controls whether the dialog is displayed. When provided, the dialog becomes controlled and children trigger is optional
  * @param {() => void} [props.onClose] - Callback fired when the dialog is closed (shows close button when provided)
  * @param {string} props.title - The title text displayed at the top of the dialog
  * @param {string} props.description - The description text displayed below the title
@@ -18,7 +19,8 @@ import { ApIcon } from '../../assets/ap-icons-types';
  */
 type DialogProps = {
     className?: string;
-    children: React.ReactNode;
+    children?: React.ReactNode;
+    isOpen?: boolean;
     onClose?: () => void;
     title: string;
     description: React.ReactNode;
@@ -36,5 +38,5 @@ type DialogProps = {
     onConfirm?: () => void;
     onCancel?: () => void;
 } & DataAttributes;
-export default function Dialog({ children, onClose, title, description, illustrationSrc, confirmButtonText, cancelButtonText, confirmButtonType, cancelButtonType, confirmButtonVariant, cancelButtonVariant, confirmButtonSize, cancelButtonSize, confirmButtonIcon, cancelButtonIcon, onConfirm, onCancel, className, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export default function Dialog({ children, isOpen, onClose, title, description, illustrationSrc, confirmButtonText, cancelButtonText, confirmButtonType, cancelButtonType, confirmButtonVariant, cancelButtonVariant, confirmButtonSize, cancelButtonSize, confirmButtonIcon, cancelButtonIcon, onConfirm, onCancel, className, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/Dialog.js

@@ -1,8 +1,8 @@
-import { jsxs as e, jsx as l } from "react/jsx-runtime";
-import { useRef as _ } from "react";
-import r from "../Button/Button.js";
-import '../../assets/Dialog.css';const G = "Dialog-module__dialog___r4ljx", a = {
-  dialog: G,
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useRef as f, useEffect as H } from "react";
+import g from "../Button/Button.js";
+import '../../assets/Dialog.css';const I = "Dialog-module__dialog___r4ljx", t = {
+  dialog: I,
   "dialog-illustration": "Dialog-module__dialog-illustration___IHiQl",
   "dialog-content": "Dialog-module__dialog-content___3hOGc",
   "dialog-close-button-container": "Dialog-module__dialog-close-button-container___35uPS",
@@ -10,56 +10,62 @@ import '../../assets/Dialog.css';const G = "Dialog-module__dialog___r4ljx", a =
   "dialog-description": "Dialog-module__dialog-description___hL8fm",
   "dialog-buttons": "Dialog-module__dialog-buttons___x-v2M"
 };
-function K({
-  children: u,
-  onClose: o,
-  title: m,
-  description: h,
-  illustrationSrc: s,
+function P({
+  children: s,
+  isOpen: o,
+  onClose: l,
+  title: v,
+  description: D,
+  illustrationSrc: _,
   confirmButtonText: n,
-  cancelButtonText: g,
+  cancelButtonText: u,
   confirmButtonType: p = "primary",
-  cancelButtonType: v = "primary",
-  confirmButtonVariant: D = "default",
-  cancelButtonVariant: f = "cancel",
-  confirmButtonSize: N = "md",
-  cancelButtonSize: b = "md",
-  confirmButtonIcon: y,
-  cancelButtonIcon: k,
-  onConfirm: d,
-  onCancel: c,
-  className: j,
-  ...x
+  cancelButtonType: N = "primary",
+  confirmButtonVariant: b = "default",
+  cancelButtonVariant: y = "cancel",
+  confirmButtonSize: k = "md",
+  cancelButtonSize: j = "md",
+  confirmButtonIcon: x,
+  cancelButtonIcon: z,
+  onConfirm: e,
+  onCancel: r,
+  className: M,
+  ...R
 }) {
-  const z = _(null), t = _(null), R = () => {
+  const w = f(null), d = f(null);
+  H(() => {
+    var i, h;
+    o !== void 0 && (o ? (i = d.current) == null || i.showModal() : (h = d.current) == null || h.close());
+  }, [o]);
+  const A = () => {
     var i;
-    (i = t.current) == null || i.showModal();
-  }, A = () => {
+    (i = d.current) == null || i.showModal();
+  }, m = () => {
     var i;
-    (i = t.current) == null || i.close(), o == null || o();
-  }, M = () => {
+    l == null || l(), o === void 0 && ((i = d.current) == null || i.close());
+  }, E = () => {
     var i;
-    (i = t.current) == null || i.close(), d == null || d();
-  }, w = () => {
+    e == null || e(), l == null || l(), o === void 0 && ((i = d.current) == null || i.close());
+  }, G = () => {
     var i;
-    (i = t.current) == null || i.close(), c == null || c();
+    r == null || r(), l == null || l(), o === void 0 && ((i = d.current) == null || i.close());
   };
-  return /* @__PURE__ */ e("div", { className: j, ...x, children: [
-    /* @__PURE__ */ l("div", { ref: z, onClick: R, children: u }),
-    /* @__PURE__ */ e("dialog", { className: a.dialog, ref: t, onClose: o, children: [
-      /* @__PURE__ */ l("div", { className: a["dialog-close-button-container"], children: o && /* @__PURE__ */ l(r, { className: a["dialog-close-button"], type: "tertiary", variant: "cancel", size: "md", onClick: A, icon: "ap-icon-close" }) }),
-      s && /* @__PURE__ */ l("div", { className: a["dialog-illustration"], children: /* @__PURE__ */ l("img", { src: s, alt: "Dialog illustration" }) }),
-      /* @__PURE__ */ e("div", { className: a["dialog-content"], children: [
-        /* @__PURE__ */ l("h2", { className: a["dialog-title"], children: m }),
-        /* @__PURE__ */ l("div", { className: a["dialog-description"], children: h })
+  return /* @__PURE__ */ c("div", { className: M, ...R, children: [
+    s && /* @__PURE__ */ a("div", { ref: w, onClick: A, children: s }),
+    /* @__PURE__ */ c("dialog", { className: t.dialog, ref: d, onClose: m, children: [
+      /* @__PURE__ */ a("div", { className: t["dialog-close-button-container"], children: l && /* @__PURE__ */ a(g, { className: t["dialog-close-button"], type: "tertiary", variant: "cancel", size: "md", onClick: m, icon: "ap-icon-close" }) }),
+      _ && /* @__PURE__ */ a("div", { className: t["dialog-illustration"], children: /* @__PURE__ */ a("img", { src: _, alt: "Dialog illustration" }) }),
+      /* @__PURE__ */ c("div", { className: t["dialog-content"], children: [
+        /* @__PURE__ */ a("h2", { className: t["dialog-title"], children: v }),
+        /* @__PURE__ */ a("div", { className: t["dialog-description"], children: D })
       ] }),
-      /* @__PURE__ */ e("div", { className: a["dialog-buttons"], children: [
-        g && /* @__PURE__ */ l(r, { type: v, variant: f, size: b, onClick: w, icon: k, children: g }),
-        n && /* @__PURE__ */ l(r, { type: p, variant: D, size: N, onClick: M, icon: y, children: n })
+      /* @__PURE__ */ c("div", { className: t["dialog-buttons"], children: [
+        u && /* @__PURE__ */ a(g, { type: N, variant: y, size: j, onClick: G, icon: z, children: u }),
+        n && /* @__PURE__ */ a(g, { type: p, variant: b, size: k, onClick: E, icon: x, children: n })
       ] })
     ] })
   ] });
 }
 export {
-  K as default
+  P as default
 };

package/dist/components/NavBar/NavBar.d.ts

@@ -5,6 +5,7 @@ export type MenuItem = {
     label: string;
     href?: string;
     menuItems?: MenuItem[];
+    onClick?: () => void;
 };
 export type Notifications = {
     count: number;
@@ -20,7 +21,7 @@ export type NavBarProps = {
     projectName: string;
     projectLogoIcon: ApLogo;
     projectLogoIconColor: 'black' | 'white' | 'gray' | 'green';
-    projectLogoLink?: string;
+    projectLogoOnClick?: () => void;
     projectTag?: string;
     menuButton?: React.ReactElement<ButtonProps, typeof Button>;
     menuItems?: MenuItem[];
@@ -37,7 +38,7 @@ export type NavBarProps = {
  * @param {object} props - NavBar component props
  * @param {string} props.projectName - The name of the project to display in the navbar
  * @param {string} props.projectLogoIcon - The source URL for the project logo image
- * @param {string} [props.projectLogoLink] - The link to the project logo
+ * @param {() => void} [props.projectLogoOnClick] - The function to call when the project logo is clicked
  * @param {string} [props.projectTag] - Optional project tag to display next to the project name
  * @param {React.ReactElement<ButtonProps, typeof Button>} [props.menuButton] - Optional Button component to display before the menu items
  * @param {MenuItem[]} [props.menuItems] - Array of menu items to display in the navigation
@@ -47,4 +48,4 @@ export type NavBarProps = {
  * @param {UserProfile} [props.additionalItems.userProfile] - User profile configuration with initials and dropdown content
  * @returns {JSX.Element} The rendered NavBar component
  */
-export default function NavBar({ activeMenuItemHref, projectName, projectLogoIcon, projectLogoIconColor, projectLogoLink, projectTag, menuItems, menuButton, additionalItems, className, maxWidth, }: NavBarProps): import("react/jsx-runtime").JSX.Element;
+export default function NavBar({ activeMenuItemHref, projectName, projectLogoIcon, projectLogoIconColor, projectLogoOnClick, projectTag, menuItems, menuButton, additionalItems, className, maxWidth, }: NavBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NavBar/NavBar.js

@@ -7,11 +7,11 @@ import * as c from "react";
 import { u as ae, c as U, a as re, R as ne, I as oe } from "../../index-CjQV7MmW.js";
 import { u as te, c as ie, P as V, d as ue, a as N } from "../../index-DWydnyjJ.js";
 import { u as O } from "../../index-2H7slGYV.js";
-import { c as se, R as ce, A as le, P as me, C as de, I as be, G as ve, L as pe, a as _e, b as fe, d as ge, e as he, S as Me, f as Ne, g as Re, h as we } from "../../index-CVWHq7Pr.js";
-import '../../assets/NavBar.css';var w = "Menubar", [I, xe, Ce] = re(w), [z, ua] = ie(w, [
-  Ce,
+import { c as se, R as ce, A as le, P as me, C as de, I as be, G as ve, L as pe, a as _e, b as fe, d as ge, e as he, S as Me, f as Ne, g as Re, h as Ce } from "../../index-CVWHq7Pr.js";
+import '../../assets/NavBar.css';var C = "Menubar", [I, we, xe] = re(C), [z, ua] = ie(C, [
+  xe,
   U
-]), p = se(), H = U(), [Se, K] = z(w), Y = c.forwardRef(
+]), p = se(), H = U(), [Se, G] = z(C), Y = c.forwardRef(
   (a, o) => {
     const {
       __scopeMenubar: r,
@@ -25,7 +25,7 @@ import '../../assets/NavBar.css';var w = "Menubar", [I, xe, Ce] = re(w), [z, ua]
       prop: n,
       onChange: i,
       defaultProp: h ?? "",
-      caller: w
+      caller: C
     }), [v, b] = c.useState(null);
     return /* @__PURE__ */ e(
       Se,
@@ -64,9 +64,9 @@ import '../../assets/NavBar.css';var w = "Menubar", [I, xe, Ce] = re(w), [z, ua]
     );
   }
 );
-Y.displayName = w;
-var k = "MenubarMenu", [Ae, Q] = z(k), X = (a) => {
-  const { __scopeMenubar: o, value: r, ...n } = a, i = O(), h = r || i || "LEGACY_REACT_AUTO_VALUE", d = K(k, o), m = p(o), t = c.useRef(null), _ = c.useRef(!1), l = d.value === h;
+Y.displayName = C;
+var K = "MenubarMenu", [Ae, Q] = z(K), X = (a) => {
+  const { __scopeMenubar: o, value: r, ...n } = a, i = O(), h = r || i || "LEGACY_REACT_AUTO_VALUE", d = G(K, o), m = p(o), t = c.useRef(null), _ = c.useRef(!1), l = d.value === h;
   return c.useEffect(() => {
     l || (_.current = !1);
   }, [l]), /* @__PURE__ */ e(
@@ -94,10 +94,10 @@ var k = "MenubarMenu", [Ae, Q] = z(k), X = (a) => {
     }
   );
 };
-X.displayName = k;
-var D = "MenubarTrigger", J = c.forwardRef(
+X.displayName = K;
+var k = "MenubarTrigger", J = c.forwardRef(
   (a, o) => {
-    const { __scopeMenubar: r, disabled: n = !1, ...i } = a, h = H(r), d = p(r), m = K(D, r), t = Q(D, r), _ = c.useRef(null), l = ue(o, _, t.triggerRef), [f, s] = c.useState(!1), v = m.value === t.value;
+    const { __scopeMenubar: r, disabled: n = !1, ...i } = a, h = H(r), d = p(r), m = G(k, r), t = Q(k, r), _ = c.useRef(null), l = ue(o, _, t.triggerRef), [f, s] = c.useState(!1), v = m.value === t.value;
     return /* @__PURE__ */ e(I.ItemSlot, { scope: r, value: t.value, disabled: n, children: /* @__PURE__ */ e(
       oe,
       {
@@ -138,15 +138,15 @@ var D = "MenubarTrigger", J = c.forwardRef(
     ) });
   }
 );
-J.displayName = D;
+J.displayName = k;
 var ye = "MenubarPortal", W = (a) => {
   const { __scopeMenubar: o, ...r } = a, n = p(o);
   return /* @__PURE__ */ e(me, { ...n, ...r });
 };
 W.displayName = ye;
-var G = "MenubarContent", Z = c.forwardRef(
+var D = "MenubarContent", Z = c.forwardRef(
   (a, o) => {
-    const { __scopeMenubar: r, align: n = "start", ...i } = a, h = p(r), d = K(G, r), m = Q(G, r), t = xe(r), _ = c.useRef(!1);
+    const { __scopeMenubar: r, align: n = "start", ...i } = a, h = p(r), d = G(D, r), m = Q(D, r), t = we(r), _ = c.useRef(!1);
     return /* @__PURE__ */ e(
       de,
       {
@@ -202,7 +202,7 @@ var G = "MenubarContent", Z = c.forwardRef(
     );
   }
 );
-Z.displayName = G;
+Z.displayName = D;
 var Pe = "MenubarGroup", Ee = c.forwardRef(
   (a, o) => {
     const { __scopeMenubar: r, ...n } = a, i = p(r);
@@ -224,27 +224,27 @@ var Oe = "MenubarItem", $ = c.forwardRef(
   }
 );
 $.displayName = Oe;
-var Ie = "MenubarCheckboxItem", De = c.forwardRef(
+var Ie = "MenubarCheckboxItem", ke = c.forwardRef(
   (a, o) => {
     const { __scopeMenubar: r, ...n } = a, i = p(r);
     return /* @__PURE__ */ e(_e, { ...i, ...n, ref: o });
   }
 );
-De.displayName = Ie;
-var Ge = "MenubarRadioGroup", Ke = c.forwardRef(
+ke.displayName = Ie;
+var De = "MenubarRadioGroup", Ge = c.forwardRef(
   (a, o) => {
     const { __scopeMenubar: r, ...n } = a, i = p(r);
     return /* @__PURE__ */ e(fe, { ...i, ...n, ref: o });
   }
 );
-Ke.displayName = Ge;
-var ke = "MenubarRadioItem", Fe = c.forwardRef(
+Ge.displayName = De;
+var Ke = "MenubarRadioItem", Fe = c.forwardRef(
   (a, o) => {
     const { __scopeMenubar: r, ...n } = a, i = p(r);
     return /* @__PURE__ */ e(ge, { ...i, ...n, ref: o });
   }
 );
-Fe.displayName = ke;
+Fe.displayName = Ke;
 var Le = "MenubarItemIndicator", je = c.forwardRef((a, o) => {
   const { __scopeMenubar: r, ...n } = a, i = p(r);
   return /* @__PURE__ */ e(he, { ...i, ...n, ref: o });
@@ -283,7 +283,7 @@ var Xe = "MenubarSubContent", Je = c.forwardRef(
   (a, o) => {
     const { __scopeMenubar: r, ...n } = a, i = p(r);
     return /* @__PURE__ */ e(
-      we,
+      Ce,
       {
         ...i,
         "data-radix-menubar-content": "",
@@ -305,7 +305,7 @@ Je.displayName = Xe;
 function We(a, o) {
   return a.map((r, n) => a[(o + n) % a.length]);
 }
-var x = Y, C = X, S = J, A = W, y = Z, P = $;
+var w = Y, x = X, S = J, A = W, y = Z, P = $;
 const u = {
   "navbar-wrapper": "NavBar-module__navbar-wrapper___e-f8y",
   "navbar-container": "NavBar-module__navbar-container___KnbUz",
@@ -335,7 +335,7 @@ function sa({
   projectName: o,
   projectLogoIcon: r,
   projectLogoIconColor: n,
-  projectLogoLink: i,
+  projectLogoOnClick: i,
   projectTag: h,
   menuItems: d,
   menuButton: m,
@@ -348,34 +348,34 @@ function sa({
     maxWidth: l
   }, children: [
     /* @__PURE__ */ M("div", { className: u["navbar-logo-container"], children: [
-      /* @__PURE__ */ e("a", { href: i, className: u["navbar-logo-link"], children: /* @__PURE__ */ e(ee, { logo: r, color: n }) }),
+      /* @__PURE__ */ e("a", { onClick: i, className: u["navbar-logo-link"], children: /* @__PURE__ */ e(ee, { logo: r, color: n }) }),
       /* @__PURE__ */ e("span", { className: u["navbar-project-name-separator"] }),
       /* @__PURE__ */ e("span", { className: u["navbar-project-name"], children: o }),
       h && /* @__PURE__ */ e(q, { type: "basic", color: "green", size: "md", structure: "border", label: h })
     ] }),
     /* @__PURE__ */ M("div", { className: u["navbar-menu"], children: [
       m,
-      /* @__PURE__ */ e(x, { className: u["navbar-menu-list"], children: d == null ? void 0 : d.map((s) => /* @__PURE__ */ M(C, { children: [
+      /* @__PURE__ */ e(w, { className: u["navbar-menu-list"], children: d == null ? void 0 : d.map((s) => /* @__PURE__ */ M(x, { children: [
         /* @__PURE__ */ e(S, { className: u["navbar-menu-list-item"], children: s.menuItems ? /* @__PURE__ */ M("span", { className: u["navbar-menu-list-item-trigger-container"], children: [
           /* @__PURE__ */ e("span", { children: s.label }),
           /* @__PURE__ */ e(B, { icon: "ap-icon-expand-more", className: T(u["navbar-menu-list-item-arrow"]) })
-        ] }) : /* @__PURE__ */ e("a", { className: T(u["navbar-menu-list-item-action"], f(s.href) && u["navbar-menu-list-item-action-active"]), href: s.href, children: s.label }) }),
-        s.menuItems && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(y, { className: u["navbar-menu-list-item-submenu"], children: s.menuItems.map((v) => /* @__PURE__ */ e(P, { className: u["navbar-menu-list-item-submenu-item"], children: /* @__PURE__ */ e("a", { href: v.href, children: v.label }) }, v.label)) }) })
+        ] }) : /* @__PURE__ */ e("a", { className: T(u["navbar-menu-list-item-action"], f(s.href) && u["navbar-menu-list-item-action-active"]), onClick: s.onClick, children: s.label }) }),
+        s.menuItems && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(y, { className: u["navbar-menu-list-item-submenu"], children: s.menuItems.map((v) => /* @__PURE__ */ e(P, { className: u["navbar-menu-list-item-submenu-item"], children: /* @__PURE__ */ e("a", { onClick: v.onClick, children: v.label }) }, v.label)) }) })
       ] }, s.label)) }),
       t && /* @__PURE__ */ e("span", { className: u["navbar-menu-additional-separator"] }),
       /* @__PURE__ */ M("div", { className: u["navbar-menu-additional"], children: [
-        (t == null ? void 0 : t.notifications) && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ M(C, { children: [
+        (t == null ? void 0 : t.notifications) && /* @__PURE__ */ e(w, { children: /* @__PURE__ */ M(x, { children: [
           /* @__PURE__ */ e(S, { className: u["navbar-menu-additional-trigger"], children: /* @__PURE__ */ M("div", { className: u["navbar-notification-container"], children: [
             /* @__PURE__ */ e(B, { icon: "ap-icon-notification-filled", className: u["navbar-menu-additional-icon"] }),
             t.notifications.count > 0 && /* @__PURE__ */ e("span", { className: u["navbar-notification-badge"], children: t.notifications.count > 99 ? "99+" : t.notifications.count })
           ] }) }),
           /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(y, { align: "end", className: u["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ e(P, { className: u["navbar-menu-list-item-submenu-item"], children: t.notifications.content }) }) })
         ] }) }),
-        (t == null ? void 0 : t.help) && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ M(C, { children: [
+        (t == null ? void 0 : t.help) && /* @__PURE__ */ e(w, { children: /* @__PURE__ */ M(x, { children: [
           /* @__PURE__ */ e(S, { className: u["navbar-menu-additional-trigger"], children: /* @__PURE__ */ e(B, { icon: "ap-icon-help-filled", className: u["navbar-menu-additional-icon"] }) }),
           /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(y, { align: "end", className: u["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ e(P, { className: u["navbar-menu-list-item-submenu-item"], children: t.help }) }) })
         ] }) }),
-        (t == null ? void 0 : t.userProfile) && /* @__PURE__ */ e(x, { children: /* @__PURE__ */ M(C, { children: [
+        (t == null ? void 0 : t.userProfile) && /* @__PURE__ */ e(w, { children: /* @__PURE__ */ M(x, { children: [
           /* @__PURE__ */ e(S, { className: u["navbar-menu-additional-trigger"], children: /* @__PURE__ */ e("span", { className: u["navbar-menu-additional-user-profile"], children: t.userProfile.initials }) }),
           /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(y, { align: "end", className: u["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ e(P, { className: u["navbar-menu-list-item-submenu-item"], children: t.userProfile.content }) }) })
         ] }) })

package/dist/components/SplitButton/SplitButton.js

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as h } from "react/jsx-runtime";
 import { c as R } from "../../clsx-OuTLNxxd.js";
-import W from "../Button/Button.js";
+import z from "../Button/Button.js";
 import * as d from "react";
-import { useRef as z, useState as N, useEffect as U } from "react";
+import { useRef as W, useState as N, useEffect as U } from "react";
 import $ from "../Icon/Icon.js";
 import "../Input/Input.js";
 import { u as K, c as H, P as j, a as M, b as F } from "../../index-DWydnyjJ.js";
-import { c as I, R as V, A as X, P as q, C as J, I as Q, G as Y, L as Z, a as oo, b as eo, d as no, e as to, S as ro, f as ao, g as io, h as po } from "../../index-CVWHq7Pr.js";
-import { u as C } from "../../index-2H7slGYV.js";
+import { c as C, R as V, A as X, P as q, C as J, I as Q, G as Y, L as Z, a as oo, b as eo, d as no, e as to, S as ro, f as ao, g as io, h as po } from "../../index-CVWHq7Pr.js";
+import { u as I } from "../../index-2H7slGYV.js";
 import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Vo] = H(
   v,
-  [I]
-), s = I(), [uo, y] = so(v), x = (o) => {
+  [C]
+), s = C(), [uo, y] = so(v), x = (o) => {
   const {
     __scopeDropdownMenu: t,
     children: e,
@@ -30,9 +30,9 @@ import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Vo] = H(
     uo,
     {
       scope: t,
-      triggerId: C(),
+      triggerId: I(),
       triggerRef: _,
-      contentId: C(),
+      contentId: I(),
       open: w,
       onOpenChange: f,
       onOpenToggle: d.useCallback(() => f((g) => !g), [f]),
@@ -147,18 +147,18 @@ var Ro = "DropdownMenuItemIndicator", So = d.forwardRef((o, t) => {
   return /* @__PURE__ */ a(to, { ...r, ...n, ref: t });
 });
 So.displayName = Ro;
-var No = "DropdownMenuSeparator", Co = d.forwardRef((o, t) => {
+var No = "DropdownMenuSeparator", Io = d.forwardRef((o, t) => {
   const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
   return /* @__PURE__ */ a(ro, { ...r, ...n, ref: t });
 });
-Co.displayName = No;
-var Io = "DropdownMenuArrow", yo = d.forwardRef(
+Io.displayName = No;
+var Co = "DropdownMenuArrow", yo = d.forwardRef(
   (o, t) => {
     const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
     return /* @__PURE__ */ a(ao, { ...r, ...n, ref: t });
   }
 );
-yo.displayName = Io;
+yo.displayName = Co;
 var xo = "DropdownMenuSubTrigger", Po = d.forwardRef((o, t) => {
   const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
   return /* @__PURE__ */ a(io, { ...r, ...n, ref: t });
@@ -212,7 +212,7 @@ function Xo({
   className: p,
   ...l
 }) {
-  const _ = z(null), [w, f] = N(0), [g, S] = N(!1);
+  const _ = W(null), [w, f] = N(0), [g, S] = N(!1);
   U(() => {
     var b;
     const m = (b = _.current) == null ? void 0 : b.getBoundingClientRect().width;
@@ -227,11 +227,12 @@ function Xo({
     t === "single" ? k() : n[0].action(), D == null || D(m);
   };
   return /* @__PURE__ */ h("div", { ref: _, className: R(u["split-button-container"], u[`split-button-container-type-${o}`], u[`split-button-container-trigger-${t}`], u[`split-button-container-size-${e}`], (r || i) && u["split-button-container-disabled"], p), children: [
-    /* @__PURE__ */ a(W, { type: o, variant: "default", size: e, onClick: L, className: u["split-button-action-trigger"], disabled: r, loading: i, ...G, children: t === "single" ? c : n[0].label }),
+    /* @__PURE__ */ a(z, { type: o, variant: "default", size: e, onClick: L, className: u["split-button-action-trigger"], disabled: r, loading: i, ...G, children: t === "single" ? c : n[0].label }),
     /* @__PURE__ */ h(Oo, { open: g, onOpenChange: S, children: [
       /* @__PURE__ */ a(Bo, { disabled: r || i, className: u["split-button-dropdown-trigger"], children: /* @__PURE__ */ a($, { icon: "ap-icon-expand-more", className: R(u["split-button-dropdown-arrow"]) }) }),
       /* @__PURE__ */ a(To, { children: /* @__PURE__ */ h(ko, { align: "end", sideOffset: 5, style: {
-        minWidth: w
+        minWidth: w,
+        zIndex: 9999
       }, children: [
         " ",
         /* @__PURE__ */ a("div", { className: R(u["split-button-dropdown-menu"], u[`split-button-dropdown-menu-size-${e}`], (r || i) && u["split-button-dropdown-menu-disabled"]), children: n.map((m, b) => t === "split" && b === 0 ? null : /* @__PURE__ */ a(Go, { title: m.label, onClick: () => m.action(), children: /* @__PURE__ */ a("button", { children: m.label }) }, m.value)) })

package/dist/components/Tab/Tab.js

@@ -1,15 +1,15 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../clsx-OuTLNxxd.js";
-import u from "../Icon/Icon.js";
-import '../../assets/Tab.css';const v = "Tab-module__tab___ShyYn", x = "Tab-module__active___tB2AH", T = "Tab-module__disabled___trlpg", _ = {
-  tab: v,
-  active: x,
-  disabled: T,
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import h from "../Icon/Icon.js";
+import '../../assets/Tab.css';const x = "Tab-module__tab___ShyYn", T = "Tab-module__active___tB2AH", D = "Tab-module__disabled___trlpg", _ = {
+  tab: x,
+  active: T,
+  disabled: D,
   "tab-icon-alert": "Tab-module__tab-icon-alert___2OP17"
 };
 function O({
-  label: i,
-  numberCount: c,
+  label: r,
+  numberCount: o,
   hasError: b,
   iconClassName: m,
   active: s,
@@ -18,20 +18,20 @@ function O({
   className: f,
   ...e
 }) {
-  const y = () => {
+  const u = () => {
     t || a == null || a();
-  }, h = (n) => {
-    var l;
-    t || ((n.key === " " || n.key === "Enter") && (n.preventDefault(), a == null || a()), (l = e.onKeyDown) == null || l.call(e, n));
-  };
-  return /* @__PURE__ */ o("div", { className: d(_.tab, s && _.active, t && _.disabled, f), onClick: y, onKeyDown: h, tabIndex: t ? -1 : 0, role: "tab", "aria-selected": s, "aria-disabled": t, ...e, children: [
-    /* @__PURE__ */ r("span", { children: i }),
-    c && /* @__PURE__ */ o("span", { children: [
+  }, v = (n) => {
+    var c;
+    t || ((n.key === " " || n.key === "Enter") && (n.preventDefault(), a == null || a()), (c = e.onKeyDown) == null || c.call(e, n));
+  }, y = o != null;
+  return /* @__PURE__ */ d("div", { className: l(_.tab, s && _.active, t && _.disabled, f), onClick: u, onKeyDown: v, tabIndex: t ? -1 : 0, role: "tab", "aria-selected": s, "aria-disabled": t, ...e, children: [
+    /* @__PURE__ */ i("span", { children: r }),
+    y && /* @__PURE__ */ d("span", { children: [
       "(",
-      c,
+      o,
       ")"
     ] }),
-    b && /* @__PURE__ */ r(u, { icon: "ap-icon-alert", className: d(_["tab-icon-alert"], m) })
+    b && /* @__PURE__ */ i(h, { icon: "ap-icon-alert", className: l(_["tab-icon-alert"], m) })
   ] });
 }
 export {

package/dist/components/Tag/Tag.js

@@ -1,6 +1,6 @@
 import { jsxs as b, jsx as _ } from "react/jsx-runtime";
 import { c as h } from "../../clsx-OuTLNxxd.js";
-import o from "../Icon/Icon.js";
+import n from "../Icon/Icon.js";
 import '../../assets/Tag.css';const p = "Tag-module__tag___0Cfjz", f = "Tag-module__label___aGRya", a = {
   tag: p,
   "tag-md": "Tag-module__tag-md___JwMcM",
@@ -25,10 +25,10 @@ import '../../assets/Tag.css';const p = "Tag-module__tag___0Cfjz", f = "Tag-modu
 };
 function z({
   type: e,
-  size: n,
+  size: s,
   structure: l = "border",
   iconPosition: r,
-  label: s,
+  label: c,
   color: i,
   className: u,
   noIcon: d,
@@ -48,13 +48,13 @@ function z({
       default:
         return "ap-icon-close";
     }
-  })(e), c = () => {
+  })(e), o = () => {
     e === "basic" && (g == null || g());
   };
-  return /* @__PURE__ */ b("div", { className: h(a.tag, a[`tag-${e}`], a[`tag-${n}`], a[`tag-${l}`], e === "basic" && a[`tag-${i}`], u), ...m, children: [
-    t && r === "left" && /* @__PURE__ */ _("span", { className: a["icon-container-left"], onClick: c, children: /* @__PURE__ */ _(o, { icon: t }) }),
-    /* @__PURE__ */ _("span", { className: a.label, children: s }),
-    t && r === "right" && /* @__PURE__ */ _("span", { className: a["icon-container-right"], onClick: c, children: /* @__PURE__ */ _(o, { icon: t }) })
+  return /* @__PURE__ */ b("div", { className: h(a.tag, a[`tag-${e}`], a[`tag-${s}`], a[`tag-${l}`], e === "basic" && a[`tag-${i}`], u), ...m, children: [
+    t && r === "left" && /* @__PURE__ */ _("span", { className: a["icon-container-left"], onClick: o, children: /* @__PURE__ */ _(n, { icon: t }) }),
+    /* @__PURE__ */ _("span", { title: c, className: a.label, children: c }),
+    t && r === "right" && /* @__PURE__ */ _("span", { className: a["icon-container-right"], onClick: o, children: /* @__PURE__ */ _(n, { icon: t }) })
   ] });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alixpartners/ui-components",
-  "version": "2.0.0-beta.16",
+  "version": "2.0.0-beta.18",
   "type": "module",
   "files": [
     "dist"