@morscherlab/mld-sdk 0.6.1 → 0.6.3

package/dist/styles.css

@@ -51,6 +51,11 @@
   --radius-md: 0.5rem;
   --radius-lg: 0.75rem;
 
+  /* Form element heights */
+  --form-height-sm: 2rem;
+  --form-height-md: 2.25rem;
+  --form-height-lg: 3rem;
+
   /* Semantic colors */
   --mld-success: #10B981;
   --mld-success-bg: rgba(16, 185, 129, 0.1);
@@ -1553,8 +1558,11 @@ html.dark .focus\:ring-offset-2:focus {
   border-radius: 0.5rem;
   font-weight: 500;
   transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
+  line-height: 1.25;
+  white-space: nowrap;
   cursor: pointer;
   border: none;
+  box-sizing: border-box;
 }
 .mld-button:focus {
   outline: none;
@@ -1618,14 +1626,17 @@ html.dark .mld-button:focus {
 .mld-button--sm {
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-button--md {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-button--lg {
   padding: 0.75rem 1.5rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 /* Spinner */
 .mld-button__spinner {
@@ -2000,6 +2011,8 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
   cursor: pointer;
   padding-right: 2.5rem;
+  box-sizing: border-box;
+  line-height: 1.25;
 }
 .mld-date-picker__input:focus {
   outline: none;
@@ -2009,14 +2022,17 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
 .mld-date-picker__input--sm {
   padding: 0.375rem 0.625rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-date-picker__input--md {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-date-picker__input--lg {
   padding: 0.75rem 1rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 .mld-date-picker__input--error {
   border-color: var(--mld-error);
@@ -3096,6 +3112,7 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
   transition: color 0.15s ease, background-color 0.15s ease;
   cursor: pointer;
   border: none;
+  box-sizing: border-box;
 }
 .mld-icon-button:focus {
   outline: none;
@@ -3153,12 +3170,15 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
 /* Sizes */
 .mld-icon-button--sm {
   padding: 0.375rem;
+  min-height: var(--form-height-sm);
 }
 .mld-icon-button--md {
   padding: 0.5rem;
+  min-height: var(--form-height-md);
 }
 .mld-icon-button--lg {
   padding: 0.75rem;
+  min-height: var(--form-height-lg);
 }
 .mld-icon-button__icon--sm,
 .mld-icon-button__icon--md,
@@ -3198,6 +3218,8 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
   border: 1px solid var(--border-color);
   background-color: var(--bg-secondary);
   color: var(--text-primary);
+  box-sizing: border-box;
+  line-height: 1.25;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 .mld-input::placeholder {
@@ -3225,14 +3247,17 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
 .mld-input--sm {
   padding: 0.375rem 0.625rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-input--md {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-input--lg {
   padding: 0.75rem 1rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 /* BaseModal Component Styles */
 /* Modal Backdrop */
@@ -3343,8 +3368,18 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
   border-radius: 0.5rem;
   border: 1px solid var(--border-color);
   overflow: hidden;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
+.mld-number-input--sm {
+  min-height: var(--form-height-sm);
+}
+.mld-number-input--md {
+  min-height: var(--form-height-md);
+}
+.mld-number-input--lg {
+  min-height: var(--form-height-lg);
+}
 .mld-number-input:focus-within {
   border-color: transparent;
   box-shadow: 0 0 0 2px var(--color-primary);
@@ -3402,6 +3437,7 @@ html.dark .mld-checkbox__native:focus-visible + .mld-checkbox__box {
   color: var(--text-primary);
   border: none;
   outline: none;
+  line-height: 1.25;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
@@ -4131,6 +4167,8 @@ html.dark .mld-radio-option__native:focus-visible + .mld-radio-option__circle {
   cursor: pointer;
   appearance: none;
   padding-right: 2.5rem;
+  box-sizing: border-box;
+  line-height: 1.25;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 .mld-select__control:focus {
@@ -4153,16 +4191,19 @@ html.dark .mld-radio-option__native:focus-visible + .mld-radio-option__circle {
   padding: 0.375rem 0.625rem;
   padding-right: 2.5rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-select__control--md {
   padding: 0.5rem 0.75rem;
   padding-right: 2.5rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-select__control--lg {
   padding: 0.75rem 1rem;
   padding-right: 2.5rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 .mld-select__icon {
   position: absolute;
@@ -4441,6 +4482,7 @@ html.dark .mld-slider__track {
   gap: 0.375rem;
   align-items: center;
   cursor: text;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 .mld-tags-input:focus-within {
@@ -4461,12 +4503,15 @@ html.dark .mld-slider__track {
 }
 .mld-tags-input--sm {
   padding: 0.25rem 0.5rem;
+  min-height: var(--form-height-sm);
 }
 .mld-tags-input--md {
   padding: 0.5rem 0.75rem;
+  min-height: var(--form-height-md);
 }
 .mld-tags-input--lg {
   padding: 0.625rem 1rem;
+  min-height: var(--form-height-lg);
 }
 /* Tags */
 .mld-tags-input__tag {
@@ -6249,8 +6294,18 @@ html.dark .mld-toggle__track:focus-visible {
   border-radius: 0.5rem;
   border: 1px solid var(--border-color);
   overflow: hidden;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
+.mld-concentration-input__controls--sm {
+  min-height: var(--form-height-sm);
+}
+.mld-concentration-input__controls--md {
+  min-height: var(--form-height-md);
+}
+.mld-concentration-input__controls--lg {
+  min-height: var(--form-height-lg);
+}
 .mld-concentration-input__controls:focus-within {
   border-color: transparent;
   box-shadow: 0 0 0 2px var(--color-primary);
@@ -6272,6 +6327,7 @@ html.dark .mld-toggle__track:focus-visible {
   color: var(--text-primary);
   border: none;
   outline: none;
+  line-height: 1.25;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
@@ -7645,6 +7701,7 @@ html.dark .mld-toggle__track:focus-visible {
   transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
   text-align: center;
   font-family: inherit;
+  box-sizing: border-box;
 }
 .mld-segmented-control__option:focus-visible {
   outline: none;
@@ -7705,14 +7762,17 @@ html.dark .mld-toggle__track:focus-visible {
 .mld-segmented-control__option--simple.mld-segmented-control__option--sm {
   padding: 0.375rem 0.75rem;
   font-size: 0.75rem;
+  min-height: var(--form-height-sm);
 }
 .mld-segmented-control__option--simple.mld-segmented-control__option--md {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-segmented-control__option--simple.mld-segmented-control__option--lg {
   padding: 0.625rem 1.25rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 /* Size variants - card */
 .mld-segmented-control__option--card.mld-segmented-control__option--sm {
@@ -8028,6 +8088,8 @@ html.dark .mld-pill__remove:hover {
   cursor: pointer;
   border: none;
   white-space: nowrap;
+  box-sizing: border-box;
+  line-height: 1.25;
 }
 .mld-dropdown-button__trigger:focus {
   outline: none;
@@ -8084,14 +8146,17 @@ html.dark .mld-dropdown-button__trigger:focus {
 .mld-dropdown-button__trigger--sm {
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-dropdown-button__trigger--md {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-dropdown-button__trigger--lg {
   padding: 0.75rem 1.5rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 /* Trigger disabled */
 .mld-dropdown-button__trigger--disabled {
@@ -9061,6 +9126,11 @@ html.dark .mld-dataframe__loading {
   letter-spacing: 0.025em;
   color: var(--text-muted);
 }
+.mld-rack-editor__toolbar-section {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
 .mld-rack-editor__toolbar-divider {
   width: 1px;
   height: 1.5rem;
@@ -10260,8 +10330,18 @@ html.dark .mld-settings-modal__option-btn--active {
   border-radius: 0.5rem;
   border: 1px solid var(--border-color);
   overflow: hidden;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
+.mld-unit-input__controls--sm {
+  min-height: var(--form-height-sm);
+}
+.mld-unit-input__controls--md {
+  min-height: var(--form-height-md);
+}
+.mld-unit-input__controls--lg {
+  min-height: var(--form-height-lg);
+}
 .mld-unit-input__controls:focus-within {
   border-color: transparent;
   box-shadow: 0 0 0 2px var(--color-primary);
@@ -10283,6 +10363,7 @@ html.dark .mld-settings-modal__option-btn--active {
   color: var(--text-primary);
   border: none;
   outline: none;
+  line-height: 1.25;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
@@ -11122,6 +11203,9 @@ html.dark .mld-settings-modal__option-btn--active {
 .mld-datetime-picker__footer-btn:hover {
   opacity: 0.8;
 }
+.mld-datetime-picker__footer-btn + .mld-datetime-picker__footer-btn {
+  margin-left: 0.75rem;
+}
 .mld-datetime-picker__footer-btn--muted {
   color: var(--text-muted);
 }
@@ -11910,8 +11994,11 @@ html.dark .mld-settings-modal__option-btn--active {
   border-radius: 0.5rem;
   font-weight: 500;
   transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
+  line-height: 1.25;
+  white-space: nowrap;
   cursor: pointer;
   border: none;
+  box-sizing: border-box;
 }
 .mld-button:focus {
   outline: none;
@@ -11977,14 +12064,17 @@ html.dark .mld-button:focus {
 .mld-button--sm {
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-button--md {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-button--lg {
   padding: 0.75rem 1.5rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 
 /* Spinner */
@@ -12008,6 +12098,8 @@ to {
   border: 1px solid var(--border-color);
   background-color: var(--bg-secondary);
   color: var(--text-primary);
+  box-sizing: border-box;
+  line-height: 1.25;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 .mld-input::placeholder {
@@ -12035,14 +12127,17 @@ to {
 .mld-input--sm {
   padding: 0.375rem 0.625rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-input--md {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-input--lg {
   padding: 0.75rem 1rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 /* BaseTextarea Component Styles */
 .mld-textarea {
@@ -12109,6 +12204,8 @@ to {
   cursor: pointer;
   appearance: none;
   padding-right: 2.5rem;
+  box-sizing: border-box;
+  line-height: 1.25;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 .mld-select__control:focus {
@@ -12131,16 +12228,19 @@ to {
   padding: 0.375rem 0.625rem;
   padding-right: 2.5rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-select__control--md {
   padding: 0.5rem 0.75rem;
   padding-right: 2.5rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-select__control--lg {
   padding: 0.75rem 1rem;
   padding-right: 2.5rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 .mld-select__icon {
   position: absolute;
@@ -12874,6 +12974,7 @@ html.dark .mld-slider__track {
   transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
   text-align: center;
   font-family: inherit;
+  box-sizing: border-box;
 }
 .mld-segmented-control__option:focus-visible {
   outline: none;
@@ -12939,14 +13040,17 @@ html.dark .mld-slider__track {
 .mld-segmented-control__option--simple.mld-segmented-control__option--sm {
   padding: 0.375rem 0.75rem;
   font-size: 0.75rem;
+  min-height: var(--form-height-sm);
 }
 .mld-segmented-control__option--simple.mld-segmented-control__option--md {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-segmented-control__option--simple.mld-segmented-control__option--lg {
   padding: 0.625rem 1.25rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 
 /* Size variants - card */
@@ -13281,6 +13385,8 @@ html.dark .mld-pill__remove:hover {
   cursor: pointer;
   border: none;
   white-space: nowrap;
+  box-sizing: border-box;
+  line-height: 1.25;
 }
 .mld-dropdown-button__trigger:focus {
   outline: none;
@@ -13339,14 +13445,17 @@ html.dark .mld-dropdown-button__trigger:focus {
 .mld-dropdown-button__trigger--sm {
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-dropdown-button__trigger--md {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-dropdown-button__trigger--lg {
   padding: 0.75rem 1.5rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 
 /* Trigger disabled */
@@ -14032,6 +14141,8 @@ to { transform: rotate(360deg);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
   cursor: pointer;
   padding-right: 2.5rem;
+  box-sizing: border-box;
+  line-height: 1.25;
 }
 .mld-date-picker__input:focus {
   outline: none;
@@ -14041,14 +14152,17 @@ to { transform: rotate(360deg);
 .mld-date-picker__input--sm {
   padding: 0.375rem 0.625rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-sm);
 }
 .mld-date-picker__input--md {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
+  min-height: var(--form-height-md);
 }
 .mld-date-picker__input--lg {
   padding: 0.75rem 1rem;
   font-size: 1rem;
+  min-height: var(--form-height-lg);
 }
 .mld-date-picker__input--error {
   border-color: var(--mld-error);
@@ -14385,6 +14499,7 @@ to { transform: rotate(360deg);
   gap: 0.375rem;
   align-items: center;
   cursor: text;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 .mld-tags-input:focus-within {
@@ -14405,12 +14520,15 @@ to { transform: rotate(360deg);
 }
 .mld-tags-input--sm {
   padding: 0.25rem 0.5rem;
+  min-height: var(--form-height-sm);
 }
 .mld-tags-input--md {
   padding: 0.5rem 0.75rem;
+  min-height: var(--form-height-md);
 }
 .mld-tags-input--lg {
   padding: 0.625rem 1rem;
+  min-height: var(--form-height-lg);
 }
 
 /* Tags */
@@ -14480,8 +14598,18 @@ to { transform: rotate(360deg);
   border-radius: 0.5rem;
   border: 1px solid var(--border-color);
   overflow: hidden;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
+.mld-number-input--sm {
+  min-height: var(--form-height-sm);
+}
+.mld-number-input--md {
+  min-height: var(--form-height-md);
+}
+.mld-number-input--lg {
+  min-height: var(--form-height-lg);
+}
 .mld-number-input:focus-within {
   border-color: transparent;
   box-shadow: 0 0 0 2px var(--color-primary);
@@ -14539,6 +14667,7 @@ to { transform: rotate(360deg);
   color: var(--text-primary);
   border: none;
   outline: none;
+  line-height: 1.25;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
@@ -15167,6 +15296,7 @@ to {
   transition: color 0.15s ease, background-color 0.15s ease;
   cursor: pointer;
   border: none;
+  box-sizing: border-box;
 }
 .mld-icon-button:focus {
   outline: none;
@@ -15226,12 +15356,15 @@ to {
 /* Sizes */
 .mld-icon-button--sm {
   padding: 0.375rem;
+  min-height: var(--form-height-sm);
 }
 .mld-icon-button--md {
   padding: 0.5rem;
+  min-height: var(--form-height-md);
 }
 .mld-icon-button--lg {
   padding: 0.75rem;
+  min-height: var(--form-height-lg);
 }
 .mld-icon-button__icon--sm,
 .mld-icon-button__icon--md,
@@ -17580,6 +17713,11 @@ to {
   letter-spacing: 0.025em;
   color: var(--text-muted);
 }
+.mld-rack-editor__toolbar-section {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
 .mld-rack-editor__toolbar-divider {
   width: 1px;
   height: 1.5rem;
@@ -19948,8 +20086,18 @@ to {
   border-radius: 0.5rem;
   border: 1px solid var(--border-color);
   overflow: hidden;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
+.mld-concentration-input__controls--sm {
+  min-height: var(--form-height-sm);
+}
+.mld-concentration-input__controls--md {
+  min-height: var(--form-height-md);
+}
+.mld-concentration-input__controls--lg {
+  min-height: var(--form-height-lg);
+}
 .mld-concentration-input__controls:focus-within {
   border-color: transparent;
   box-shadow: 0 0 0 2px var(--color-primary);
@@ -19972,6 +20120,7 @@ to {
   color: var(--text-primary);
   border: none;
   outline: none;
+  line-height: 1.25;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
@@ -21706,8 +21855,18 @@ to {
   border-radius: 0.5rem;
   border: 1px solid var(--border-color);
   overflow: hidden;
+  box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
+.mld-unit-input__controls--sm {
+  min-height: var(--form-height-sm);
+}
+.mld-unit-input__controls--md {
+  min-height: var(--form-height-md);
+}
+.mld-unit-input__controls--lg {
+  min-height: var(--form-height-lg);
+}
 .mld-unit-input__controls:focus-within {
   border-color: transparent;
   box-shadow: 0 0 0 2px var(--color-primary);
@@ -21730,6 +21889,7 @@ to {
   color: var(--text-primary);
   border: none;
   outline: none;
+  line-height: 1.25;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
@@ -22462,6 +22622,9 @@ to { transform: rotate(360deg);
 .mld-datetime-picker__footer-btn:hover {
   opacity: 0.8;
 }
+.mld-datetime-picker__footer-btn + .mld-datetime-picker__footer-btn {
+  margin-left: 0.75rem;
+}
 .mld-datetime-picker__footer-btn--muted {
   color: var(--text-muted);
 }

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export type { ContainerDirection, ButtonVariant, ButtonSize, InputType, ModalSize, AlertType, Toast, TabItem, SelectOption, RadioOption, FormFieldProps, SidebarToolSection, CollapsibleState, TopBarVariant, TopBarPage, TopBarTab, TopBarTabOption, TopBarSettingsConfig, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, SampleType, PlateMap, PlateMapEditorState, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, GroupItem, FileUploaderMode, SegmentedOption, SegmentedControlVariant, SegmentedControlSize, MultiSelectOption, MultiSelectSize, PillVariant, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, PaginationState, SpinnerSize, SpinnerVariant, DividerSpacing, StatusType, ProgressVariant, ProgressSize, AvatarSize, EmptyStateColor, EmptyStateSize, BreadcrumbItem, TooltipPosition, ConfirmVariant, SettingsTab, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimePickerFormat, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, ResourceStatus, ResourceSpec, } from './components';
+export type { ContainerDirection, ButtonVariant, ButtonSize, InputType, ModalSize, AlertType, Toast, TabItem, SelectOption, RadioOption, FormFieldProps, SidebarToolSection, CollapsibleState, TopBarVariant, TopBarPage, TopBarTab, TopBarTabOption, TopBarSettingsConfig, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, SampleType, PlateMap, PlateMapEditorState, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, GroupItem, FileUploaderMode, SegmentedOption, SegmentedControlVariant, SegmentedControlSize, MultiSelectOption, MultiSelectSize, PillVariant, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, PaginationState, SpinnerSize, SpinnerVariant, DividerSpacing, StatusType, ProgressVariant, ProgressSize, AvatarSize, EmptyStateColor, EmptyStateSize, BreadcrumbItem, TooltipPosition, ConfirmVariant, SettingsTab, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimePickerFormat, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, ResourceStatus, ResourceSpec, MoleculeData, StorageCondition, ReagentColumn, Reagent, TreeNodeType, BadgeVariant, TreeNode, } from './components';
 export type { AuthConfig, UserInfo, LoginResponse, TokenVerifyResponse, RegisterRequest, UpdateProfileRequest, CredentialInfo, } from './auth';
 export type { PluginInfo, PluginNavItem, PluginSettings, PluginSettingField, PlatformContext, PlatformContextOptions, PlatformEventType, PlatformEvent, ThemeMode, ColorPalette, TableDensity, } from './platform';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morscherlab/mld-sdk",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "MLD Platform SDK - Vue 3 components, composables, and types for plugin development",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/AuditTrail.vue

@@ -1,17 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
-
-type AuditEntryType = 'create' | 'update' | 'delete' | 'system'
-
-interface AuditEntry {
-  id: string
-  type: AuditEntryType
-  action: string
-  detail?: string
-  user?: string
-  timestamp: Date | string
-  metadata?: Record<string, unknown>
-}
+import type { AuditEntryType, AuditEntry } from '../types'
 
 interface Props {
   entries: AuditEntry[]

package/src/components/BatchProgressList.vue

@@ -1,25 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch, nextTick } from 'vue'
-
-type BatchItemStatus = 'pending' | 'processing' | 'completed' | 'error' | 'skipped'
-
-interface BatchItem {
-  id: string
-  label: string
-  status: BatchItemStatus
-  progress?: number
-  message?: string
-}
-
-interface BatchSummary {
-  total: number
-  completed: number
-  processing: number
-  error: number
-  pending: number
-  skipped: number
-  percent: number
-}
+import type { BatchItem, BatchSummary } from '../types'
 
 interface Props {
   items: BatchItem[]

package/src/components/Breadcrumb.vue

@@ -1,9 +1,5 @@
 <script setup lang="ts">
-interface BreadcrumbItem {
-  label: string
-  to?: string
-  href?: string
-}
+import type { BreadcrumbItem } from '../types'
 
 interface Props {
   items: BreadcrumbItem[]