@hobui/viui-cli 0.0.2

package/dist/assets/plugins/viui-conf/defaults/data-tables.ts

@@ -0,0 +1,11 @@
+/**
+ * iNET Design System — Vuetify defaults cho VDataTable (ViDataTable).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const dataTableDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VDataTable: {
+    density: 'default',
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/dialogs.ts

@@ -0,0 +1,13 @@
+/**
+ * iNET Design System — Vuetify defaults cho VDialog (ViDialog).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const dialogDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VDialog: {
+    persistent: false,
+    transition: 'dialog-transition',
+    maxWidth: 500,
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/global.ts

@@ -0,0 +1,12 @@
+/**
+ * iNET Design System — Vuetify global defaults.
+ * Áp cho mọi component; dùng design tokens qua theme (colors, border-radius-root).
+ */
+
+/** Global defaults (ripple, density) — class/style không dùng trong global. */
+export const globalDefaults: Record<string, unknown> = {
+  // Ripple: bật mặc định theo Material; tắt nếu design system yêu cầu giảm motion
+  ripple: true,
+  // Density: 'default' | 'comfortable' | 'compact'
+  density: 'default',
+}

package/dist/assets/plugins/viui-conf/defaults/index.ts

@@ -0,0 +1,93 @@
+/**
+ * iNET Design System — Vuetify defaults (global + từng element).
+ * Merge base + theme override; theme mặc định Minimalist 2.0 (minimalist-2).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+import { globalDefaults } from './global'
+import { buttonDefaults } from './buttons'
+import { cardDefaults } from './cards'
+import { inputDefaults } from './inputs'
+import { listDefaults } from './lists'
+import { snackbarDefaults } from './snackbars'
+import { dialogDefaults } from './dialogs'
+import { alertDefaults } from './alerts'
+import { dataTableDefaults } from './data-tables'
+import { paginationDefaults } from './pagination'
+import { appBarDefaults } from './app-bar'
+import { navigationDrawerDefaults } from './navigation-drawer'
+import { mainDefaults } from './main'
+import { chipDefaults } from './chips'
+import { avatarDefaults } from './avatars'
+import { menuDefaults } from './menus'
+import { getThemeDefaults } from './by-theme'
+
+type DefaultsConfig = NonNullable<VuetifyOptions['defaults']>
+
+function mergeDefaults (...sources: DefaultsConfig[]): DefaultsConfig {
+  const result: Record<string, unknown> = { global: { ...globalDefaults } }
+  for (const src of sources) {
+    if (!src) continue
+    const srcObj = src as Record<string, unknown>
+    if (srcObj.global && typeof srcObj.global === 'object') {
+      result.global = { ...(result.global as Record<string, unknown>), ...srcObj.global }
+    }
+    for (const key of Object.keys(srcObj)) {
+      if (key === 'global') continue
+      const existing = result[key] as Record<string, unknown> | undefined
+      const incoming = srcObj[key] as Record<string, unknown> | undefined
+      result[key] = existing && incoming ? { ...existing, ...incoming } : (incoming ?? existing)
+    }
+  }
+  return result as DefaultsConfig
+}
+
+const baseDefaults: DefaultsConfig = mergeDefaults(
+  { global: globalDefaults },
+  buttonDefaults,
+  cardDefaults,
+  inputDefaults,
+  listDefaults,
+  snackbarDefaults,
+  dialogDefaults,
+  alertDefaults,
+  dataTableDefaults,
+  paginationDefaults,
+  appBarDefaults,
+  navigationDrawerDefaults,
+  mainDefaults,
+  chipDefaults,
+  avatarDefaults,
+  menuDefaults,
+)
+
+/**
+ * Trả về defaults đã merge base + override theo theme.
+ * themeId không set hoặc không nhận dạng → Minimalist 2.0 (minimalist-2).
+ */
+export function getDefaults (themeId?: string): DefaultsConfig {
+  const themeOverride = getThemeDefaults(themeId)
+  return mergeDefaults(baseDefaults, themeOverride)
+}
+
+/** Defaults với theme mặc định (Minimalist 2.0). Giữ tương thích khi gọi getDefaults() không tham số. */
+export const defaults: DefaultsConfig = getDefaults()
+
+export { globalDefaults } from './global'
+export { buttonDefaults } from './buttons'
+export { cardDefaults } from './cards'
+export { inputDefaults } from './inputs'
+export { listDefaults } from './lists'
+export { snackbarDefaults } from './snackbars'
+export { dialogDefaults } from './dialogs'
+export { alertDefaults } from './alerts'
+export { dataTableDefaults } from './data-tables'
+export { paginationDefaults } from './pagination'
+export { appBarDefaults } from './app-bar'
+export { navigationDrawerDefaults } from './navigation-drawer'
+export { mainDefaults } from './main'
+export { chipDefaults } from './chips'
+export { avatarDefaults } from './avatars'
+export { menuDefaults } from './menus'
+export { getThemeDefaults, VIUI_DEFAULT_THEME_ID } from './by-theme'
+export type { ViuiThemeId } from './by-theme'

package/dist/assets/plugins/viui-conf/defaults/inputs.ts

@@ -0,0 +1,42 @@
+/**
+ * iNET Design System — Vuetify defaults cho form inputs:
+ * VTextField, VTextarea, VSelect, VAutocomplete, VCheckbox, VRadioGroup, VSwitch.
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const inputDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VTextField: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VTextarea: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VSelect: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VAutocomplete: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VCheckbox: {
+    hideDetails: true,
+  },
+  VRadioGroup: {
+    hideDetails: 'auto',
+  },
+  VSwitch: {
+    hideDetails: true,
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/lists.ts

@@ -0,0 +1,17 @@
+/**
+ * iNET Design System — Vuetify defaults cho Lists (VList, VListItem, VListGroup).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const listDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VList: {
+    density: 'default',
+  },
+  VListItem: {
+    density: 'default',
+  },
+  VListGroup: {
+    density: 'default',
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/main.ts

@@ -0,0 +1,12 @@
+/**
+ * iNET Design System — Vuetify defaults cho VMain (ViMain).
+ * Padding theo 8pt grid cho content area.
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const mainDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VMain: {
+    scrollable: true,
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/menus.ts

@@ -0,0 +1,14 @@
+/**
+ * iNET Design System — Vuetify defaults cho VMenu (ViMenu).
+ * Location, transition, elevation từ tokens.
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const menuDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VMenu: {
+    location: 'bottom',
+    transition: 'scale-transition',
+    eager: false,
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/navigation-drawer.ts

@@ -0,0 +1,14 @@
+/**
+ * iNET Design System — Vuetify defaults cho VNavigationDrawer (ViNavigationDrawer).
+ * Sidebar layout: width, rail, border.
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const navigationDrawerDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VNavigationDrawer: {
+    width: 256,
+    railWidth: 56,
+    border: 'end',
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/pagination.ts

@@ -0,0 +1,13 @@
+/**
+ * iNET Design System — Vuetify defaults cho VPagination (ViPagination).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const paginationDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VPagination: {
+    density: 'comfortable',
+    totalVisible: 7,
+    rounded: 'circle',
+  },
+}

package/dist/assets/plugins/viui-conf/defaults/snackbars.ts

@@ -0,0 +1,13 @@
+/**
+ * iNET Design System — Vuetify defaults cho VSnackbar (ViToast).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const snackbarDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VSnackbar: {
+    location: 'bottom',
+    variant: 'flat',
+    timeout: 4000,
+  },
+}

package/dist/assets/plugins/viui-conf/theme-base.ts

@@ -0,0 +1,34 @@
+/**
+ * iNET Design System - Vuetify Theme Configuration
+ * Extended theme using design tokens as single source of truth
+ */
+
+import { colorTokens } from '@/tokens/design-tokens'
+
+/**
+ * Base theme colors shared between light and dark themes
+ * All colors are derived from design tokens.
+ * Semantic on-colors (on-success, on-warning) are overridden in v-light/v-dark from inet-design-tokens for WCAG AA contrast on tinted surfaces.
+ */
+const themeBase: Record<string, string> = {
+  // Brand colors
+  primary: colorTokens.brand.primary,
+  secondary: colorTokens.brand.secondary,
+  accent: colorTokens.brand.accent,
+
+  // Semantic colors
+  success: colorTokens.semantic.success,
+  warning: colorTokens.semantic.warning,
+  error: colorTokens.semantic.error,
+  info: colorTokens.semantic.info,
+
+  // On-colors (text on colored backgrounds)
+  'on-primary': colorTokens.neutral[0],
+  'on-secondary': colorTokens.neutral[0],
+  'on-success': colorTokens.neutral[950],
+  'on-warning': colorTokens.neutral[950],
+  'on-error': colorTokens.neutral[0],
+  'on-info': colorTokens.neutral[0],
+} as const
+
+export default themeBase

package/dist/assets/plugins/viui-conf/v-dark.ts

@@ -0,0 +1,38 @@
+/**
+ * iNET Design System - Vuetify Dark Theme
+ * Dark theme configuration using design tokens
+ */
+
+import type { ThemeDefinition } from 'vuetify'
+import ThemeBase from './theme-base.ts'
+import { colorTokens } from '@/tokens/design-tokens'
+import { shapeTokens } from '@/tokens/design-tokens'
+import inetDesignTokens from '@/tokens/inet-design-tokens'
+
+const DarkTheme: ThemeDefinition = {
+  dark: true,
+  colors: {
+    ...ThemeBase,
+    background: colorTokens.surface.background,
+    surface: colorTokens.surface.card,
+    'surface-variant': colorTokens.surface.elevated,
+    'surface-bright': colorTokens.neutral[700],
+    'surface-light': colorTokens.neutral[800],
+    'on-background': colorTokens.text.primary,
+    'on-surface': colorTokens.text.primary,
+    'on-surface-variant': colorTokens.text.secondary,
+    'on-success': inetDesignTokens.colors.success?.dark?.text ?? colorTokens.neutral[0],
+    'on-warning': inetDesignTokens.colors.warning?.dark?.text ?? colorTokens.neutral[0],
+    outline: colorTokens.border.default,
+    'outline-variant': colorTokens.border.subtle,
+  },
+  variables: {
+    'border-opacity': 0.2,
+    'high-emphasis-opacity': 0.87,
+    'medium-emphasis-opacity': 0.60,
+    'disabled-opacity': 0.38,
+    'border-radius-root': shapeTokens.borderRadius.base,
+  },
+}
+
+export default DarkTheme

package/dist/assets/plugins/viui-conf/v-light.ts

@@ -0,0 +1,41 @@
+/**
+ * iNET Design System - Vuetify Light Theme
+ * Light theme configuration using design tokens
+ */
+
+import type { ThemeDefinition } from 'vuetify'
+import ThemeBase from './theme-base.ts'
+import { colorTokens } from '@/tokens/design-tokens'
+import { shapeTokens } from '@/tokens/design-tokens'
+import inetDesignTokens from '@/tokens/inet-design-tokens'
+
+const LightTheme: ThemeDefinition = {
+  dark: false,
+  colors: {
+    ...ThemeBase,
+    // Surface colors for light theme (tokens only)
+    background: colorTokens.neutral[50],
+    surface: colorTokens.neutral[0],
+    'surface-variant': colorTokens.neutral[100],
+    'surface-bright': colorTokens.neutral[0],
+    'surface-light': colorTokens.neutral[50],
+    'on-background': colorTokens.neutral[900],
+    'on-surface': colorTokens.neutral[900],
+    'on-surface-variant': colorTokens.neutral[600],
+    'on-success': inetDesignTokens.colors.success?.light?.text ?? colorTokens.neutral[950],
+    'on-warning': inetDesignTokens.colors.warning?.light?.text ?? colorTokens.neutral[950],
+    outline: colorTokens.neutral[300],
+    'outline-variant': colorTokens.neutral[200],
+    secondary: colorTokens.neutral[600],
+    accent: colorTokens.brand.accent,
+  },
+  variables: {
+    'border-opacity': 0.12,
+    'high-emphasis-opacity': 0.87,
+    'medium-emphasis-opacity': 0.60,
+    'disabled-opacity': 0.38,
+    'border-radius-root': shapeTokens.borderRadius.base,
+  },
+}
+
+export default LightTheme

package/dist/assets/plugins/vuetifies/defaults/buttons.ts

@@ -0,0 +1,15 @@
+/**
+ * iNET Design System — Vuetify defaults cho Buttons (VBtn).
+ * Đồng bộ với design tokens (shape, elevation); variant/color dùng theme.
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const buttonDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VBtn: {
+    variant: 'elevated',
+    elevation: 1,
+    rounded: 'lg',
+    size: 'default',
+  },
+}

package/dist/assets/plugins/vuetifies/defaults/cards.ts

@@ -0,0 +1,12 @@
+/**
+ * iNET Design System — Vuetify defaults cho Cards (VCard, VCardText, VCardActions).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const cardDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VCard: {
+    elevation: 1,
+    rounded: 'lg',
+  },
+}

package/dist/assets/plugins/vuetifies/defaults/global.ts

@@ -0,0 +1,12 @@
+/**
+ * iNET Design System — Vuetify global defaults.
+ * Áp cho mọi component; dùng design tokens qua theme (colors, border-radius-root).
+ */
+
+/** Global defaults (ripple, density) — class/style không dùng trong global. */
+export const globalDefaults: Record<string, unknown> = {
+  // Ripple: bật mặc định theo Material; tắt nếu design system yêu cầu giảm motion
+  ripple: true,
+  // Density: 'default' | 'comfortable' | 'compact'
+  density: 'default',
+}

package/dist/assets/plugins/vuetifies/defaults/index.ts

@@ -0,0 +1,45 @@
+/**
+ * iNET Design System — Vuetify defaults (global + từng element).
+ * Merge tất cả và export cho createVuetify({ defaults }).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+import { globalDefaults } from './global'
+import { buttonDefaults } from './buttons'
+import { cardDefaults } from './cards'
+import { inputDefaults } from './inputs'
+import { listDefaults } from './lists'
+
+type DefaultsConfig = NonNullable<VuetifyOptions['defaults']>
+
+function mergeDefaults (...sources: DefaultsConfig[]): DefaultsConfig {
+  const result: Record<string, unknown> = { global: { ...globalDefaults } }
+  for (const src of sources) {
+    if (!src) continue
+    const srcObj = src as Record<string, unknown>
+    if (srcObj.global && typeof srcObj.global === 'object') {
+      result.global = { ...(result.global as Record<string, unknown>), ...srcObj.global }
+    }
+    for (const key of Object.keys(srcObj)) {
+      if (key === 'global') continue
+      const existing = result[key] as Record<string, unknown> | undefined
+      const incoming = srcObj[key] as Record<string, unknown> | undefined
+      result[key] = existing && incoming ? { ...existing, ...incoming } : (incoming ?? existing)
+    }
+  }
+  return result as DefaultsConfig
+}
+
+export const defaults: DefaultsConfig = mergeDefaults(
+  { global: globalDefaults },
+  buttonDefaults,
+  cardDefaults,
+  inputDefaults,
+  listDefaults,
+)
+
+export { globalDefaults } from './global'
+export { buttonDefaults } from './buttons'
+export { cardDefaults } from './cards'
+export { inputDefaults } from './inputs'
+export { listDefaults } from './lists'

package/dist/assets/plugins/vuetifies/defaults/inputs.ts

@@ -0,0 +1,42 @@
+/**
+ * iNET Design System — Vuetify defaults cho form inputs:
+ * VTextField, VTextarea, VSelect, VAutocomplete, VCheckbox, VRadioGroup, VSwitch.
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const inputDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VTextField: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VTextarea: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VSelect: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VAutocomplete: {
+    variant: 'outlined',
+    density: 'default',
+    hideDetails: 'auto',
+    rounded: 'lg',
+  },
+  VCheckbox: {
+    hideDetails: true,
+  },
+  VRadioGroup: {
+    hideDetails: 'auto',
+  },
+  VSwitch: {
+    hideDetails: true,
+  },
+}

package/dist/assets/plugins/vuetifies/defaults/lists.ts

@@ -0,0 +1,17 @@
+/**
+ * iNET Design System — Vuetify defaults cho Lists (VList, VListItem, VListGroup).
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const listDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VList: {
+    density: 'default',
+  },
+  VListItem: {
+    density: 'default',
+  },
+  VListGroup: {
+    density: 'default',
+  },
+}

package/dist/assets/plugins/vuetifies/theme-base.ts

@@ -0,0 +1,34 @@
+/**
+ * iNET Design System - Vuetify Theme Configuration
+ * Extended theme using design tokens as single source of truth
+ */
+
+import { colorTokens } from '@/tokens/design-tokens'
+
+/**
+ * Base theme colors shared between light and dark themes
+ * All colors are derived from design tokens.
+ * Semantic on-colors (on-success, on-warning) are overridden in v-light/v-dark from inet-design-tokens for WCAG AA contrast on tinted surfaces.
+ */
+const themeBase: Record<string, string> = {
+  // Brand colors
+  primary: colorTokens.brand.primary,
+  secondary: colorTokens.brand.secondary,
+  accent: colorTokens.brand.accent,
+
+  // Semantic colors
+  success: colorTokens.semantic.success,
+  warning: colorTokens.semantic.warning,
+  error: colorTokens.semantic.error,
+  info: colorTokens.semantic.info,
+
+  // On-colors (text on colored backgrounds)
+  'on-primary': colorTokens.neutral[0],
+  'on-secondary': colorTokens.neutral[0],
+  'on-success': colorTokens.neutral[950],
+  'on-warning': colorTokens.neutral[950],
+  'on-error': colorTokens.neutral[0],
+  'on-info': colorTokens.neutral[0],
+} as const
+
+export default themeBase

package/dist/assets/plugins/vuetifies/v-dark.ts

@@ -0,0 +1,38 @@
+/**
+ * iNET Design System - Vuetify Dark Theme
+ * Dark theme configuration using design tokens
+ */
+
+import type { ThemeDefinition } from 'vuetify'
+import ThemeBase from './theme-base.ts'
+import { colorTokens } from '@/tokens/design-tokens'
+import { shapeTokens } from '@/tokens/design-tokens'
+import inetDesignTokens from '@/tokens/inet-design-tokens'
+
+const DarkTheme: ThemeDefinition = {
+  dark: true,
+  colors: {
+    ...ThemeBase,
+    background: colorTokens.surface.background,
+    surface: colorTokens.surface.card,
+    'surface-variant': colorTokens.surface.elevated,
+    'surface-bright': colorTokens.neutral[700],
+    'surface-light': colorTokens.neutral[800],
+    'on-background': colorTokens.text.primary,
+    'on-surface': colorTokens.text.primary,
+    'on-surface-variant': colorTokens.text.secondary,
+    'on-success': inetDesignTokens.colors.success?.dark?.text ?? colorTokens.neutral[0],
+    'on-warning': inetDesignTokens.colors.warning?.dark?.text ?? colorTokens.neutral[0],
+    outline: colorTokens.border.default,
+    'outline-variant': colorTokens.border.subtle,
+  },
+  variables: {
+    'border-opacity': 0.2,
+    'high-emphasis-opacity': 0.87,
+    'medium-emphasis-opacity': 0.60,
+    'disabled-opacity': 0.38,
+    'border-radius-root': shapeTokens.borderRadius.base,
+  },
+}
+
+export default DarkTheme

package/dist/assets/plugins/vuetifies/v-light.ts

@@ -0,0 +1,41 @@
+/**
+ * iNET Design System - Vuetify Light Theme
+ * Light theme configuration using design tokens
+ */
+
+import type { ThemeDefinition } from 'vuetify'
+import ThemeBase from './theme-base.ts'
+import { colorTokens } from '@/tokens/design-tokens'
+import { shapeTokens } from '@/tokens/design-tokens'
+import inetDesignTokens from '@/tokens/inet-design-tokens'
+
+const LightTheme: ThemeDefinition = {
+  dark: false,
+  colors: {
+    ...ThemeBase,
+    // Surface colors for light theme (tokens only)
+    background: colorTokens.neutral[50],
+    surface: colorTokens.neutral[0],
+    'surface-variant': colorTokens.neutral[100],
+    'surface-bright': colorTokens.neutral[0],
+    'surface-light': colorTokens.neutral[50],
+    'on-background': colorTokens.neutral[900],
+    'on-surface': colorTokens.neutral[900],
+    'on-surface-variant': colorTokens.neutral[600],
+    'on-success': inetDesignTokens.colors.success?.light?.text ?? colorTokens.neutral[950],
+    'on-warning': inetDesignTokens.colors.warning?.light?.text ?? colorTokens.neutral[950],
+    outline: colorTokens.neutral[300],
+    'outline-variant': colorTokens.neutral[200],
+    secondary: colorTokens.neutral[600],
+    accent: colorTokens.brand.accent,
+  },
+  variables: {
+    'border-opacity': 0.12,
+    'high-emphasis-opacity': 0.87,
+    'medium-emphasis-opacity': 0.60,
+    'disabled-opacity': 0.38,
+    'border-radius-root': shapeTokens.borderRadius.base,
+  },
+}
+
+export default LightTheme

package/dist/assets/plugins/vuetify-defaults/buttons.ts

@@ -0,0 +1,15 @@
+/**
+ * iNET Design System — Vuetify defaults cho Buttons (VBtn).
+ * Đồng bộ với design tokens (shape, elevation); variant/color dùng theme.
+ */
+
+import type { VuetifyOptions } from 'vuetify'
+
+export const buttonDefaults: NonNullable<VuetifyOptions['defaults']> = {
+  VBtn: {
+    variant: 'elevated',
+    elevation: 1,
+    rounded: 'lg',
+    size: 'default',
+  },
+}