@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/ACCESSIBILITY.md

@@ -19,7 +19,7 @@ ITD Design System, **WCAG 2.1 AA** standartlarına uygun olarak geliştirilmişt
 Tüm ITD form bileşenleri aşağıdaki WCAG standartlarını karşılar:
 
 | Component | HTML Element | ARIA Attributes | Screen Reader | Keyboard | WCAG Level |
-|-----------|--------------|-----------------|---------------|----------|------------|
+| --------- | ------------ | --------------- | ------------- | -------- | ---------- |
 | Input     | `<input>`    | ✅ Full         | ✅ Full       | ✅ Full  | AA         |
 | Textarea  | `<textarea>` | ✅ Full         | ✅ Full       | ✅ Full  | AA         |
 | Checkbox  | `<input>`    | ✅ Full         | ✅ Full       | ✅ Full  | AA         |
@@ -33,15 +33,17 @@ Tüm ITD form bileşenleri aşağıdaki WCAG standartlarını karşılar:
 Her form elementi uygun ARIA attribute'larını içerir:
 
 **Genel (tüm form elementleri):**
+
 ```tsx
 <input
   id="input-123"
-  aria-invalid="true"                    // Error varsa
-  aria-describedby="input-123__error"    // Error mesajına bağlantı
+  aria-invalid="true" // Error varsa
+  aria-describedby="input-123__error" // Error mesajına bağlantı
 />
 ```
 
 **Select (Combobox pattern):**
+
 ```tsx
 <input
   role="combobox"                        // Combo box elementi
@@ -54,12 +56,12 @@ Her form elementi uygun ARIA attribute'larını içerir:
   aria-describedby="select-123__error"   // Error mesajı
 />
 
-<div 
+<div
   id="select-123-listbox"                // ← aria-controls buraya bağlı
   role="listbox"                         // Listbox elementi
   aria-multiselectable="true"            // Multi select mi
 >
-  <div 
+  <div
     id="select-123-option-2"             // ← aria-activedescendant buraya bağlı
     role="option"                        // Option elementi
     aria-selected="true"                 // Seçili mi
@@ -71,6 +73,7 @@ Her form elementi uygun ARIA attribute'larını içerir:
 ```
 
 **Screen Reader deneyimi:**
+
 1. Tab → "Combo box, collapsed, type to filter"
 2. Enter → "Expanded, listbox with 5 options"
 3. Arrow Down → "Seçenek 1, option 1 of 5"
@@ -88,7 +91,7 @@ ITD, WCAG'ın önerdiği **dual announcement** pattern'ini kullanır:
 </ErrorTooltip>
 
 // 2. Hidden Announcement (screen reader kullanıcıları için)
-<p 
+<p
   id="input-123__error"
   role="alert"
   aria-live="assertive"
@@ -99,6 +102,7 @@ ITD, WCAG'ın önerdiği **dual announcement** pattern'ini kullanır:
 ```
 
 **Avantajlar:**
+
 - 👁️ Görsel kullanıcılar → Hover'da tooltip görür
 - 🔊 Screen reader → Error anında bildirim alır
 - 🎯 Duplicate announcement yok
@@ -109,18 +113,19 @@ ITD, WCAG'ın önerdiği **dual announcement** pattern'ini kullanır:
 
 ### Genel Klavye Desteği
 
-| Tuş | Davranış |
-|-----|----------|
-| `Tab` | Sonraki focusable elemente git |
-| `Shift + Tab` | Önceki focusable elemente git |
-| `Enter` | Button/Link aktive et, Form submit |
-| `Space` | Button/Checkbox/Switch aktive et |
-| `Escape` | Modal/Dropdown kapat |
-| `Arrow Keys` | Select/DatePicker navigasyonu |
+| Tuş           | Davranış                           |
+| ------------- | ---------------------------------- |
+| `Tab`         | Sonraki focusable elemente git     |
+| `Shift + Tab` | Önceki focusable elemente git      |
+| `Enter`       | Button/Link aktive et, Form submit |
+| `Space`       | Button/Checkbox/Switch aktive et   |
+| `Escape`      | Modal/Dropdown kapat               |
+| `Arrow Keys`  | Select/DatePicker navigasyonu      |
 
 ### Component-Specific
 
 **Select:**
+
 - `Arrow Down/Up` → Dropdown açar/seçenekler arası geçiş
 - `Enter` → Seçim yapar, dropdown kapatır
 - `Escape` → Dropdown kapatır
@@ -143,13 +148,13 @@ ITD Select, [WAI-ARIA Combobox pattern](https://www.w3.org/WAI/ARIA/apg/patterns
 />
 
 // Dropdown (Listbox)
-<div 
+<div
   id="select-id-listbox"                 // Input'tan referans ediliyor
   role="listbox"                         // Listbox elementi
   aria-multiselectable="true"            // Multi-select desteği
 >
   // Options
-  <div 
+  <div
     id="select-id-option-2"              // aria-activedescendant buraya işaret edebilir
     role="option"                        // Option elementi
     aria-selected="true"                 // Seçili mi
@@ -162,27 +167,29 @@ ITD Select, [WAI-ARIA Combobox pattern](https://www.w3.org/WAI/ARIA/apg/patterns
 
 **Radix UI Select ile karşılaştırma:**
 
-| ARIA Attribute | Radix UI | ITD | Notlar |
-|----------------|----------|-----|--------|
-| `role="combobox"` | ✅ | ✅ | Her ikisi de tam uyumlu |
-| `aria-controls` | ✅ | ✅ | Listbox'a bağlantı |
-| `aria-expanded` | ✅ | ✅ | Açık/kapalı durumu |
-| `aria-haspopup` | ✅ | ✅ | Popup tipi belirtimi |
-| `aria-autocomplete` | ✅ | ✅ | ITD: showSearch prop'una göre |
-| `aria-activedescendant` | ✅ | ✅ | Aktif option tracking |
-| `aria-invalid` | ❌ | ✅ | **ITD avantajı** |
-| `aria-describedby` | ❌ | ✅ | **ITD avantajı** |
-| Error announcement | ❌ | ✅ | **ITD avantajı** |
+| ARIA Attribute          | Radix UI | ITD | Notlar                        |
+| ----------------------- | -------- | --- | ----------------------------- |
+| `role="combobox"`       | ✅       | ✅  | Her ikisi de tam uyumlu       |
+| `aria-controls`         | ✅       | ✅  | Listbox'a bağlantı            |
+| `aria-expanded`         | ✅       | ✅  | Açık/kapalı durumu            |
+| `aria-haspopup`         | ✅       | ✅  | Popup tipi belirtimi          |
+| `aria-autocomplete`     | ✅       | ✅  | ITD: showSearch prop'una göre |
+| `aria-activedescendant` | ✅       | ✅  | Aktif option tracking         |
+| `aria-invalid`          | ❌       | ✅  | **ITD avantajı**              |
+| `aria-describedby`      | ❌       | ✅  | **ITD avantajı**              |
+| Error announcement      | ❌       | ✅  | **ITD avantajı**              |
 
 **Sonuç:** ITD Select, Radix UI ile aynı seviyede ARIA desteği sağlar, hatta error handling konusunda daha kapsamlıdır.
 
 **DatePicker:**
+
 - `Arrow Keys` → Tarih navigasyonu
 - `Home/End` → Ay başı/sonu
 - `Page Up/Down` → Önceki/sonraki ay
 - `Enter` → Tarih seçer
 
 **Modal:**
+
 - `Escape` → Modal kapatır
 - `Tab` → Modal içinde focus trap (dışarı çıkmaz)
 
@@ -211,17 +218,17 @@ pointer-events: none  // Child elementlerde
 
 ### ARIA Roles
 
-| Component | Role | States & Properties |
-|-----------|------|---------------------|
-| Button    | `button` | `aria-disabled`, `aria-pressed` (toggle) |
-| Checkbox  | `checkbox` | `aria-checked`, `aria-invalid`, `aria-describedby` |
-| Switch    | `switch` | `aria-checked`, `aria-invalid`, `aria-describedby` |
-| Radio     | `radio` | `aria-checked`, `aria-invalid` |
-| Select (Input) | `combobox` | `aria-controls`, `aria-expanded`, `aria-haspopup`, `aria-autocomplete`, `aria-activedescendant`, `aria-invalid`, `aria-describedby` |
-| Select (Dropdown) | `listbox` | `aria-multiselectable` |
-| Select (Option) | `option` | `aria-selected`, `aria-disabled` |
-| Modal     | `dialog` | `aria-modal`, `aria-labelledby`, `aria-describedby` |
-| Alert     | `alert` | `aria-live` (implicit) |
+| Component         | Role       | States & Properties                                                                                                                 |
+| ----------------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------- |
+| Button            | `button`   | `aria-disabled`, `aria-pressed` (toggle)                                                                                            |
+| Checkbox          | `checkbox` | `aria-checked`, `aria-invalid`, `aria-describedby`                                                                                  |
+| Switch            | `switch`   | `aria-checked`, `aria-invalid`, `aria-describedby`                                                                                  |
+| Radio             | `radio`    | `aria-checked`, `aria-invalid`                                                                                                      |
+| Select (Input)    | `combobox` | `aria-controls`, `aria-expanded`, `aria-haspopup`, `aria-autocomplete`, `aria-activedescendant`, `aria-invalid`, `aria-describedby` |
+| Select (Dropdown) | `listbox`  | `aria-multiselectable`                                                                                                              |
+| Select (Option)   | `option`   | `aria-selected`, `aria-disabled`                                                                                                    |
+| Modal             | `dialog`   | `aria-modal`, `aria-labelledby`, `aria-describedby`                                                                                 |
+| Alert             | `alert`    | `aria-live` (implicit)                                                                                                              |
 
 ### Live Regions
 
@@ -257,8 +264,8 @@ ITD, **mouse** ve **keyboard** focus'unu ayırır:
 ### Focus Ring Colors
 
 ```css
---itd-ring: oklch(0.62 0.18 250);  /* Light tema */
---itd-ring: oklch(0.72 0.20 250);  /* Dark tema */
+--itd-ring: oklch(0.62 0.18 250); /* Light tema */
+--itd-ring: oklch(0.72 0.2 250); /* Dark tema */
 ```
 
 ### Skip Link
@@ -297,14 +304,14 @@ Klavye kullanıcıları için ana içeriğe atlama linki:
 
 ```css
 /* Light Theme */
---itd-text: oklch(0.35 0.02 250);      /* Kontrast: 11:1 */
+--itd-text: oklch(0.35 0.02 250); /* Kontrast: 11:1 */
 --itd-text-muted: oklch(0.55 0.02 250); /* Kontrast: 5.5:1 */
---itd-border: oklch(0.85 0.01 250);     /* Kontrast: 2.8:1 */
+--itd-border: oklch(0.85 0.01 250); /* Kontrast: 2.8:1 */
 
 /* Dark Theme */
---itd-text: oklch(0.85 0.02 250);      /* Kontrast: 10:1 */
+--itd-text: oklch(0.85 0.02 250); /* Kontrast: 10:1 */
 --itd-text-muted: oklch(0.65 0.02 250); /* Kontrast: 6:1 */
---itd-border: oklch(0.30 0.01 250);     /* Kontrast: 3.5:1 */
+--itd-border: oklch(0.3 0.01 250); /* Kontrast: 3.5:1 */
 ```
 
 ### High Contrast Mode
@@ -339,8 +346,8 @@ Kullanıcının hareket tercihine saygı gösterilir:
 
 ```css
 @media (prefers-reduced-motion: reduce) {
-  .modal-enter-active,
-  .modal-exit-active,
+  .itd-modal-transition-enter-active,
+  .itd-modal-transition-exit-active,
   .itd-select-dropdown-transition-enter-active,
   .itd-select-dropdown-transition-exit-active,
   .datepicker-modal-enter-active,
@@ -469,16 +476,16 @@ Cmd + F5
 ### Otomatik Test Scripti
 
 ```tsx
-import { render } from '@testing-library/react'
-import { axe, toHaveNoViolations } from 'jest-axe'
+import { render } from '@testing-library/react';
+import { axe, toHaveNoViolations } from 'jest-axe';
 
-expect.extend(toHaveNoViolations)
+expect.extend(toHaveNoViolations);
 
 it('should not have accessibility violations', async () => {
-  const { container } = render(<YourComponent />)
-  const results = await axe(container)
-  expect(results).toHaveNoViolations()
-})
+  const { container } = render(<YourComponent />);
+  const results = await axe(container);
+  expect(results).toHaveNoViolations();
+});
 ```
 
 ---
@@ -507,6 +514,7 @@ Accessibility sorunları bulursanız:
 ITD Design System - Accessibility features are part of the core library.
 
 **Standartlar:**
+
 - WCAG 2.1 (W3C)
 - ARIA 1.2 (W3C)
 - Section 508 (US Federal)
@@ -514,4 +522,3 @@ ITD Design System - Accessibility features are part of the core library.
 ---
 
 _Son güncelleme: Kasım 2024_
-

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2024 Inn.Tech LLC
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/MIGRATION.md

@@ -0,0 +1,153 @@
+# Geçiş Kılavuzu — v3 → v4 (beta)
+
+ITD v4, kütüphaneyi `styled-components`'ten **tema-tabanlı CSS** mimarisine taşır ve
+çoğu bileşeni **shadcn tarzı kompozisyona** geçirir. Bu kırıcı (breaking) bir sürümdür.
+Aşağıdaki değişiklikler tüketici (consumer) tarafında kod güncellemesi gerektirir.
+
+Geriye-uyum için bazı eski isimler **`@deprecated` alias** olarak korunmuştur (aşağıda
+işaretli). Bunlar beta süresince çalışır, **stable öncesi kaldırılacaktır** — fırsat
+buldukça yeni isimlere geçin.
+
+---
+
+## 1. CSS kurulumu artık zorunlu
+
+Stiller artık runtime'da `styled-components` ile enjekte edilmiyor; tek bir global CSS
+dosyası içe aktarılmalıdır:
+
+```diff
++ import '@inntechcorp/it-design/dist/global.css';
+  import { Button, Alert } from '@inntechcorp/it-design';
+```
+
+Ayrıntı ve a-la-carte (`dist/css/*.css`) kullanımı için README'deki "CSS entry
+points" bölümüne bakın. Tema (renk skalası, light/dark) için `ITDThemeProvider` /
+`defineITDConfig`.
+
+---
+
+## 2. Kaldırılan bileşenler
+
+| Kaldırılan                                                         | Yerine                       | Not                                                                 |
+| ------------------------------------------------------------------ | ---------------------------- | ------------------------------------------------------------------- |
+| `Notification` (+ `NotificationContextType`, `NotificationsProps`) | `Toaster` + `toast` (sonner) | Drop-in değil — API farklı                                          |
+| `Collapse`                                                         | `Accordion`                  | Drop-in değil                                                       |
+| `InlineSelect`                                                     | —                            | **Karşılığı yok.** İhtiyaç varsa `Select` ile çözün veya issue açın |
+| `Status` (+ `StatusProps`, `StatusVariant`)                        | —                            | **Karşılığı yok.** `Badge`/`Alert` değerlendirin                    |
+
+```diff
+- import { Notification } from '@inntechcorp/it-design';
+- Notification.success('Kaydedildi');
++ import { toast } from '@inntechcorp/it-design';
++ // <Toaster /> zaten ITDProvider içinde mount edilir; kendi Toaster'ınızı EKLEMEYİN
++ toast.success('Kaydedildi');
+```
+
+---
+
+## 3. Kompozisyona geçen bileşenler
+
+### Tabs — tek bileşen → kompozisyon
+
+```diff
+- import { Tabs } from '@inntechcorp/it-design';
+- <Tabs tabs={[{ title: 'A', content: <A/> }]} />
++ import { Tabs, TabsList, TabsTrigger, TabsContent } from '@inntechcorp/it-design';
++ <Tabs defaultValue="a">
++   <TabsList><TabsTrigger value="a">A</TabsTrigger></TabsList>
++   <TabsContent value="a"><A/></TabsContent>
++ </Tabs>
+```
+
+> Eski `tabs` prop'u tipte kalmış olsa da **yok sayılır** (derlemede sessiz).
+
+### Card — default export → adlandırılmış alt bileşenler
+
+```diff
+- import Card from '@inntechcorp/it-design';
+- <Card title="Başlık" extra={<X/>}>...</Card>
++ import { Card, CardHeader, CardTitle, CardAction, CardContent } from '@inntechcorp/it-design';
++ <Card>
++   <CardHeader><CardTitle>Başlık</CardTitle><CardAction><X/></CardAction></CardHeader>
++   <CardContent>...</CardContent>
++ </Card>
+```
+
+> Eski `title`/`extra`/`tabs` prop'ları **yok sayılır** (derlemede sessiz).
+
+### Radio — namespace → adlandırılmış export
+
+```diff
+- import { Radio } from '@inntechcorp/it-design';
+- <Radio.Group onChange={fn}><Radio.Button value="a">A</Radio.Button></Radio.Group>
++ import { RadioGroup, RadioGroupItem } from '@inntechcorp/it-design';
++ <RadioGroup onValueChange={fn}><RadioGroupItem value="a">A</RadioGroupItem></RadioGroup>
+```
+
+- `onChange` → **`onValueChange`**.
+- `disabled` (grup ve öğe seviyesi) **v4'te geri getirildi**: `<RadioGroup disabled>` ve
+  `<RadioGroupItem disabled>` yeniden desteklenir.
+
+---
+
+## 4. Yeniden adlandırılan / kaldırılan export'lar
+
+| Eski                                                   | Yeni                                                           | Geriye-uyum                                                                      |
+| ------------------------------------------------------ | -------------------------------------------------------------- | -------------------------------------------------------------------------------- |
+| `resources`                                            | `locales`                                                      | ✅ `resources` `@deprecated` alias olarak korundu                                |
+| `ComponentPositions` (enum)                            | `ComponentXPositions` + `ComponentYPositions`                  | ✅ `ComponentPositions` `@deprecated` alias (X eksenine işaret eder: left/right) |
+| `AlertSize` (tip)                                      | —                                                              | ⚠️ kaldırıldı — Alert artık `size` almaz (hiçbir boyda farklı render etmiyordu); tip importunu silin |
+| `SelectVariant` / `SelectDirection` / `SelectPosition` | `ITDVariant` / `ITDHorizontalPosition` / `ITDVerticalPosition` | ⚠️ alias yok — tip importlarını güncelleyin (değer kullanımı uyumlu)             |
+| `RadioButtonProps` / `RadioType` / `Direction`         | `RadioGroupProps` / `RadioGroupItemProps`                      | ⚠️ alias yok                                                                     |
+
+> `AlertType` ek olarak `'neutral'` değerini kazandı (geriye uyumlu).
+
+---
+
+## 5. Select — kaldırılan prop'lar
+
+`suffix` (chevron öncesi slot) ve `floating` (floating-label) **kaldırıldı**.
+Bunlara hâlâ ihtiyacınız varsa kendi sarmalayıcınızla çözün veya issue açın; jenerik
+`variant`/`size`/pozisyon değerleri (string union) eskiyle uyumludur, yalnızca **tip
+importları** değişti (bkz. tablo §4).
+
+---
+
+## 6. Modal — hook-first API
+
+`ModalManager` namespace'i `@deprecated`. Yeni hook tabanlı API'yi kullanın:
+
+```diff
+- import { ModalManager } from '@inntechcorp/it-design';
++ import { useModal, useModalContent } from '@inntechcorp/it-design';
+```
+
+Promise tabanlı `confirm()` / `alert()` yardımcıları `useModal()` üzerinden gelir.
+
+---
+
+## 7. `displayName` ön-eki
+
+Bileşen `displayName`'lerinden `ITD-` ön-eki kaldırıldı (ör. snapshot testleri veya
+`displayName`'e göre filtreleyen kodlar etkilenebilir).
+
+---
+
+## 8. `useITD().brokenImage` kaldırıldı
+
+`brokenImage` ve `changeBrokenImage` context API'si kaldırıldı. Bu API
+v3.1.5'ten beri zaten hiçbir şey yapmıyordu: Image bileşeni kendi kırık
+görsel durumunu kendisi çizer (yerleşik ikon + `brokenWidth`/`brokenHeight`
+prop'ları) ve context'teki değeri okuyan hiçbir kod kalmamıştı. Site
+temalı bir kırık görsel gerekiyorsa Image'in kendi prop'ları kullanılmalı.
+
+---
+
+## Özet: deprecated alias'lar (beta süresince çalışır)
+
+- `resources` → `locales`
+- `ComponentPositions` → `ComponentXPositions` / `ComponentYPositions`
+- `AlertSize` → kaldırıldı (Alert’ın `size` prop’u ile birlikte)
+
+Bu alias'lar derleme uyarısı üretmez ancak IDE'de `@deprecated` olarak işaretlidir ve
+**stable sürümden önce kaldırılacaktır**.