astrum-ui 0.1.1 → 0.1.2

package/dist/Select/Select.css

@@ -1,30 +1,21 @@
-.astrum-select {
+.astrum-select__container {
+  position: relative;
+  display: inline-block;
   --astrum-primary: #2653f2;
   --astrum-gray-20: #d5d5d5;
   --astrum-gray-40: #ababab;
   --astrum-gray-80: #575757;
   --astrum-gray-5: #f4f4f4;
+  --astrum-white: #ffffff;
   --astrum-error: #ea3b3d;
+}
 
+.astrum-select {
   position: relative;
   display: inline-flex;
   flex-direction: column;
   gap: 6px;
-  font-family: "Involve", sans-serif;
-  min-width: 0;
-}
-
-.astrum-select__label {
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.4;
-  color: var(--astrum-gray-80);
-  cursor: pointer;
-}
-
-.astrum-select__required {
-  color: var(--astrum-error);
-  margin-left: 2px;
+  min-width: 361px;
 }
 
 .astrum-select__wrap {
@@ -42,16 +33,6 @@
   box-shadow: 0 0 0 1px var(--astrum-primary);
 }
 
-.astrum-select--error .astrum-select__wrap {
-  border-color: var(--astrum-error);
-}
-
-.astrum-select--error .astrum-select__wrap:focus-within,
-.astrum-select--error.astrum-select--open .astrum-select__wrap {
-  border-color: var(--astrum-error);
-  box-shadow: 0 0 0 1px var(--astrum-error);
-}
-
 .astrum-select__field {
   position: absolute;
   width: 1px;
@@ -73,7 +54,7 @@
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  padding: 10px 12px;
+  padding: 16px 24px;
   border: none;
   border-radius: 8px;
   background: transparent;
@@ -120,6 +101,7 @@
 .astrum-select__wrap:has(.astrum-select__trigger:disabled) {
   background-color: var(--astrum-gray-5);
   border-color: var(--astrum-gray-20);
+  opacity: 0.4;
   cursor: not-allowed;
 }
 
@@ -136,75 +118,104 @@
   font-weight: 500;
   line-height: 1.4;
   color: var(--astrum-error);
+  border-radius: 8px;
+  background: rgba(195, 63, 65, 0.10);
+  padding: 4px 8px;
 }
 
 .astrum-select__dropdown {
   position: absolute;
   top: calc(100% + 4px);
   left: 0;
-  right: 0;
+  width: 100%;
   z-index: 1000;
-  max-height: 240px;
+  max-height: calc(100vh - 200px);
   overflow-y: auto;
   border: 1px solid var(--astrum-gray-20);
   border-radius: 8px;
-  background-color: #ffffff;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  background-color: var(--astrum-white);
+  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
 
+.astrum-select__dropdown::-webkit-scrollbar {
+  width: 6px;
+}
+
+.astrum-select__dropdown::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.astrum-select__dropdown::-webkit-scrollbar-thumb {
+  background: #5988FF;
+  border-radius: 3px;
+}
+
+.astrum-select__dropdown::-webkit-scrollbar-thumb:hover {
+  background: #4a75e6;
+}
+
 .astrum-select__option {
-  padding: 10px 12px;
+  padding: 12px 16px;
   border: none;
   background: transparent;
   font-family: inherit;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 1.5;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1.3;
   color: var(--astrum-gray-80);
   text-align: left;
   cursor: pointer;
   transition: background-color 0.15s;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 2px;
 }
 
-.astrum-select__option:hover:not(:disabled) {
-  background-color: var(--astrum-gray-5);
+.astrum-select__option--two-line {
+  padding: 12px 16px;
 }
 
-.astrum-select__option--selected {
-  background-color: var(--astrum-gray-5);
-  color: var(--astrum-primary);
-  font-weight: 500;
+.astrum-select__option-label {
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1.3;
+  color: inherit;
 }
 
-.astrum-select__option--disabled {
+.astrum-select__option-caption {
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1;
   color: var(--astrum-gray-40);
-  cursor: not-allowed;
-  opacity: 0.6;
 }
 
-.astrum-select--s .astrum-select__label {
-  font-size: 12px;
+.astrum-select__option:hover:not(:disabled) {
+  background-color: var(--astrum-gray-5);
 }
 
-.astrum-select--s .astrum-select__trigger {
-  padding: 8px 10px;
-  font-size: 14px;
+.astrum-select__option--selected .astrum-select__option-label {
+  color: var(--astrum-primary);
 }
 
-.astrum-select--s .astrum-select__option {
-  padding: 8px 10px;
-  font-size: 14px;
+.astrum-select__option--selected {
+  background-color: var(--astrum-gray-5);
 }
 
-.astrum-select--l .astrum-select__trigger {
-  padding: 12px 16px;
-  font-size: 18px;
+.astrum-select__option--selected .astrum-select__option-caption {
+  color: var(--astrum-gray-40);
 }
 
-.astrum-select--l .astrum-select__option {
-  padding: 12px 16px;
-  font-size: 18px;
+.astrum-select__option--disabled .astrum-select__option-label,
+.astrum-select__option--disabled .astrum-select__option-caption {
+  color: var(--astrum-gray-40);
+}
+
+.astrum-select__option--disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
 }
+

package/dist/index.css

@@ -32,9 +32,6 @@
   border-color: var(--astrum-input-code-primary);
   box-shadow: 0 0 0 2px rgba(38, 83, 242, 0.1);
 }
-.astrum-input-code--error .astrum-input-code__wrap {
-  border-color: var(--astrum-input-code-error);
-}
 .astrum-input-code__cell {
   width: 18px;
   height: 36px;
@@ -73,10 +70,10 @@
   cursor: not-allowed;
 }
 .astrum-input-code__footer {
-  margin-top: 8px;
-  padding: 8px 12px;
-  border-radius: 4px;
-  background-color: var(--astrum-input-code-error-bg);
+  margin-top: 4px;
+  padding: 4px 8px;
+  border-radius: 8px;
+  background: rgba(195, 63, 65, 0.10);
 }
 .astrum-input-code__error {
   display: block;
@@ -92,6 +89,7 @@
   --astrum-avatar-icon: #ababab;
   --astrum-avatar-overlay: rgba(0, 0, 0, 0.4);
   --astrum-avatar-edit-icon: #ffffff;
+  --astrum-avatar-remove-icon: #EA3B3D;
   position: relative;
   cursor: pointer;
   flex-shrink: 0;
@@ -199,9 +197,9 @@
   position: absolute;
   top: -2px;
   right: -2px;
-  width: 20px;
-  height: 20px;
-  background: var(--astrum-avatar-edit-icon);
+  width: 16px;
+  height: 16px;
+  background: var(--astrum-avatar-remove-icon);
   border-radius: 50%;
   border: none;
   display: flex;
@@ -218,4 +216,291 @@
   width: 12px;
   height: 12px;
 }
+
+/* src/DatePicker/DatePicker.css */
+.astrum-datepicker {
+  --astrum-datepicker-primary: #2653F2;
+  --astrum-datepicker-border: #D5D5D5;
+  --astrum-datepicker-border-hover: #ABABAB;
+  --astrum-datepicker-placeholder: #ABABAB;
+  --astrum-datepicker-text: #575757;
+  --astrum-datepicker-error: #EA3B3D;
+  --astrum-datepicker-bg: #FFFFFF;
+  --astrum-datepicker-bg-disabled: #F4F4F4;
+  --astrum-datepicker-gray-5: #F4F4F4;
+  --astrum-datepicker-gray-40: #ABABAB;
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  gap: 0;
+  min-width: 0;
+}
+.astrum-datepicker__wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background: var(--astrum-datepicker-bg);
+  border: 1px solid var(--astrum-datepicker-border);
+  border-radius: 8px;
+  transition: border-color 0.15s;
+  flex: 1;
+}
+@media (hover: hover) {
+  .astrum-datepicker__wrap:hover:not(:has(.astrum-datepicker__field:disabled)) {
+    border-color: var(--astrum-datepicker-border-hover);
+  }
+}
+.astrum-datepicker__wrap:focus-within {
+  border-color: var(--astrum-datepicker-primary);
+  box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);
+}
+.astrum-datepicker__wrap:has(.astrum-datepicker__field:disabled) {
+  background-color: var(--astrum-datepicker-bg-disabled);
+  cursor: not-allowed;
+}
+.astrum-datepicker__field {
+  box-sizing: border-box;
+  flex: 1;
+  min-width: 0;
+  width: 100%;
+  height: 54px;
+  padding: 16px 56px 16px 24px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  font-family: inherit;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 1.5;
+  color: var(--astrum-datepicker-text);
+}
+.astrum-datepicker__field::placeholder {
+  color: var(--astrum-datepicker-placeholder);
+}
+.astrum-datepicker__field:focus {
+  outline: none;
+}
+.astrum-datepicker__field:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.astrum-datepicker__icon {
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+}
+.astrum-datepicker__icon:disabled {
+  cursor: not-allowed;
+}
+.astrum-datepicker__error {
+  display: block;
+  margin-top: 4px;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--astrum-datepicker-error);
+  border-radius: 8px;
+  background: rgba(195, 63, 65, 0.1);
+  padding: 4px 8px;
+}
+.astrum-datepicker__calendar {
+  box-sizing: border-box;
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  min-width: 256px;
+  z-index: 1000;
+  background: var(--astrum-datepicker-bg);
+  border: 1px solid var(--astrum-datepicker-border);
+  border-radius: 8px;
+  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.astrum-datepicker__calendar-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.astrum-datepicker__calendar-nav {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: background-color 0.15s;
+}
+.astrum-datepicker__calendar-nav:hover:not(:disabled) {
+  background-color: var(--astrum-datepicker-gray-5);
+}
+.astrum-datepicker__calendar-nav:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.astrum-datepicker__calendar-month {
+  flex: 1;
+  text-align: center;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--astrum-datepicker-text);
+}
+.astrum-datepicker__calendar-weekdays {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 0;
+  border-bottom: 1px solid var(--astrum-datepicker-border);
+  margin-bottom: 4px;
+}
+.astrum-datepicker__calendar-weekday {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 28px;
+  font-weight: 500;
+  font-size: 10px;
+  line-height: 1.4;
+  color: var(--astrum-datepicker-gray-40);
+}
+.astrum-datepicker__calendar-days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 0;
+}
+.astrum-datepicker__calendar-day {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 32px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--astrum-datepicker-text);
+  cursor: pointer;
+  border-radius: 4px;
+  transition: background-color 0.15s, color 0.15s;
+}
+.astrum-datepicker__calendar-day:hover:not(:disabled) {
+  background-color: var(--astrum-datepicker-gray-5);
+}
+.astrum-datepicker__calendar-day--other-month {
+  opacity: 0.5;
+}
+.astrum-datepicker__calendar-day--selected {
+  background-color: var(--astrum-datepicker-primary);
+  color: #FFFFFF;
+  border-radius: 4px;
+  z-index: 1;
+  position: relative;
+}
+.astrum-datepicker__calendar-day--selected:hover:not(:disabled) {
+  background-color: #1a42d0;
+}
+.astrum-datepicker__calendar-day--in-range {
+  position: relative;
+}
+.astrum-datepicker__calendar-day--in-range:before {
+  content: "";
+  position: absolute;
+  background-color: #F4F4F4;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  bottom: 0;
+  width: 100%;
+  height: calc(100% - 4px);
+  z-index: -1;
+  pointer-events: none;
+}
+.astrum-datepicker__calendar-day--range-start {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.astrum-datepicker__calendar-day--range-end {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.astrum-datepicker__calendar-day:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.astrum-datepicker__calendar-time {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-top: 12px;
+}
+.astrum-datepicker__calendar-time-label {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--astrum-datepicker-text);
+  white-space: nowrap;
+}
+.astrum-datepicker__calendar-time-input-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+  max-width: 100px;
+}
+.astrum-datepicker__calendar-time-input {
+  box-sizing: border-box;
+  flex: 1;
+  min-width: 0;
+  height: 37px;
+  border: 1px solid var(--astrum-datepicker-border);
+  border-radius: 8px;
+  background: var(--astrum-datepicker-bg);
+  padding: 8px 36px 8px 12px;
+  font-family: inherit;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--astrum-datepicker-text);
+}
+.astrum-datepicker__calendar-time-input:focus {
+  outline: none;
+  border-color: var(--astrum-datepicker-primary);
+  box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);
+}
+.astrum-datepicker__calendar-time-input::placeholder {
+  color: var(--astrum-datepicker-placeholder);
+}
+.astrum-datepicker__calendar-time-icon {
+  position: absolute;
+  top: 50%;
+  right: 12px;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/InputCode/InputCode.css","../src/Avatar/Avatar.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--error .astrum-input-code__wrap {\n  border-color: var(--astrum-input-code-error);\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: 8px;\n  padding: 8px 12px;\n  border-radius: 4px;\n  background-color: var(--astrum-input-code-error-bg);\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\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: 20px;\n  height: 20px;\n  background: var(--astrum-avatar-edit-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}"],"mappings":"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","names":[]}
+{"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":[]}

package/dist/index.d.mts

@@ -35,7 +35,6 @@ declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & Reac
 interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange"> {
     checked?: boolean;
     indeterminate?: boolean;
-    size?: "s" | "m";
     onChange?: (checked: boolean) => void;
     className?: string;
 }
@@ -81,15 +80,14 @@ declare const InputCode: React.ForwardRefExoticComponent<InputCodeProps & React.
 interface SelectOption {
     value: string;
     label: React.ReactNode;
+    secondaryLabel?: React.ReactNode;
     disabled?: boolean;
 }
 interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> {
-    label?: React.ReactNode;
     error?: string;
     required?: boolean;
     options: SelectOption[];
     placeholder?: string;
-    size?: "s" | "m" | "l";
     className?: string;
 }
 declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
@@ -116,6 +114,8 @@ declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & Reac
 interface FileItemProps {
     name: string;
     size?: number | string;
+    file?: File;
+    previewUrl?: string | null;
     icon?: React.ReactNode;
     onRemove?: () => void;
     className?: string;
@@ -133,4 +133,23 @@ interface AvatarProps {
 }
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, 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 DateRange = [Date | null, Date | null];
+interface DatePickerProps {
+    placeholder?: string;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    value?: Date | null | DateRange;
+    defaultValue?: Date | null | DateRange;
+    onChange?: ((date: Date | null) => void) | ((range: DateRange) => void);
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    showTime?: boolean;
+    timeLabel?: string;
+    range?: boolean;
+    className?: string;
+    id?: string;
+}
+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 };