@moontra/moonui 6.9.0 → 6.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui",
-  "version": "6.9.0",
+  "version": "6.10.0",
   "description": "Premium React component library with modern design and customization",
   "author": "MoonUI",
   "license": "MIT",

package/src/components/ui/__tests__/checkbox.test.tsx

@@ -84,13 +84,13 @@ describe('Checkbox Components', () => {
       it('renders md size correctly', () => {
         render(<Checkbox size="md" data-testid="checkbox" />)
         const checkbox = screen.getByTestId('checkbox')
-        expect(checkbox).toHaveClass('h-5', 'w-5')
+        expect(checkbox).toHaveClass('h-4', 'w-4')
       })
 
       it('renders lg size correctly', () => {
         render(<Checkbox size="lg" data-testid="checkbox" />)
         const checkbox = screen.getByTestId('checkbox')
-        expect(checkbox).toHaveClass('h-6', 'w-6')
+        expect(checkbox).toHaveClass('h-5', 'w-5')
       })
 
       it('uses default size as default', () => {
@@ -538,7 +538,7 @@ describe('Checkbox Components', () => {
       
       const checkbox = screen.getByTestId('checkbox')
       expect(checkbox).toHaveClass('bg-transparent')
-      expect(checkbox).toHaveClass('h-6', 'w-6')
+      expect(checkbox).toHaveClass('h-5', 'w-5')
       expect(checkbox).toHaveClass('rounded-full')
       expect(checkbox).toHaveClass('transition-all')
       expect(checkbox).toHaveClass('custom-class')

package/src/components/ui/__tests__/collapsible.test.tsx

@@ -197,7 +197,7 @@ describe('Collapsible Components', () => {
       )
 
       const trigger = screen.getByTestId('trigger')
-      expect(trigger).toHaveClass('text-base')
+      expect(trigger).toHaveClass('text-sm')
     })
 
     it('renders lg size correctly', () => {
@@ -211,7 +211,7 @@ describe('Collapsible Components', () => {
       )
 
       const trigger = screen.getByTestId('trigger')
-      expect(trigger).toHaveClass('text-lg')
+      expect(trigger).toHaveClass('text-base')
     })
 
     it('renders chevron icon', () => {
@@ -382,7 +382,7 @@ describe('Collapsible Components', () => {
       )
 
       const content = screen.getByTestId('content')
-      expect(content).toHaveClass('text-base')
+      expect(content).toHaveClass('text-sm')
     })
 
     it('renders lg size correctly', () => {
@@ -396,7 +396,7 @@ describe('Collapsible Components', () => {
       )
 
       const content = screen.getByTestId('content')
-      expect(content).toHaveClass('text-lg')
+      expect(content).toHaveClass('text-base')
     })
 
     it('renders content wrapper with padding', () => {
@@ -438,7 +438,7 @@ describe('Collapsible Components', () => {
     it('collapsibleContentVariants generates correct classes', () => {
       expect(collapsibleContentVariants()).toContain('overflow-hidden transition-all')
       expect(collapsibleContentVariants({ variant: 'outline' })).toContain('border')
-      expect(collapsibleContentVariants({ size: 'lg' })).toContain('text-lg')
+      expect(collapsibleContentVariants({ size: 'lg' })).toContain('text-base')
     })
   })
 

package/src/components/ui/__tests__/dialog.test.tsx

@@ -252,7 +252,7 @@ describe('Dialog Components', () => {
         </Dialog>
       )
       
-      expect(screen.getByTestId('content')).toHaveClass('max-w-2xl p-7')
+      expect(screen.getByTestId('content')).toHaveClass('max-w-lg p-6')
     })
 
     it('renders different radius variants', () => {
@@ -685,7 +685,7 @@ describe('Dialog Components', () => {
       const content = screen.getByTestId('dialog-content')
       expect(content).toHaveClass('custom-dialog')
       expect(content).toHaveClass('border-primary/20 dark:border-primary/30')
-      expect(content).toHaveClass('max-w-2xl p-7')
+      expect(content).toHaveClass('max-w-lg p-6')
       expect(content).toHaveClass('rounded-2xl')
       expect(content).toHaveClass('top-[5%]')
       expect(screen.getByTestId('dialog-title')).toHaveTextContent('Advanced Dialog')

package/src/components/ui/__tests__/progress.test.tsx

@@ -122,19 +122,19 @@ describe('Progress Component', () => {
     it('renders md size correctly', () => {
       render(<Progress size="md" />)
       const progress = screen.getByRole('progressbar')
-      expect(progress).toHaveClass('h-2.5')
+      expect(progress).toHaveClass('h-2')
     })
 
     it('renders lg size correctly', () => {
       render(<Progress size="lg" />)
       const progress = screen.getByRole('progressbar')
-      expect(progress).toHaveClass('h-3')
+      expect(progress).toHaveClass('h-2.5')
     })
 
     it('renders xl size correctly', () => {
       render(<Progress size="xl" />)
       const progress = screen.getByRole('progressbar')
-      expect(progress).toHaveClass('h-4')
+      expect(progress).toHaveClass('h-3')
     })
   })
 
@@ -327,7 +327,7 @@ describe('Progress Component', () => {
       
       const progress = screen.getByRole('progressbar')
       expect(progress).toHaveClass('bg-success/20')
-      expect(progress).toHaveClass('h-3')
+      expect(progress).toHaveClass('h-2.5')
       expect(progress).toHaveClass('rounded-sm')
       expect(progress).toHaveClass('[&>div]:duration-300')
       

package/src/components/ui/__tests__/radio-group.test.tsx

@@ -199,7 +199,7 @@ describe('RadioGroup Components', () => {
       )
       
       const label = screen.getByDisplayValue('test').nextElementSibling
-      expect(label).toHaveClass('h-5', 'w-5')
+      expect(label).toHaveClass('h-4', 'w-4')
     })
 
     it('renders lg size correctly', () => {
@@ -210,7 +210,7 @@ describe('RadioGroup Components', () => {
       )
       
       const label = screen.getByDisplayValue('test').nextElementSibling
-      expect(label).toHaveClass('h-6', 'w-6')
+      expect(label).toHaveClass('h-5', 'w-5')
     })
 
     it('renders custom indicator when checked', () => {
@@ -466,8 +466,8 @@ describe('RadioGroup Components', () => {
       const filledItem = screen.getByDisplayValue('filled').nextElementSibling
       
       expect(defaultItem).toHaveClass('h-3.5', 'w-3.5', 'border-border', 'bg-background')
-      expect(outlineItem).toHaveClass('h-5', 'w-5', 'border-border', 'bg-transparent')
-      expect(filledItem).toHaveClass('h-6', 'w-6', 'border-primary', 'bg-primary/10')
+      expect(outlineItem).toHaveClass('h-4', 'w-4', 'border-border', 'bg-transparent')
+      expect(filledItem).toHaveClass('h-5', 'w-5', 'border-primary', 'bg-primary/10')
     })
 
     it('handles name attribute for form submission', () => {

package/src/components/ui/__tests__/size-scale-convention.test.ts

@@ -0,0 +1,189 @@
+/**
+ * #319 — `size` skalası konvansiyon bekçisi (free paket).
+ *
+ * Bu test bir component'i değil, **kütüphane genelindeki API tutarlılığını** koruyor.
+ * Denetim öncesi durum: 80 `size` varyant haritası, **23 farklı skala**; orta basamak kimi
+ * yerde `default`, kimi yerde `md`, **17 haritada İKİSİ BİRDEN ayrı basamak** olarak. Sonuç:
+ * `size="md"` bazı component'lerde çalışıyor, bazılarında sessizce varsayılana düşüyordu; ve
+ * `default` ile `md` **farklı** şeyler üretiyordu (ör. checkbox 16px vs 20px).
+ *
+ * Kanonik karar: `xs · sm · md · lg · xl · 2xl · 3xl · 4xl · 5xl`.
+ * `default` bir AD değil, bir varsayılan-işaretidir → CVA'da yeri `defaultVariants`.
+ * Geri uyum için `default` anahtarı **saf alias** olarak korunuyor (en az bir minor sürüm).
+ *
+ * Yeni bir component eklerken bu testin kırılması, skalanın sapmaya başladığı anlamına gelir.
+ */
+import * as fs from 'fs'
+import * as path from 'path'
+
+/** Sıralı boyut basamakları — kanonik skala. */
+const CANONICAL_STEPS = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl']
+
+/**
+ * Boyut basamağı OLMAYAN, ama `size` ekseninde meşru olan özel değerler.
+ * Bunlar bir ölçek üzerinde yer tutmaz; ayrı bir davranış seçer.
+ */
+const SPECIAL_VALUES = ['icon', 'full', 'fullscreen', 'auto', 'responsive']
+
+/** Geriye dönük uyum için korunan, kaldırılması planlanan alias. */
+const DEPRECATED_ALIAS = 'default'
+
+const ALLOWED = new Set([...CANONICAL_STEPS, ...SPECIAL_VALUES, DEPRECATED_ALIAS])
+
+interface SizeMap {
+  file: string
+  line: number
+  entries: Array<[string, string]>
+  defaultVariant: string | null
+}
+
+function collectSizeMaps(root: string): SizeMap[] {
+  const files: string[] = []
+  ;(function walk(dir: string) {
+    for (const e of fs.readdirSync(dir, { withFileTypes: true })) {
+      const p = path.join(dir, e.name)
+      if (e.isDirectory()) {
+        if (!/node_modules|__tests__|dist/.test(p)) walk(p)
+      } else if (/\.tsx?$/.test(e.name) && !/\.stories\./.test(e.name)) {
+        files.push(p)
+      }
+    }
+  })(root)
+
+  const maps: SizeMap[] = []
+  for (const f of files) {
+    const src = fs.readFileSync(f, 'utf8')
+    const re = /\bsize:\s*\{/g
+    let m: RegExpExecArray | null
+    while ((m = re.exec(src))) {
+      // dengeli parantezle bloğu çıkar
+      let i = src.indexOf('{', m.index)
+      let depth = 0
+      let end = i
+      for (; end < src.length; end++) {
+        if (src[end] === '{') depth++
+        else if (src[end] === '}') {
+          depth--
+          if (depth === 0) break
+        }
+      }
+      const body = src.slice(i + 1, end)
+      const entries = [
+        ...body.matchAll(/\n[ \t]*(["']?)([A-Za-z0-9_]+)\1[ \t]*:[ \t]*(["'])([\s\S]*?)\3/g),
+      ].map((x) => [x[2], x[4].replace(/\s+/g, ' ').trim()] as [string, string])
+      if (!entries.length) {
+        re.lastIndex = end
+        continue
+      }
+      const dvBlock = src.slice(end).match(/defaultVariants:\s*\{([^}]*)\}/)
+      const dv = dvBlock?.[1].match(/\bsize\s*:\s*["']([^"']+)["']/)?.[1] ?? null
+      maps.push({
+        file: path.relative(process.cwd(), f),
+        line: src.slice(0, m.index).split('\n').length,
+        entries,
+        defaultVariant: dv,
+      })
+      re.lastIndex = end
+    }
+  }
+  return maps
+}
+
+const SRC_ROOT = path.resolve(__dirname, '../../..')
+const maps = collectSizeMaps(SRC_ROOT)
+
+describe('#319 size skalası konvansiyonu (free)', () => {
+  it('taranacak size haritası buldu (tarayıcının kendisi sessizce boşa düşmesin)', () => {
+    // Bu koruma olmadan, regex bozulduğunda tüm testler "0 harita" ile YEŞİL geçerdi.
+    expect(maps.length).toBeGreaterThan(20)
+  })
+
+  it('her size anahtarı kanonik sözlükte', () => {
+    const sapmalar = maps.flatMap((m) =>
+      m.entries
+        .map(([k]) => k)
+        .filter((k) => !ALLOWED.has(k))
+        .map((k) => `${m.file}:${m.line} → "${k}"`)
+    )
+    expect(sapmalar).toEqual([])
+  })
+
+  it('`default` yalnız SAF ALIAS olarak var — başka bir basamakla aynı değeri taşır', () => {
+    const ihlaller = maps
+      .filter((m) => m.entries.some(([k]) => k === DEPRECATED_ALIAS))
+      .filter((m) => {
+        const val = m.entries.find(([k]) => k === DEPRECATED_ALIAS)![1]
+        // aynı değeri taşıyan, `default` olmayan en az bir anahtar bulunmalı
+        return !m.entries.some(([k, v]) => k !== DEPRECATED_ALIAS && v === val)
+      })
+      .map((m) => `${m.file}:${m.line}`)
+    expect(ihlaller).toEqual([])
+  })
+
+  it('`defaultVariants.size` kanonik bir ada işaret eder, `default`a DEĞİL', () => {
+    const ihlaller = maps
+      .filter((m) => m.defaultVariant === DEPRECATED_ALIAS)
+      .map((m) => `${m.file}:${m.line}`)
+    expect(ihlaller).toEqual([])
+  })
+
+  /**
+   * Denetimin asıl bulgusu buydu: `default` ile `md` **ayrı basamaklar** olduğu için
+   * `size="default"` ve `size="md"` farklı şeyler üretiyordu (checkbox 16px vs 20px).
+   *
+   * Kural `default === md` DEĞİL — dialog'da `md` (max-w-md) varsayılandan küçüktü, orada
+   * `default` bilerek `lg`ye eşlendi. Doğru ve daha güçlü kural: `default`, component'in
+   * gerçekten varsayılan olarak ürettiği şeyin alias'ı olmalı. Böylece `size="default"`
+   * yazan tüketici, prop hiç vermemiş gibi bir sonuç alır.
+   */
+  it('`default`, `defaultVariants`ın işaret ettiği basamakla AYNI değeri üretir', () => {
+    const ihlaller = maps
+      .filter((m) => m.entries.some(([k]) => k === DEPRECATED_ALIAS))
+      .filter((m) => {
+        const aliasVal = m.entries.find(([k]) => k === DEPRECATED_ALIAS)![1]
+        const dvVal = m.entries.find(([k]) => k === m.defaultVariant)?.[1]
+        return dvVal === undefined || aliasVal !== dvVal
+      })
+      .map((m) => `${m.file}:${m.line} (default→"${m.defaultVariant}")`)
+    expect(ihlaller).toEqual([])
+  })
+
+  /**
+   * CVA DIŞI kaçış yolu. `AdvancedColorPicker` (pro) `size`'ı bir cva varyantı değil, elle
+   * yazılmış bir TS union + `sizeClasses` sözlüğü olarak tutuyordu — bu yüzden hem otomatik
+   * migrasyondan hem de yukarıdaki cva tabanlı kurallardan KAÇTI ve `"sm" | "default" | "lg"`
+   * olarak kaldı. Docs senkronu sırasında yakalandı; bu kural o boşluğu kapatır.
+   */
+  it('elle yazılmış `size?:` union tipleri de kanonik skalayı kullanır', () => {
+    const files: string[] = []
+    ;(function walk(dir: string) {
+      for (const e of fs.readdirSync(dir, { withFileTypes: true })) {
+        const p = path.join(dir, e.name)
+        if (e.isDirectory()) {
+          if (!/node_modules|__tests__|dist/.test(p)) walk(p)
+        } else if (/\.tsx?$/.test(e.name) && !/\.stories\./.test(e.name)) files.push(p)
+      }
+    })(SRC_ROOT)
+
+    const ihlaller: string[] = []
+    for (const f of files) {
+      const src = fs.readFileSync(f, 'utf8')
+      for (const m of src.matchAll(/\bsize\??\s*:\s*((?:"[a-zA-Z0-9_]+"\s*\|\s*)+"[a-zA-Z0-9_]+")/g)) {
+        const values = [...m[1].matchAll(/"([a-zA-Z0-9_]+)"/g)].map((x) => x[1])
+        const yer = `${path.relative(process.cwd(), f)}:${src.slice(0, m.index).split('\n').length}`
+
+        // (a) sözlük dışı bir değer
+        const disi = values.filter((v) => !ALLOWED.has(v))
+        if (disi.length) ihlaller.push(`${yer} → sözlük dışı: ${disi.join(', ')}`)
+
+        // (b) `default` ALIAS'tır: kanonik adın YERİNE geçemez, yanında durur.
+        //     `"sm" | "default" | "lg"` gibi bir union `md`yi hiç sunmadığı için ihlaldir —
+        //     color-picker tam olarak bu şekilde migrasyondan kaçmıştı.
+        if (values.includes(DEPRECATED_ALIAS) && !values.includes('md')) {
+          ihlaller.push(`${yer} → \`default\` var ama kanonik \`md\` YOK`)
+        }
+      }
+    }
+    expect(ihlaller).toEqual([])
+  })
+})

package/src/components/ui/__tests__/slider.test.tsx

@@ -53,14 +53,14 @@ describe('Slider Component', () => {
       render(<Slider size="md" data-testid="slider" />)
       
       const sliderContainer = screen.getByTestId('slider').children[0] as HTMLElement
-      expect(sliderContainer).toHaveClass('h-8')
+      expect(sliderContainer).toHaveClass('h-6')
     })
 
     it('renders lg size correctly', () => {
       render(<Slider size="lg" data-testid="slider" />)
       
       const sliderContainer = screen.getByTestId('slider').children[0] as HTMLElement
-      expect(sliderContainer).toHaveClass('h-10')
+      expect(sliderContainer).toHaveClass('h-8')
     })
   })
 
@@ -180,14 +180,14 @@ describe('Slider Component', () => {
       render(<Slider thumbSize="md" data-testid="slider" />)
       
       const thumb = screen.getByRole('slider')
-      expect(thumb).toHaveClass('h-5', 'w-5')
+      expect(thumb).toHaveClass('h-4', 'w-4')
     })
 
     it('renders lg thumb size correctly', () => {
       render(<Slider thumbSize="lg" data-testid="slider" />)
       
       const thumb = screen.getByRole('slider')
-      expect(thumb).toHaveClass('h-6', 'w-6')
+      expect(thumb).toHaveClass('h-5', 'w-5')
     })
   })
 

package/src/components/ui/alert.tsx

@@ -30,9 +30,11 @@ const alertVariants = cva(
             },
             size: {
                 sm: "py-2 text-xs",
-                default: "py-3 text-sm",
+                md: "py-3 text-sm",
                 lg: "py-4 text-base",
-            },
+                /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+                default: "py-3 text-sm",
+              },
             radius: {
                 none: "rounded-none",
                 sm: "rounded-sm",
@@ -46,7 +48,7 @@ const alertVariants = cva(
         },
         defaultVariants: {
             variant: "default",
-            size: "default",
+            size: "md",
             radius: "default",
             withClose: false,
         },

package/src/components/ui/avatar.tsx

@@ -11,13 +11,14 @@ const avatarVariants = cva(
   {
     variants: {
       size: {
-        default: "h-10 w-10",
         xs: "h-6 w-6",
         sm: "h-8 w-8",
         md: "h-10 w-10",
         lg: "h-12 w-12",
         xl: "h-16 w-16",
         "2xl": "h-20 w-20",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+        default: "h-10 w-10",
       },
       radius: {
         default: "rounded-full",
@@ -34,7 +35,7 @@ const avatarVariants = cva(
       }
     },
     defaultVariants: {
-      size: "default",
+      size: "md",
       radius: "default",
       variant: "default"
     },

package/src/components/ui/breadcrumb.tsx

@@ -17,14 +17,16 @@ const breadcrumbVariants = cva(
         ghost: "text-foreground/60 transition-colors",
       },
       size: {
-        default: "text-sm",
+        md: "text-sm",
         sm: "text-xs",
         lg: "text-base",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+        default: "text-sm",
       },
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "md",
     },
   }
 );

package/src/components/ui/card.tsx

@@ -35,10 +35,12 @@ const cardVariants = cva(
         glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-gray-700/30 dark:bg-gray-800/10",
       },
       size: {
-        default: "",
+        md: "",
         sm: "",
         lg: "",
         xl: "",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+        default: "",
       },
       radius: {
         default: "rounded-lg",
@@ -54,7 +56,7 @@ const cardVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "md",
       radius: "default",
     },
   }

package/src/components/ui/checkbox.tsx

@@ -26,9 +26,11 @@ const checkboxVariants = cva(
       },
       size: {
         sm: "h-3.5 w-3.5",
+        md: "h-4 w-4",
+        lg: "h-5 w-5",
+        xl: "h-6 w-6",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
         default: "h-4 w-4",
-        md: "h-5 w-5",
-        lg: "h-6 w-6",
       },
       radius: {
         none: "rounded-none",
@@ -46,7 +48,7 @@ const checkboxVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "md",
       radius: "default",
       animation: "default",
     },

package/src/components/ui/collapsible.tsx

@@ -27,14 +27,16 @@ const collapsibleTriggerVariants = cva(
       },
       size: {
         sm: "text-xs py-2 px-3",
+        md: "text-sm py-3 px-4",
+        lg: "text-base py-4 px-4",
+        xl: "text-lg py-5 px-5",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
         default: "text-sm py-3 px-4",
-        md: "text-base py-4 px-4",
-        lg: "text-lg py-5 px-5",
       },
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "md",
     },
   }
 )
@@ -85,14 +87,16 @@ const collapsibleContentVariants = cva(
       },
       size: {
         sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base",
+        xl: "text-lg",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
         default: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
       },
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "md",
     },
   }
 )

package/src/components/ui/color-picker.tsx

@@ -27,10 +27,12 @@ const colorPickerVariants = cva(
   {
     variants: {
       size: {
-        default: "h-10 w-10",
+        md: "h-10 w-10",
         sm: "h-8 w-8",
         lg: "h-12 w-12",
         xl: "h-16 w-16",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+        default: "h-10 w-10",
       },
       shape: {
         square: "rounded-md",
@@ -39,7 +41,7 @@ const colorPickerVariants = cva(
       },
     },
     defaultVariants: {
-      size: "default",
+      size: "md",
       shape: "square",
     },
   }
@@ -563,7 +565,8 @@ export interface SimpleColorPickerProps {
   onChange?: (color: string) => void;
   colors?: string[];
   className?: string;
-  size?: "sm" | "default" | "lg";
+  /** #319: kanonik skala; `default` `md`nin deprecated alias'ıdır. */
+  size?: "sm" | "md" | "lg" | "default";
 }
 
 export function SimpleColorPicker({
@@ -571,12 +574,15 @@ export function SimpleColorPicker({
   onChange,
   colors = defaultPresets.slice(0, 10),
   className,
-  size = "default",
+  // #319: varsayılan kanonik ada çekildi (aynı CSS: h-8 w-8)
+  size = "md",
 }: SimpleColorPickerProps) {
   const sizeClasses = {
     sm: "h-6 w-6",
-    default: "h-8 w-8",
+    md: "h-8 w-8",
     lg: "h-10 w-10",
+    /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+    default: "h-8 w-8",
   };
 
   return (

package/src/components/ui/command.tsx

@@ -26,13 +26,15 @@ const commandVariants = cva(
       },
       size: {
         sm: "min-h-[200px]",
-        default: "min-h-[300px]",
+        md: "min-h-[300px]",
         lg: "min-h-[400px]",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+        default: "min-h-[300px]",
       },
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "md",
     },
   }
 )

package/src/components/ui/date-picker.tsx

@@ -36,10 +36,12 @@ const datePickerVariants = cva(
         ghost: "hover:bg-accent hover:text-accent-foreground",
       },
       size: {
-        default: "h-10 px-4 py-2",
+        md: "h-10 px-4 py-2",
         sm: "h-8 px-3 text-sm",
         lg: "h-12 px-6 text-base",
         icon: "h-10 w-10",
+        /** @deprecated `md` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+        default: "h-10 px-4 py-2",
       },
       state: {
         default: "",
@@ -50,7 +52,7 @@ const datePickerVariants = cva(
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
+      size: "md",
       state: "default",
     },
   }

package/src/components/ui/dialog.tsx

@@ -73,12 +73,14 @@ const dialogContentVariants = cva(
             size: {
                 xs: "max-w-xs p-4",
                 sm: "max-w-sm p-5",
-                default: "max-w-lg p-6",
+                lg: "max-w-lg p-6",
                 md: "max-w-md p-6",
-                lg: "max-w-2xl p-7",
-                xl: "max-w-4xl p-8",
+                xl: "max-w-2xl p-7",
+                "2xl": "max-w-4xl p-8",
                 full: "max-w-[95vw] max-h-[95vh] p-6",
-            },
+                /** @deprecated `lg` kullanın — #319 kanonik skala; aynı çıktıyı üretir. */
+                default: "max-w-lg p-6",
+              },
             radius: {
                 none: "rounded-none",
                 sm: "rounded-md",
@@ -103,7 +105,7 @@ const dialogContentVariants = cva(
         },
         defaultVariants: {
             variant: "default",
-            size: "default",
+            size: "lg",
             radius: "default",
             animation: "default",
             position: "default",