@imaginario27/air-ui-ds 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -5,6 +5,28 @@ All notable changes to this package are documented in this file.
 Historical releases were reconstructed from git history (GitHub repository) and npm publish dates.
 Future releases will include detailed entries generated with Changesets.
 
+## 1.9.1 - 2026-03-31
+
+Release type: patch.
+Commits found in range: 1.
+
+### Added
+
+1. add titleClass prop to ContentPageHeader component ([17c3276](https://github.com/imaginario27/air-ui/commit/17c32762b19ac5333e87efad54fcb022a4624c0f))
+
+- Package: @imaginario27/air-ui-ds.
+
+## 1.9.0 - 2026-03-28
+
+Release type: minor.
+Commits found in range: 1.
+
+### Added
+
+1. add new Dropzone and update FileUploadField component ([0be8a1f](https://github.com/imaginario27/air-ui/commit/0be8a1fcf96373f9fbf6e048113cf83b638bb0d4))
+
+- Package: @imaginario27/air-ui-ds.
+
 ## 1.8.0 - 2026-03-28
 
 Release type: minor.

package/components/dropzone/Dropzone.vue

@@ -267,8 +267,6 @@
 </template>
 
 <script setup lang="ts">
-import type { UploadMeta, UploadStatusType } from '~/models/types/uploads'
-
 const DEFAULT_FILE_TYPE_ICON_MAP: Record<string, string> = {
     image: 'mdi:file-image-outline',
     video: 'mdi:file-video-outline',

package/components/forms/fields/SliderField.vue

@@ -149,8 +149,6 @@
 </template>
 
 <script setup lang="ts">
-import { SliderSize } from '@/models/enums/sliders'
-
 const props = defineProps({
     id: {
         type: String as PropType<string>,

package/components/forms/fields/SwitchField.vue

@@ -164,6 +164,8 @@ const hasError = computed(() => props.error !== '')
 // Computed classes
 const controlFieldSizeClass = computed(() => {
     const sizeVariant = {
+        [ControlFieldSize.XS]: 'w-[32px] h-[16px] min-w-[32px] min-h-[16px]',
+        [ControlFieldSize.SM]: 'w-[40px] h-[20px] min-w-[40px] min-h-[20px]',
         [ControlFieldSize.MD]: 'w-[44px] h-[24px] min-w-[44px] min-h-[24px]',
         [ControlFieldSize.LG]: 'w-[56px] h-[32px] min-w-[56px] min-h-[32px]',
     }
@@ -172,6 +174,8 @@ const controlFieldSizeClass = computed(() => {
 
 const controlFieldHandlerSizeClass = computed(() => {
     const sizeVariant = {
+        [ControlFieldSize.XS]: 'w-[12px] h-[12px]',
+        [ControlFieldSize.SM]: 'w-[16px] h-[16px]',
         [ControlFieldSize.MD]: 'w-[16px] h-[16px]',
         [ControlFieldSize.LG]: 'w-[24px] h-[24px]',
     }
@@ -180,6 +184,8 @@ const controlFieldHandlerSizeClass = computed(() => {
 
 const labelSizeClass = computed(() => {
     const sizeVariant = {
+        [ControlFieldSize.XS]: 'text-xs',
+        [ControlFieldSize.SM]: 'text-xs',
         [ControlFieldSize.MD]: 'text-sm',
         [ControlFieldSize.LG]: 'text-base',
     }
@@ -188,6 +194,8 @@ const labelSizeClass = computed(() => {
 
 const iconSizeClass = computed(() => {
     const sizeVariant = {
+        [ControlFieldSize.XS]: 'w-[16px] h-[16px] min-w-[16px] min-h-[16px]',
+        [ControlFieldSize.SM]: 'w-[20px] h-[20px] min-w-[20px] min-h-[20px]',
         [ControlFieldSize.MD]: 'w-[20px] h-[20px] min-w-[20px] min-h-[20px]',
         [ControlFieldSize.LG]: 'w-[24px] h-[24px] min-w-[24px] min-h-[24px]',
     }

package/components/forms/fields/radio/RadioButtonField.vue

@@ -172,6 +172,8 @@ const emit = defineEmits(['update:modelValue', 'validate'])
 // Computed classes
 const labelSizeClass = computed(() => {
     const sizeVariant = {
+        [ControlFieldSize.XS]: 'text-xs',
+        [ControlFieldSize.SM]: 'text-xs',
         [ControlFieldSize.MD]: 'text-sm',
         [ControlFieldSize.LG]: 'text-base',
     }

package/components/forms/fields/radio/RadioField.vue

@@ -135,6 +135,8 @@ const emit = defineEmits(['update:modelValue', 'validate'])
 // Computed classes
 const radioSizeClass = computed(() => {
     const sizeVariant = {
+        [ControlFieldSize.XS]: 'w-[16px] h-[16px]',
+        [ControlFieldSize.SM]: 'w-[20px] h-[20px]',
         [ControlFieldSize.MD]: 'w-[24px] h-[24px]',
         [ControlFieldSize.LG]: 'w-[32px] h-[32px]',
     }
@@ -143,6 +145,8 @@ const radioSizeClass = computed(() => {
 
 const labelSizeClass = computed(() => {
     const sizeVariant = {
+        [ControlFieldSize.XS]: 'text-xs',
+        [ControlFieldSize.SM]: 'text-xs',
         [ControlFieldSize.MD]: 'text-sm',
         [ControlFieldSize.LG]: 'text-base',
     }

package/components/layouts/headers/ContentPageHeader.vue

@@ -39,7 +39,8 @@
                 'font-semibold',
                 'leading-tight',
                 'text-text-default',
-                'break-all'
+                'break-all',
+                titleClass,
             ]"
         >
             {{ title ? title : pageTitle }}
@@ -67,6 +68,7 @@ defineProps({
     overtitle: String as PropType<string>,
     isOverTitleUppercase: Boolean as PropType<boolean>,
     overtitleClass: String as PropType<string>,
+    titleClass: String as PropType<string>,
     showDescription: {
         type: Boolean as PropType<boolean>,
         default: true,

package/components/navigation/nav-sidebar/NavSidebar.vue

@@ -13,7 +13,7 @@
             'flex flex-col items-center gap-6',
             'py-4',
             'border-r border-border-default',
-            'transition-all duration-300 ease-in-ou',
+            'transition-all duration-300 ease-in-out',
             isMobileSidebarOpen ? 'translate-x-0' : '-translate-x-full',
             'lg:translate-x-0', // Always visible on large screens
         ]"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imaginario27/air-ui-ds",
-    "version": "1.9.0",
+    "version": "1.9.2",
     "author": "imaginario27",
     "type": "module",
     "homepage": "https://air-ui.netlify.app/",