fix(config): ensure all types match components

- add BaseListbox placement to config - add BaseAutocomplete i18n to config - close #116
shuriken-ui · Mar 18, 2024 · b1e13b3 · b1e13b3
1 parent e2cc7d8
commit b1e13b3
Show file tree

Hide file tree

Showing 42 changed files with 1,144 additions and 1,104 deletions.
diff --git a/app.config.ts b/app.config.ts
@@ -1,23 +1,16 @@
 export default defineAppConfig({
   nui: {
+    // #region base
     BaseAccordion: {
-      color: 'default',
-      rounded: 'sm',
       action: 'dot',
+      color: 'default',
       dotColor: 'primary',
-    },
-    BaseAutocomplete: {
-      rounded: 'sm',
-      size: 'md',
-      contrast: 'default',
-    },
-    BaseAutocompleteItem: {
       rounded: 'sm',
     },
     BaseAvatar: {
-      size: 'sm',
-      rounded: 'full',
       color: 'muted',
+      rounded: 'full',
+      size: 'sm',
     },
     BaseAvatarGroup: {
       limit: 4,
@@ -27,178 +20,199 @@ export default defineAppConfig({
       color: 'primary',
     },
     BaseButton: {
-      variant: 'solid',
-      rounded: 'sm',
       color: 'default',
+      rounded: 'sm',
       size: 'md',
+      variant: 'solid',
     },
     BaseButtonAction: {
-      rounded: 'sm',
       color: 'default',
+      rounded: 'sm',
     },
     BaseButtonClose: {
+      color: 'default',
       rounded: 'full',
+      size: 'sm',
     },
+    BaseButtonGroup: {},
     BaseButtonIcon: {
-      rounded: 'sm',
       color: 'default',
+      rounded: 'sm',
       size: 'md',
     },
     BaseCard: {
-      rounded: 'sm',
       color: 'default',
-    },
-    BaseCheckbox: {
       rounded: 'sm',
-      color: 'default',
-    },
-    BaseCheckboxAnimated: {
-      color: 'primary',
     },
     BaseDropdown: {
-      variant: 'button',
       buttonColor: 'default',
       color: 'default',
+      placement: 'bottom-start',
       rounded: 'sm',
       size: 'md',
+      variant: 'button',
     },
+    BaseDropdownDivider: {},
     BaseDropdownItem: {
-      rounded: 'sm',
-      contrast: 'default',
-      color: 'primary',
-    },
-    BaseFullscreenDropfile: {
       color: 'primary',
+      contrast: 'default',
+      rounded: 'sm',
     },
     BaseHeading: {
       as: 'p',
+      lead: 'normal',
       size: 'xl',
       weight: 'semibold',
-      lead: 'normal',
     },
     BaseIconBox: {
-      variant: 'solid',
       color: 'default',
-      size: 'xs',
-      rounded: 'sm',
-    },
-    BaseInput: {
-      rounded: 'sm',
-      size: 'md',
-      contrast: 'default',
-    },
-    BaseInputFile: {
-      rounded: 'sm',
-      size: 'md',
-      contrast: 'default',
-    },
-    BaseInputNumber: {
-      inputmode: 'numeric',
       rounded: 'sm',
-      size: 'md',
-      contrast: 'default',
+      size: 'xs',
+      variant: 'solid',
     },
-    BaseListbox: {
+    BaseKbd: {
+      color: 'default',
       rounded: 'sm',
-      size: 'md',
-      contrast: 'default',
+      size: 'sm',
     },
+    BaseLink: {},
+    BaseList: {},
+    BaseListItem: {},
     BaseMessage: {
-      color: 'success',
+      color: 'default',
       rounded: 'sm',
-      closable: false,
     },
     BasePagination: {
       color: 'primary',
       rounded: 'sm',
     },
     BaseParagraph: {
       as: 'p',
+      lead: 'normal',
       size: 'md',
       weight: 'normal',
-      lead: 'normal',
     },
     BasePlaceholderPage: {
       imageSize: 'xs',
     },
+    BasePlaceload: {},
     BaseProgress: {
-      size: 'sm',
-      contrast: 'default',
       color: 'primary',
+      contrast: 'default',
       rounded: 'full',
+      size: 'sm',
     },
     BaseProgressCircle: {
       color: 'primary',
     },
     BaseProse: {
-      rounded: 'md',
-    },
-    BaseRadio: {
-      color: 'default',
-    },
-    BaseSelect: {
-      rounded: 'sm',
-      size: 'md',
-      contrast: 'default',
+      rounded: 'none',
     },
     BaseSnack: {
+      color: 'default',
       size: 'md',
-      color: 'muted',
-    },
-    BaseSwitchBall: {
-      color: 'primary',
-    },
-    BaseSwitchThin: {
-      color: 'primary',
     },
     BaseTabs: {
-      type: 'tabs',
-      justify: 'start',
       color: 'primary',
+      justify: 'start',
+      type: 'tabs',
     },
     BaseTabSlider: {
-      color: 'primary',
+      color: 'default',
       justify: 'start',
-      size: 'md',
       rounded: 'lg',
+      size: 'md',
     },
     BaseTag: {
-      variant: 'solid',
       color: 'default',
-      size: 'md',
       rounded: 'lg',
+      size: 'md',
+      variant: 'solid',
     },
     BaseText: {
+      lead: 'normal',
       size: 'md',
       weight: 'normal',
-      lead: 'normal',
     },
-    BaseTextarea: {
+    BaseThemeSwitch: {
+      disableTransitions: false,
+    },
+    BaseThemeToggle: {
+      disableTransitions: false,
+    },
+    // #endregion
+
+    // #region form
+    BaseAutocomplete: {
+      contrast: 'default',
+      i18n: {
+        empty: 'Nothing found.',
+        pending: 'Loading ...',
+      },
+      rounded: 'sm',
+      size: 'md',
+    },
+    BaseAutocompleteItem: {
+      rounded: 'sm',
+    },
+    BaseCheckbox: {
+      color: 'default',
+      rounded: 'sm',
+    },
+    BaseCheckboxAnimated: {
+      color: 'primary',
+    },
+    BaseCheckboxHeadless: {},
+    BaseFullscreenDropfile: {
+      color: 'primary',
+    },
+    BaseInput: {
+      contrast: 'default',
+      rounded: 'sm',
+      size: 'md',
+    },
+    BaseInputFile: {
+      contrast: 'default',
       rounded: 'sm',
       size: 'md',
+    },
+    BaseInputFileHeadless: {},
+    BaseInputNumber: {
       contrast: 'default',
+      rounded: 'sm',
+      size: 'md',
     },
-    BaseTreeSelectItem: {
+    BaseListbox: {
+      contrast: 'default',
+      placement: 'bottom-start',
+      rounded: 'sm',
+      size: 'md',
+    },
+    BaseListboxItem: {},
+    BaseRadio: {
+      color: 'default',
+    },
+    BaseRadioHeadless: {},
+    BaseSelect: {
+      contrast: 'default',
+      rounded: 'sm',
+      size: 'md',
+    },
+    BaseSwitchBall: {
+      color: 'primary',
+    },
+    BaseSwitchThin: {
+      color: 'primary',
+    },
+    BaseTextarea: {
+      contrast: 'default',
       rounded: 'sm',
+      size: 'md',
     },
-    defaultShapes: {
-      accordion: 'rounded',
-      autocompleteItem: 'rounded',
-      avatar: 'full',
-      button: 'rounded',
-      buttonAction: 'rounded',
-      buttonIcon: 'rounded',
-      buttonClose: 'full',
-      card: 'rounded',
-      dropdown: 'rounded',
-      iconBox: 'rounded',
-      input: 'rounded',
-      message: 'curved',
-      pagination: 'rounded',
-      progress: 'full',
-      prose: 'rounded',
-      tabSlider: 'rounded',
-      tag: 'rounded',
+    BaseTreeSelect: {},
+    BaseTreeSelectItem: {
+      rounded: 'sm',
     },
+    // #endregion
   },
 })