astrum-ui 0.1.7 → 0.1.9

package/dist/Button/Button.css

@@ -39,16 +39,19 @@ a.astrum-btn {
 .astrum-btn-s {
   padding: 8px 16px;
   font-size: 14px;
+  line-height: normal;
 }
 
 .astrum-btn-m {
   padding: 10px 20px;
   font-size: 15px;
+  line-height: normal;
 }
 
 .astrum-btn-l {
   padding: 12px 24px;
   font-size: 18px;
+  line-height: normal;
 }
 
 .astrum-btn-icon-only.astrum-btn-s {

package/dist/SidebarItem/SidebarItem.css

@@ -0,0 +1,128 @@
+.astrum-sidebar-item {
+  --astrum-sidebar-primary: #2653f2;
+  --astrum-sidebar-text: #575757;
+  --astrum-sidebar-icon-muted: #ababab;
+  --astrum-sidebar-hover: #f4f4f4;
+  --astrum-sidebar-active-bg: #f8f8f8;
+  --astrum-sidebar-warning: #deaa01;
+  --astrum-sidebar-focus-ring: rgba(38, 83, 242, 0.4);
+
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  font-family: inherit;
+  font-weight: 500;
+  font-size: 15px;
+  line-height: 1;
+  letter-spacing: 0;
+  color: var(--astrum-sidebar-text);
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
+}
+
+a.astrum-sidebar-item {
+  display: inline-flex;
+}
+
+.astrum-sidebar-item__lead {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--astrum-sidebar-icon-muted);
+}
+
+.astrum-sidebar-item__lead svg {
+  display: block;
+  width: 24px;
+  height: 24px;
+}
+
+.astrum-sidebar-item__main {
+  display: inline-flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+  min-width: 0;
+}
+
+.astrum-sidebar-item__label {
+  flex: 0 1 auto;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: normal;
+}
+
+.astrum-sidebar-item__end {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  color: var(--astrum-sidebar-warning);
+}
+
+.astrum-sidebar-item__end svg {
+  display: block;
+  width: 20px;
+  height: 20px;
+}
+
+/* Padding: с ведущей иконкой — 12px; без — 12px 16px (макет) */
+.astrum-sidebar-item--has-lead {
+  gap: 12px;
+  padding: 12px;
+}
+
+.astrum-sidebar-item:not(.astrum-sidebar-item--has-lead) {
+  padding: 12px 16px;
+}
+
+.astrum-sidebar-item:hover:not(:disabled):not([aria-disabled="true"]) {
+  background-color: var(--astrum-sidebar-hover);
+}
+
+.astrum-sidebar-item:focus {
+  outline: none;
+}
+
+.astrum-sidebar-item:focus-visible {
+  box-shadow: 0 0 0 3px var(--astrum-sidebar-focus-ring);
+}
+
+.astrum-sidebar-item--active {
+  background-color: var(--astrum-sidebar-active-bg);
+}
+
+.astrum-sidebar-item--active.astrum-sidebar-item--has-lead .astrum-sidebar-item__lead {
+  color: var(--astrum-sidebar-primary);
+}
+
+.astrum-sidebar-item--active:not(.astrum-sidebar-item--has-lead) .astrum-sidebar-item__label {
+  color: var(--astrum-sidebar-primary);
+}
+
+.astrum-sidebar-item:disabled,
+.astrum-sidebar-item[aria-disabled="true"] {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.astrum-sidebar-item:disabled:hover,
+.astrum-sidebar-item[aria-disabled="true"]:hover {
+  background-color: transparent;
+}

package/dist/index.css

@@ -503,4 +503,118 @@
   justify-content: center;
   pointer-events: none;
 }
+
+/* src/SidebarItem/SidebarItem.css */
+.astrum-sidebar-item {
+  --astrum-sidebar-primary: #2653f2;
+  --astrum-sidebar-text: #575757;
+  --astrum-sidebar-icon-muted: #ababab;
+  --astrum-sidebar-hover: #f4f4f4;
+  --astrum-sidebar-active-bg: #f8f8f8;
+  --astrum-sidebar-warning: #deaa01;
+  --astrum-sidebar-focus-ring: rgba(38, 83, 242, 0.4);
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  font-family: inherit;
+  font-weight: 500;
+  font-size: 15px;
+  line-height: 1;
+  letter-spacing: 0;
+  color: var(--astrum-sidebar-text);
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease,
+    opacity 0.15s ease;
+}
+a.astrum-sidebar-item {
+  display: inline-flex;
+}
+.astrum-sidebar-item__lead {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--astrum-sidebar-icon-muted);
+}
+.astrum-sidebar-item__lead svg {
+  display: block;
+  width: 24px;
+  height: 24px;
+}
+.astrum-sidebar-item__main {
+  display: inline-flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+  min-width: 0;
+}
+.astrum-sidebar-item__label {
+  flex: 0 1 auto;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: normal;
+}
+.astrum-sidebar-item__end {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  color: var(--astrum-sidebar-warning);
+}
+.astrum-sidebar-item__end svg {
+  display: block;
+  width: 20px;
+  height: 20px;
+}
+.astrum-sidebar-item--has-lead {
+  gap: 12px;
+  padding: 12px;
+}
+.astrum-sidebar-item:not(.astrum-sidebar-item--has-lead) {
+  padding: 12px 16px;
+}
+.astrum-sidebar-item:hover:not(:disabled):not([aria-disabled=true]) {
+  background-color: var(--astrum-sidebar-hover);
+}
+.astrum-sidebar-item:focus {
+  outline: none;
+}
+.astrum-sidebar-item:focus-visible {
+  box-shadow: 0 0 0 3px var(--astrum-sidebar-focus-ring);
+}
+.astrum-sidebar-item--active {
+  background-color: var(--astrum-sidebar-active-bg);
+}
+.astrum-sidebar-item--active.astrum-sidebar-item--has-lead .astrum-sidebar-item__lead {
+  color: var(--astrum-sidebar-primary);
+}
+.astrum-sidebar-item--active:not(.astrum-sidebar-item--has-lead) .astrum-sidebar-item__label {
+  color: var(--astrum-sidebar-primary);
+}
+.astrum-sidebar-item:disabled,
+.astrum-sidebar-item[aria-disabled=true] {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.astrum-sidebar-item:disabled:hover,
+.astrum-sidebar-item[aria-disabled=true]:hover {
+  background-color: transparent;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/InputCode/InputCode.css","../src/Avatar/Avatar.css","../src/DatePicker/DatePicker.css"],"sourcesContent":[".astrum-input-code {\n  --astrum-input-code-primary: #2653F2;\n  --astrum-input-code-border: #D5D5D5;\n  --astrum-input-code-text: #575757;\n  --astrum-input-code-placeholder: #ABABAB;\n  --astrum-input-code-error: #EA3B3D;\n  --astrum-input-code-error-bg: #FEE8E8;\n  --astrum-input-code-bg: #FFFFFF;\n\n  display: inline-flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n\n.astrum-input-code__wrap {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 301px;\n  padding: 16px 24px;\n  border: 1px solid var(--astrum-input-code-border);\n  border-radius: 8px;\n  background: var(--astrum-input-code-bg);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.astrum-input-code__wrap:focus-within {\n  border-color: var(--astrum-input-code-primary);\n  box-shadow: 0 0 0 2px rgba(38, 83, 242, 0.1);\n}\n\n.astrum-input-code__cell {\n  width: 18px;\n  height: 36px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  border-bottom: 2px solid var(--astrum-input-code-placeholder);\n  border-radius: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 1.2;\n  color: var(--astrum-input-code-text);\n  text-align: center;\n  outline: none;\n  transition: border-color 0.2s, color 0.2s;\n}\n\n.astrum-input-code__cell::placeholder {\n  color: transparent;\n}\n\n.astrum-input-code__cell:focus {\n  border-bottom-color: var(--astrum-input-code-primary);\n  color: var(--astrum-input-code-primary);\n}\n\n.astrum-input-code__cell--spaced {\n  margin-left: 10px;\n}\n\n.astrum-input-code__cell:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.astrum-input-code__wrap:has(.astrum-input-code__cell:disabled) {\n  background-color: #F4F4F4;\n  border-style: dashed;\n  cursor: not-allowed;\n}\n\n.astrum-input-code__footer {\n  margin-top: 4px;\n  padding: 4px 8px;\n  border-radius: 8px;\n  background: rgba(195, 63, 65, 0.10);\n}\n\n.astrum-input-code__error {\n  display: block;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--astrum-input-code-error);\n}\n",".astrum-avatar {\n  --astrum-avatar-bg: #f4f4f4;\n  --astrum-avatar-icon: #ababab;\n  --astrum-avatar-overlay: rgba(0, 0, 0, 0.4);\n  --astrum-avatar-edit-icon: #ffffff;\n  --astrum-avatar-remove-icon: #EA3B3D;\n\n  position: relative;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: opacity 0.2s ease-out;\n}\n\n.astrum-avatar__body {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  overflow: hidden;\n}\n\n.astrum-avatar__input {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.astrum-avatar__image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.astrum-avatar__placeholder {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--astrum-avatar-bg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.astrum-avatar__user-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--astrum-avatar-icon);\n}\n\n.astrum-avatar__user-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.astrum-avatar__add-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n  pointer-events: none;\n  color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__add-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.astrum-avatar__overlay {\n  position: absolute;\n  inset: 0;\n  background: var(--astrum-avatar-overlay);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n  pointer-events: none;\n}\n\n.astrum-avatar__edit-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n  pointer-events: none;\n  color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__edit-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.astrum-avatar--hovered .astrum-avatar__overlay {\n  opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__add-icon {\n  opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__edit-icon {\n  opacity: 1;\n}\n\n.astrum-avatar__remove-button {\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  width: 16px;\n  height: 16px;\n  background: var(--astrum-avatar-remove-icon);\n  border-radius: 50%;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  z-index: 2;\n  padding: 0;\n  transition: opacity 0.2s ease-out;\n  color: #ea3b3d;\n}\n\n.astrum-avatar__remove-button svg {\n  width: 12px;\n  height: 12px;\n}",".astrum-datepicker {\n  --astrum-datepicker-primary: #2653F2;\n  --astrum-datepicker-border: #D5D5D5;\n  --astrum-datepicker-border-hover: #ABABAB;\n  --astrum-datepicker-placeholder: #ABABAB;\n  --astrum-datepicker-text: #575757;\n  --astrum-datepicker-error: #EA3B3D;\n  --astrum-datepicker-bg: #FFFFFF;\n  --astrum-datepicker-bg-disabled: #F4F4F4;\n  --astrum-datepicker-gray-5: #F4F4F4;\n  --astrum-datepicker-gray-40: #ABABAB;\n\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n\n\n.astrum-datepicker__wrap {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: var(--astrum-datepicker-bg);\n  border: 1px solid var(--astrum-datepicker-border);\n  border-radius: 8px;\n  transition: border-color 0.15s;\n  flex: 1;\n}\n\n\n@media (hover: hover) {\n  .astrum-datepicker__wrap:hover:not(:has(.astrum-datepicker__field:disabled)) {\n    border-color: var(--astrum-datepicker-border-hover);\n  }\n}\n\n.astrum-datepicker__wrap:focus-within {\n  border-color: var(--astrum-datepicker-primary);\n  box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__wrap:has(.astrum-datepicker__field:disabled) {\n  background-color: var(--astrum-datepicker-bg-disabled);\n  cursor: not-allowed;\n}\n\n.astrum-datepicker__field {\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n  height: 54px;\n  padding: 16px 56px 16px 24px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__field::placeholder {\n  color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__field:focus {\n  outline: none;\n}\n\n.astrum-datepicker__field:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n\n.astrum-datepicker__icon {\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n.astrum-datepicker__icon:disabled {\n  cursor: not-allowed;\n}\n\n.astrum-datepicker__error {\n  display: block;\n  margin-top: 4px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--astrum-datepicker-error);\n  border-radius: 8px;\n  background: rgba(195, 63, 65, 0.1);\n  padding: 4px 8px;\n}\n\n.astrum-datepicker__calendar {\n  box-sizing: border-box;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 256px;\n  z-index: 1000;\n  background: var(--astrum-datepicker-bg);\n  border: 1px solid var(--astrum-datepicker-border);\n  border-radius: 8px;\n  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.astrum-datepicker__calendar-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.astrum-datepicker__calendar-nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: background-color 0.15s;\n}\n\n.astrum-datepicker__calendar-nav:hover:not(:disabled) {\n  background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-nav:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-month {\n  flex: 1;\n  text-align: center;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0;\n  border-bottom: 1px solid var(--astrum-datepicker-border);\n  margin-bottom: 4px;\n}\n\n.astrum-datepicker__calendar-weekday {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  font-weight: 500;\n  font-size: 10px;\n  line-height: 1.4;\n  color: var(--astrum-datepicker-gray-40);\n}\n\n.astrum-datepicker__calendar-days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0;\n}\n\n.astrum-datepicker__calendar-day {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 32px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n  font-weight: 700;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--astrum-datepicker-text);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: background-color 0.15s, color 0.15s;\n}\n\n.astrum-datepicker__calendar-day:hover:not(:disabled) {\n  background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-day--other-month {\n  opacity: 0.5;\n}\n\n.astrum-datepicker__calendar-day--selected {\n  background-color: var(--astrum-datepicker-primary);\n  color: #FFFFFF;\n  border-radius: 4px;\n  z-index: 1;\n  position: relative;\n}\n\n.astrum-datepicker__calendar-day--selected:hover:not(:disabled) {\n  background-color: #1a42d0;\n}\n\n.astrum-datepicker__calendar-day--in-range {\n  position: relative;\n}\n\n.astrum-datepicker__calendar-day--in-range:before {\n  content: \"\";\n  position: absolute;\n  background-color: #F4F4F4;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  bottom: 0;\n  width: 100%;\n  height: calc(100% - 4px);\n  z-index: -1;\n  pointer-events: none;\n}\n\n.astrum-datepicker__calendar-day--range-start {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day--range-end {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-time {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 12px;\n}\n\n.astrum-datepicker__calendar-time-label {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n  white-space: nowrap;\n}\n\n.astrum-datepicker__calendar-time-input-wrap {\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 100px;\n}\n\n.astrum-datepicker__calendar-time-input {\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  height: 37px;\n  border: 1px solid var(--astrum-datepicker-border);\n  border-radius: 8px;\n  background: var(--astrum-datepicker-bg);\n  padding: 8px 36px 8px 12px;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-time-input:focus {\n  outline: none;\n  border-color: var(--astrum-datepicker-primary);\n  box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__calendar-time-input::placeholder {\n  color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__calendar-time-icon {\n  position: absolute;\n  top: 50%;\n  right: 12px;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/InputCode/InputCode.css","../src/Avatar/Avatar.css","../src/DatePicker/DatePicker.css","../src/SidebarItem/SidebarItem.css"],"sourcesContent":[".astrum-input-code {\n  --astrum-input-code-primary: #2653F2;\n  --astrum-input-code-border: #D5D5D5;\n  --astrum-input-code-text: #575757;\n  --astrum-input-code-placeholder: #ABABAB;\n  --astrum-input-code-error: #EA3B3D;\n  --astrum-input-code-error-bg: #FEE8E8;\n  --astrum-input-code-bg: #FFFFFF;\n\n  display: inline-flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n\n.astrum-input-code__wrap {\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 301px;\n  padding: 16px 24px;\n  border: 1px solid var(--astrum-input-code-border);\n  border-radius: 8px;\n  background: var(--astrum-input-code-bg);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.astrum-input-code__wrap:focus-within {\n  border-color: var(--astrum-input-code-primary);\n  box-shadow: 0 0 0 2px rgba(38, 83, 242, 0.1);\n}\n\n.astrum-input-code__cell {\n  width: 18px;\n  height: 36px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  border-bottom: 2px solid var(--astrum-input-code-placeholder);\n  border-radius: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 1.2;\n  color: var(--astrum-input-code-text);\n  text-align: center;\n  outline: none;\n  transition: border-color 0.2s, color 0.2s;\n}\n\n.astrum-input-code__cell::placeholder {\n  color: transparent;\n}\n\n.astrum-input-code__cell:focus {\n  border-bottom-color: var(--astrum-input-code-primary);\n  color: var(--astrum-input-code-primary);\n}\n\n.astrum-input-code__cell--spaced {\n  margin-left: 10px;\n}\n\n.astrum-input-code__cell:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.astrum-input-code__wrap:has(.astrum-input-code__cell:disabled) {\n  background-color: #F4F4F4;\n  border-style: dashed;\n  cursor: not-allowed;\n}\n\n.astrum-input-code__footer {\n  margin-top: 4px;\n  padding: 4px 8px;\n  border-radius: 8px;\n  background: rgba(195, 63, 65, 0.10);\n}\n\n.astrum-input-code__error {\n  display: block;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--astrum-input-code-error);\n}\n",".astrum-avatar {\n  --astrum-avatar-bg: #f4f4f4;\n  --astrum-avatar-icon: #ababab;\n  --astrum-avatar-overlay: rgba(0, 0, 0, 0.4);\n  --astrum-avatar-edit-icon: #ffffff;\n  --astrum-avatar-remove-icon: #EA3B3D;\n\n  position: relative;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: opacity 0.2s ease-out;\n}\n\n.astrum-avatar__body {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  overflow: hidden;\n}\n\n.astrum-avatar__input {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.astrum-avatar__image {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.astrum-avatar__placeholder {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--astrum-avatar-bg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.astrum-avatar__user-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--astrum-avatar-icon);\n}\n\n.astrum-avatar__user-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.astrum-avatar__add-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n  pointer-events: none;\n  color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__add-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.astrum-avatar__overlay {\n  position: absolute;\n  inset: 0;\n  background: var(--astrum-avatar-overlay);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n  pointer-events: none;\n}\n\n.astrum-avatar__edit-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n  pointer-events: none;\n  color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__edit-icon svg {\n  width: 32px;\n  height: 32px;\n}\n\n.astrum-avatar--hovered .astrum-avatar__overlay {\n  opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__add-icon {\n  opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__edit-icon {\n  opacity: 1;\n}\n\n.astrum-avatar__remove-button {\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  width: 16px;\n  height: 16px;\n  background: var(--astrum-avatar-remove-icon);\n  border-radius: 50%;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  z-index: 2;\n  padding: 0;\n  transition: opacity 0.2s ease-out;\n  color: #ea3b3d;\n}\n\n.astrum-avatar__remove-button svg {\n  width: 12px;\n  height: 12px;\n}",".astrum-datepicker {\n  --astrum-datepicker-primary: #2653F2;\n  --astrum-datepicker-border: #D5D5D5;\n  --astrum-datepicker-border-hover: #ABABAB;\n  --astrum-datepicker-placeholder: #ABABAB;\n  --astrum-datepicker-text: #575757;\n  --astrum-datepicker-error: #EA3B3D;\n  --astrum-datepicker-bg: #FFFFFF;\n  --astrum-datepicker-bg-disabled: #F4F4F4;\n  --astrum-datepicker-gray-5: #F4F4F4;\n  --astrum-datepicker-gray-40: #ABABAB;\n\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n\n\n.astrum-datepicker__wrap {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: var(--astrum-datepicker-bg);\n  border: 1px solid var(--astrum-datepicker-border);\n  border-radius: 8px;\n  transition: border-color 0.15s;\n  flex: 1;\n}\n\n\n@media (hover: hover) {\n  .astrum-datepicker__wrap:hover:not(:has(.astrum-datepicker__field:disabled)) {\n    border-color: var(--astrum-datepicker-border-hover);\n  }\n}\n\n.astrum-datepicker__wrap:focus-within {\n  border-color: var(--astrum-datepicker-primary);\n  box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__wrap:has(.astrum-datepicker__field:disabled) {\n  background-color: var(--astrum-datepicker-bg-disabled);\n  cursor: not-allowed;\n}\n\n.astrum-datepicker__field {\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n  height: 54px;\n  padding: 16px 56px 16px 24px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__field::placeholder {\n  color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__field:focus {\n  outline: none;\n}\n\n.astrum-datepicker__field:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n\n.astrum-datepicker__icon {\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n.astrum-datepicker__icon:disabled {\n  cursor: not-allowed;\n}\n\n.astrum-datepicker__error {\n  display: block;\n  margin-top: 4px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--astrum-datepicker-error);\n  border-radius: 8px;\n  background: rgba(195, 63, 65, 0.1);\n  padding: 4px 8px;\n}\n\n.astrum-datepicker__calendar {\n  box-sizing: border-box;\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 256px;\n  z-index: 1000;\n  background: var(--astrum-datepicker-bg);\n  border: 1px solid var(--astrum-datepicker-border);\n  border-radius: 8px;\n  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.astrum-datepicker__calendar-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.astrum-datepicker__calendar-nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: background-color 0.15s;\n}\n\n.astrum-datepicker__calendar-nav:hover:not(:disabled) {\n  background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-nav:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-month {\n  flex: 1;\n  text-align: center;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0;\n  border-bottom: 1px solid var(--astrum-datepicker-border);\n  margin-bottom: 4px;\n}\n\n.astrum-datepicker__calendar-weekday {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  font-weight: 500;\n  font-size: 10px;\n  line-height: 1.4;\n  color: var(--astrum-datepicker-gray-40);\n}\n\n.astrum-datepicker__calendar-days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0;\n}\n\n.astrum-datepicker__calendar-day {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 32px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n  font-weight: 700;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--astrum-datepicker-text);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: background-color 0.15s, color 0.15s;\n}\n\n.astrum-datepicker__calendar-day:hover:not(:disabled) {\n  background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-day--other-month {\n  opacity: 0.5;\n}\n\n.astrum-datepicker__calendar-day--selected {\n  background-color: var(--astrum-datepicker-primary);\n  color: #FFFFFF;\n  border-radius: 4px;\n  z-index: 1;\n  position: relative;\n}\n\n.astrum-datepicker__calendar-day--selected:hover:not(:disabled) {\n  background-color: #1a42d0;\n}\n\n.astrum-datepicker__calendar-day--in-range {\n  position: relative;\n}\n\n.astrum-datepicker__calendar-day--in-range:before {\n  content: \"\";\n  position: absolute;\n  background-color: #F4F4F4;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  bottom: 0;\n  width: 100%;\n  height: calc(100% - 4px);\n  z-index: -1;\n  pointer-events: none;\n}\n\n.astrum-datepicker__calendar-day--range-start {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day--range-end {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-time {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 12px;\n}\n\n.astrum-datepicker__calendar-time-label {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n  white-space: nowrap;\n}\n\n.astrum-datepicker__calendar-time-input-wrap {\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 100px;\n}\n\n.astrum-datepicker__calendar-time-input {\n  box-sizing: border-box;\n  flex: 1;\n  min-width: 0;\n  height: 37px;\n  border: 1px solid var(--astrum-datepicker-border);\n  border-radius: 8px;\n  background: var(--astrum-datepicker-bg);\n  padding: 8px 36px 8px 12px;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-time-input:focus {\n  outline: none;\n  border-color: var(--astrum-datepicker-primary);\n  box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__calendar-time-input::placeholder {\n  color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__calendar-time-icon {\n  position: absolute;\n  top: 50%;\n  right: 12px;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n",".astrum-sidebar-item {\n  --astrum-sidebar-primary: #2653f2;\n  --astrum-sidebar-text: #575757;\n  --astrum-sidebar-icon-muted: #ababab;\n  --astrum-sidebar-hover: #f4f4f4;\n  --astrum-sidebar-active-bg: #f8f8f8;\n  --astrum-sidebar-warning: #deaa01;\n  --astrum-sidebar-focus-ring: rgba(38, 83, 242, 0.4);\n\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 1;\n  letter-spacing: 0;\n  color: var(--astrum-sidebar-text);\n  text-align: left;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;\n}\n\na.astrum-sidebar-item {\n  display: inline-flex;\n}\n\n.astrum-sidebar-item__lead {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  color: var(--astrum-sidebar-icon-muted);\n}\n\n.astrum-sidebar-item__lead svg {\n  display: block;\n  width: 24px;\n  height: 24px;\n}\n\n.astrum-sidebar-item__main {\n  display: inline-flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 4px;\n  min-width: 0;\n}\n\n.astrum-sidebar-item__label {\n  flex: 0 1 auto;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: normal;\n}\n\n.astrum-sidebar-item__end {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  color: var(--astrum-sidebar-warning);\n}\n\n.astrum-sidebar-item__end svg {\n  display: block;\n  width: 20px;\n  height: 20px;\n}\n\n/* Padding: с ведущей иконкой — 12px; без — 12px 16px (макет) */\n.astrum-sidebar-item--has-lead {\n  gap: 12px;\n  padding: 12px;\n}\n\n.astrum-sidebar-item:not(.astrum-sidebar-item--has-lead) {\n  padding: 12px 16px;\n}\n\n.astrum-sidebar-item:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n  background-color: var(--astrum-sidebar-hover);\n}\n\n.astrum-sidebar-item:focus {\n  outline: none;\n}\n\n.astrum-sidebar-item:focus-visible {\n  box-shadow: 0 0 0 3px var(--astrum-sidebar-focus-ring);\n}\n\n.astrum-sidebar-item--active {\n  background-color: var(--astrum-sidebar-active-bg);\n}\n\n.astrum-sidebar-item--active.astrum-sidebar-item--has-lead .astrum-sidebar-item__lead {\n  color: var(--astrum-sidebar-primary);\n}\n\n.astrum-sidebar-item--active:not(.astrum-sidebar-item--has-lead) .astrum-sidebar-item__label {\n  color: var(--astrum-sidebar-primary);\n}\n\n.astrum-sidebar-item:disabled,\n.astrum-sidebar-item[aria-disabled=\"true\"] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.astrum-sidebar-item:disabled:hover,\n.astrum-sidebar-item[aria-disabled=\"true\"]:hover {\n  background-color: transparent;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type SharedButtonProps = {
     variant?: "primary" | "outlined" | "dashed" | "grey" | "white" | "ghost";
@@ -162,4 +163,24 @@ interface DatePickerProps {
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Toggler, type TogglerProps };
+type SharedSidebarItemProps = {
+    leadingIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    showEndIcon?: boolean;
+    active?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+};
+type SidebarItemProps = (SharedSidebarItemProps & {
+    href?: undefined;
+    as?: undefined;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) | (SharedSidebarItemProps & {
+    href: string;
+    as?: React.ElementType;
+    disabled?: boolean;
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof SharedSidebarItemProps | "disabled">);
+declare function SidebarItemSettingsIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+declare function SidebarItemFlashIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+
+export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, SidebarItem, SidebarItemFlashIcon, type SidebarItemProps, SidebarItemSettingsIcon, Toggler, type TogglerProps };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type SharedButtonProps = {
     variant?: "primary" | "outlined" | "dashed" | "grey" | "white" | "ghost";
@@ -162,4 +163,24 @@ interface DatePickerProps {
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Toggler, type TogglerProps };
+type SharedSidebarItemProps = {
+    leadingIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    showEndIcon?: boolean;
+    active?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+};
+type SidebarItemProps = (SharedSidebarItemProps & {
+    href?: undefined;
+    as?: undefined;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) | (SharedSidebarItemProps & {
+    href: string;
+    as?: React.ElementType;
+    disabled?: boolean;
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof SharedSidebarItemProps | "disabled">);
+declare function SidebarItemSettingsIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+declare function SidebarItemFlashIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+
+export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, SidebarItem, SidebarItemFlashIcon, type SidebarItemProps, SidebarItemSettingsIcon, Toggler, type TogglerProps };

package/dist/index.js

@@ -44,6 +44,9 @@ __export(index_exports, {
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
   Select: () => Select,
+  SidebarItem: () => SidebarItem,
+  SidebarItemFlashIcon: () => SidebarItemFlashIcon,
+  SidebarItemSettingsIcon: () => SidebarItemSettingsIcon,
   Toggler: () => Toggler
 });
 module.exports = __toCommonJS(index_exports);
@@ -1783,6 +1786,97 @@ var DatePicker = React12.forwardRef(
   }
 );
 DatePicker.displayName = "DatePicker";
+
+// src/SidebarItem/SidebarItem.tsx
+var React13 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function SidebarItemSettingsIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M10.9404 21C10.5354 21 10.1868 20.865 9.89463 20.595C9.60243 20.325 9.42603 19.995 9.36543 19.605L9.16293 18.12C8.96793 18.045 8.78433 17.955 8.61213 17.85C8.43993 17.745 8.27103 17.6325 8.10543 17.5125L6.71043 18.0975C6.33543 18.2625 5.96043 18.2775 5.58543 18.1425C5.21043 18.0075 4.91793 17.7675 4.70793 17.4225L3.65043 15.5775C3.44043 15.2325 3.38043 14.865 3.47043 14.475C3.56043 14.085 3.76293 13.7625 4.07793 13.5075L5.27043 12.6075C5.25543 12.5025 5.24793 12.4011 5.24793 12.3033V11.6958C5.24793 11.5986 5.25543 11.4975 5.27043 11.3925L4.07793 10.4925C3.76293 10.2375 3.56043 9.915 3.47043 9.525C3.38043 9.135 3.44043 8.7675 3.65043 8.4225L4.70793 6.5775C4.91793 6.2325 5.21043 5.9925 5.58543 5.8575C5.96043 5.7225 6.33543 5.7375 6.71043 5.9025L8.10543 6.4875C8.27043 6.3675 8.44293 6.255 8.62293 6.15C8.80293 6.045 8.98293 5.955 9.16293 5.88L9.36543 4.395C9.42543 4.005 9.60183 3.675 9.89463 3.405C10.1874 3.135 10.536 3 10.9404 3H13.0554C13.4604 3 13.8093 3.135 14.1021 3.405C14.3949 3.675 14.571 4.005 14.6304 4.395L14.8329 5.88C15.0279 5.955 15.2118 6.045 15.3846 6.15C15.5574 6.255 15.726 6.3675 15.8904 6.4875L17.2854 5.9025C17.6604 5.7375 18.0354 5.7225 18.4104 5.8575C18.7854 5.9925 19.0779 6.2325 19.2879 6.5775L20.3454 8.4225C20.5554 8.7675 20.6154 9.135 20.5254 9.525C20.4354 9.915 20.2329 10.2375 19.9179 10.4925L18.7254 11.3925C18.7404 11.4975 18.7479 11.5989 18.7479 11.6967V12.3033C18.7479 12.4011 18.7329 12.5025 18.7029 12.6075L19.8954 13.5075C20.2104 13.7625 20.4129 14.085 20.5029 14.475C20.5929 14.865 20.5329 15.2325 20.3229 15.5775L19.2429 17.4225C19.0329 17.7675 18.7404 18.0075 18.3654 18.1425C17.9904 18.2775 17.6154 18.2625 17.2404 18.0975L15.8904 17.5125C15.7254 17.6325 15.5529 17.745 15.3729 17.85C15.1929 17.955 15.0129 18.045 14.8329 18.12L14.6304 19.605C14.5704 19.995 14.3943 20.325 14.1021 20.595C13.8099 20.865 13.461 21 13.0554 21H10.9404ZM12.0429 15.15C12.9129 15.15 13.6554 14.8425 14.2704 14.2275C14.8854 13.6125 15.1929 12.87 15.1929 12C15.1929 11.13 14.8854 10.3875 14.2704 9.7725C13.6554 9.1575 12.9129 8.85 12.0429 8.85C11.1579 8.85 10.4115 9.1575 9.80373 9.7725C9.19593 10.3875 8.89233 11.13 8.89293 12C8.89353 12.87 9.19743 13.6125 9.80463 14.2275C10.4118 14.8425 11.1579 15.15 12.0429 15.15Z", fill: "currentColor" }) });
+}
+function SidebarItemFlashIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0767 2.5284C11.1925 2.56607 11.2934 2.63941 11.3649 2.73793C11.4365 2.83644 11.4751 2.95508 11.4751 3.07685V7.88444H15.5135C15.6199 7.88439 15.7243 7.91378 15.8151 7.96937C15.9058 8.02495 15.9794 8.10456 16.0278 8.19939C16.0761 8.29421 16.0973 8.40056 16.0889 8.50666C16.0805 8.61276 16.043 8.71449 15.9804 8.80058L9.82669 17.2619C9.75514 17.3605 9.65421 17.4339 9.53837 17.4717C9.42253 17.5094 9.29773 17.5094 9.18184 17.4719C9.06596 17.4343 8.96494 17.361 8.89327 17.2625C8.8216 17.164 8.78295 17.0453 8.78287 16.9235V12.1159H4.74449C4.63793 12.116 4.53341 12.0867 4.44252 12.0311C4.35163 11.9754 4.27792 11.8957 4.22957 11.8008C4.18121 11.7058 4.1601 11.5993 4.16858 11.4931C4.17705 11.3869 4.21478 11.2851 4.27758 11.199L10.4313 2.73763C10.503 2.63905 10.604 2.56571 10.72 2.52812C10.8359 2.49053 10.9608 2.49063 11.0767 2.5284Z", fill: "#DEAA01" }) });
+}
+var SidebarItem = React13.forwardRef(
+  function SidebarItem2(props, ref) {
+    const {
+      leadingIcon,
+      endIcon,
+      showEndIcon = true,
+      active = false,
+      className = "",
+      children,
+      href,
+      as,
+      ...rest
+    } = props;
+    const hasLead = leadingIcon != null;
+    const classes = [
+      "astrum-sidebar-item",
+      hasLead ? "astrum-sidebar-item--has-lead" : "",
+      active ? "astrum-sidebar-item--active" : "",
+      className
+    ].filter(Boolean).join(" ");
+    const content = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      hasLead && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "astrum-sidebar-item__lead", children: leadingIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "astrum-sidebar-item__main", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "astrum-sidebar-item__label", children }),
+        showEndIcon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "astrum-sidebar-item__end", children: endIcon ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarItemFlashIcon, {}) })
+      ] })
+    ] });
+    const isLink = typeof href === "string" && href.length > 0;
+    if (isLink) {
+      const Component = as ?? "a";
+      const {
+        disabled: anchorDisabled,
+        onClick,
+        onKeyDown,
+        ...anchorRest
+      } = rest;
+      const disabled = Boolean(anchorDisabled);
+      const handleClick = (e) => {
+        if (disabled) {
+          e.preventDefault();
+          return;
+        }
+        onClick?.(e);
+      };
+      const handleKeyDown = (e) => {
+        if (disabled && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+        }
+        onKeyDown?.(e);
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        Component,
+        {
+          ref,
+          ...anchorRest,
+          href,
+          className: classes,
+          "aria-current": active ? "page" : void 0,
+          "aria-disabled": disabled || void 0,
+          tabIndex: disabled ? -1 : anchorRest.tabIndex,
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          children: content
+        }
+      );
+    }
+    const buttonRest = rest;
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: classes,
+        "aria-current": active ? "page" : void 0,
+        ...buttonRest,
+        children: content
+      }
+    );
+  }
+);
+SidebarItem.displayName = "SidebarItem";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,
@@ -1798,6 +1892,9 @@ DatePicker.displayName = "DatePicker";
   Radio,
   RadioGroup,
   Select,
+  SidebarItem,
+  SidebarItemFlashIcon,
+  SidebarItemSettingsIcon,
   Toggler
 });
 //# sourceMappingURL=index.js.map