@inntechcorp/it-design 3.1.24 → 4.0.0-beta.10

package/CHANGELOG.md

@@ -0,0 +1,257 @@
+# Changelog
+
+What changed between two builds, without reading git log. The log starts at
+`4.0.0-beta.3`; earlier v4 history lives in git and [MIGRATION.md](MIGRATION.md)
+carries the v3 to v4 story. Convention from here on: every version bump adds
+its entry at the top, grouped as **Breaking / Added / Fixed**, one line per
+change, written for the consumer (what they see, not which file moved).
+
+## 4.0.0-beta.10 (2026-09-03)
+
+### Added
+
+- **Every site block's link rides the router seam.** Footer (socials, store
+  badges, seal logos), MobileBottomNav tabs, MegaMenu rows and the Header's
+  profile-menu rows (which ignored `href` and rendered buttons) now render
+  through ITDLink, so a wired router adapter handles plain clicks - no more
+  site-side click shims. The anchors' own class/target/aria-current output
+  is unchanged; rows without an href render today's button/anchor.
+- **ITDLink treats external URLs as the browser's**: a scheme'd or
+  protocol-relative `to` gets no adapter href mapping, no host Link, no
+  interception and no active match (an adapter could previously pushState
+  "https://..."). `_blank` links get `rel="noopener"` unless a rel is given.
+- **MegaMenu `loading`/`skeletonCount`** (default ten card-shaped rows, like
+  MobileBottomNav's), `MegaMenuLink`/entry `label` widened to ReactNode, and
+  `target`/`rel` on rows.
+
+### Fixed
+
+- MegaMenu drawer: a closed drawer forgets which accordions were opened -
+  the state lives above the unmounted subtree, so it now resets when the
+  exit animation finishes (production's old unmount semantics).
+
+## 4.0.0-beta.9 (2026-09-03)
+
+### Added
+
+- **MegaMenu drawer mode**: a controlled `open` prop mounts production's
+  full-screen frame - the fixed scroll-container wrapper (its `::before` is
+  the backdrop wash), the right-to-left slide (0.25s, production easings,
+  travel as a CSS var), scroll lock in the menu's own realm, Escape close
+  (`onOpenChange`/`closeOnEscape`), and a top offset that clears the mobile
+  header plus the announcement bar and RIDES its scroll-away
+  (`--itd-mobile-header-h` + the announcement vars). `open` unset renders
+  today's bare nav byte-identically. Group entries gain `label`/`icon`: a
+  named group draws production's STATIC `open-group` head over always-visible
+  items (a named-and-collapsible group stays the `accordion` kind).
+- **Header user surface**: `HeaderUser.avatar` (tri-state: unset keeps
+  today's stand-in art; a URL renders the photo with bar + popover falling
+  to the DefaultAvatar silhouette TOGETHER on load error; `null` opts into
+  the silhouette outright), `HeaderUser.currency` (threads into `Amount`;
+  unset keeps the TRY default), `HeaderUser.balanceLoading` (a
+  width-reserved skeleton in the balance slot, no eye toggle - production's
+  pre-fetch window), `logoHref` (the logo becomes a real ITDLink: native
+  middle/modifier clicks, client-side navigation only with a router
+  adapter), and `HeaderNavItem.target`/`rel` - nav rows render through
+  ITDLink for app paths while scheme'd/protocol-relative URLs stay plain
+  anchors (never handed to the adapter) with `noopener` auto-added on
+  `_blank`.
+
+### Fixed
+
+- The `blocks/mega-menu` type stub shipped broken in beta.7/beta.8: the
+  stub generator's regex swallowed the two barrel statements between two
+  block exports, leaking `AnnouncementBar` re-exports (with unresolvable
+  paths) and a phantom `default` into it - subpath imports of mega-menu
+  type-errored while the runtime ESM stayed correct. The parse is now
+  brace-bounded, the generator refuses unparseable specs, and pack-smoke
+  compiles ALL 38 stubs instead of sampling two.
+
+## 4.0.0-beta.8 (2026-09-02)
+
+### Added
+
+- The site-theme contract is public API: the `SitePreset` type,
+  `resolveSitePresetOverrides`, `validateSitePreset`, and `EXAMPLE_SITE`
+  (the tuned, regression-locked classic navy palette a migrating site
+  adopts as its default preset) all export from the barrel.
+- The `multipleOf` form validator actually ships: `MULTIPLE_OF` enum
+  member, step check (zero/negatives refused), optional `currency` on the
+  rule for the stock message, en/tr locale strings. Ported from v3.1.22 -
+  the beta.4 notes listed it by mistake; it had never left the v3 line.
+
+### Docs
+
+- THEMING.md consumer pitfall: old postcss-calc/cssnano print a harmless
+  "Lexical error" flood on `global.css`'s OKLCH channel math when Vite runs
+  package CSS through the consumer's postcss config - upgrade to cssnano 9 /
+  postcss-calc 11, or set `preset: ['default', { calc: false }]`.
+
+## 4.0.0-beta.7 (2026-09-02)
+
+### Added
+
+- Per-block subpath exports: `@inntechcorp/it-design/blocks/<name>` now
+  resolves (types + ESM + CJS) for all 38 blocks, so sites keep per-block
+  lazy chunks instead of pulling the barrel. Raw `dist/es/...` paths remain
+  unexported. Subpath types are generated stubs that re-export from the
+  bundled `index.d.ts` - identical types, no duplication.
+- The auth blocks joined the public API: `LoginPanel`, `SignupPanel`
+  (+ `stepOf`/`deriveSteps`), `CompletionPanel`, `AuthPage` (+
+  `ForceChangePassword`, `ResetPassword`, `EmailVerification`) and their
+  prop/text types export from the barrel and from `./blocks/*` subpaths.
+
+### Added (site marker parity)
+
+- The missing `inn-*` markers came back (contract rule 2): back-to-top's
+  container, the game-box empty-tile skeleton pair, the slider slide
+  spinner (platform-flavored, on the page-composed Banner slides), the
+  mobile mega-menu group/item/icon/sub-item set, the slider slide-number,
+  and the hub's `inn-statistics-summary`. GameBox gains `emptyArt` (the
+  site's per-category placeholder art URL) drawing the
+  `inn-(mobile-)image-box-empty-image` layer in the skeleton tile and over
+  a loading/broken art box. The seven `inn-(mobile-)user-enter-*` markers
+  live in site-composed hub slot content and stay on the site side.
+- Legacy tenant-CSS aliases: the site's un-prefixed stable class names now
+  ride alongside the `itd-*` ones - 44 `tournament-*` names in the
+  tournaments block, `header-separator`/`header-menu-list`/
+  `header-menu-item` in the header, and the `winners-*` set in the
+  casino-featured winners box. Tenant custom CSS written against the old
+  names keeps working through the v4 swap.
+
+### Changed
+
+- SignupPanel: a `readonly` field now renders its REAL control disabled
+  (a locked Select showing the value, a locked Input otherwise) instead of
+  the label-value fact row; `.itd-signup-fact` is gone. Submit payloads are
+  unchanged. The step/section title wears the shell's title treatment
+  (16px semibold with breathing room) and hints inside signup align left.
+
+## 4.0.0-beta.6 (2026-09-02)
+
+### Breaking
+
+- `lucide-react` resolves at `^1.39.0` (was `^0.562.0`, the dead-ended final
+  0.x). Every icon name the library ships survives in 1.x, including the
+  deprecated aliases; apps importing `lucide-react` directly should bump to
+  `^1` to dedupe, and lucide 1.x dropped ALL brand icons (Facebook/Instagram/
+  Twitter/Github/...) permanently - see MIGRATION.md section 10.
+
+### Fixed
+
+- Publish/build log noise silenced: the postcss-calc "Lexical error" flood
+  (the plugin could not parse OKLCH channel math and folded nothing) and the
+  bundler's "use client" directive warnings are gone; caniuse-lite refreshed.
+
+### Internal
+
+- Dependency refresh: consumers' install shrinks (`react-nanny` removed -
+  it was never imported), and the toolchain moves up - cssnano 9 (native
+  relative-color understanding), postcss-import 17 / postcss-nesting 14 /
+  postcss-preset-env 11, storybook 10.5, vitest 4.1.11, playwright 1.62,
+  jsdom 30, jest-dom 7, i18next 26 + react-i18next 17, rollup 4.63,
+  rollup-plugin-typescript2 0.37 (defuses the picomatch 2.3.2 glob break),
+  rollup-plugin-dts 6.5. Deliberately NOT taken: Babel 8, Vite 8 and
+  TypeScript 7 (ecosystem support for our build chain is not there yet).
+  Unused devDeps dropped: rollup-plugin-styles, tslib, postcss-calc,
+  postcss-custom-properties, @storybook/builder-vite,
+  @testing-library/user-event, eslint-plugin-storybook (+ the orphan
+  .eslintrc.json and the stale jackspeak resolution pin).
+
+## 4.0.0-beta.5 (2026-09-02)
+
+### Added
+
+- **CompletionPanel**: the forced post-login step (login-method migration's
+  front door). Eyebrow chip, hint, site-composed fields inside the panel's
+  form, and the grace/forced split: skip + deadline while `skippable`, the
+  forced sentence after.
+- **HubSecurity**: the hub's Sign-in & security screen - its own Ayarlar
+  tab with identity/method rows, state badges and one action per row; the
+  list wears the hub row surface via `--itd-hub-security-bg` (falls back to
+  `--site-hub-security-bg`, then the shared balance-row token).
+- **SignupPanel**: the registration ENGINE from the auth design canvas. The
+  panel takes the brand's field table (name/kind/required/step/options,
+  readonly facts, collapsed reveals, password confirm twins, the
+  auto-suggested nickname) and derives the screens itself: identity →
+  verify → credentials → profile, rendered as one form (`layout="single"`),
+  one step at a time (`layout="steps"`, site-controlled `step` with chip
+  progress), or with the code inside the form
+  (`verificationTiming="in_form"` - cells unlock when required fields are
+  filled and the code rides the payload). Wears the login shell.
+- **LoginPanel v2** (the auth design canvas, additively): multi-identity
+  tabs (`identifiers` + per-identifier labels/placeholders), alternate
+  methods under an OR divider (`alternates`/`onAlternate`), the magic-link
+  waiting room (`step="link-sent"`), a passkey variant (`variant="passkey"`),
+  the password-fallback identity row (allow_password + `username` shows
+  the identifier as a fact with a change action), and the create-account
+  footer (`newHere`/`createAccount`/`onCreateAccount`) on the screens a new
+  visitor can land on. Sites passing yesterday's props render yesterday's
+  panel.
+
+### Fixed
+
+- Opening a standalone Sheet no longer jumps a scrolled page to the top.
+  Every sheet now runs non-modal and holds the library's own scroll lock
+  (root `overflowY: hidden` + gutter compensation) instead of Vaul's
+  body `position: fixed`; the sheet also traps its own focus, on both the
+  standalone and embedded paths.
+
+## 4.0.0-beta.4 (2026-08-18)
+
+### Breaking
+
+- The stock DARK theme now seeds from the Neutral preset (true grey), matching
+  light. It was Slate (blue-tinted) by accident of history; pass
+  `surfaceBase` with the Slate preset value to keep the old look.
+- `useITD().brokenImage` / `changeBrokenImage` removed. Dead since v3.1.5;
+  Image renders its own broken state (`brokenWidth`/`brokenHeight`).
+
+### Added
+
+- **LineChart**: themed chart layer over recharts. Series colors come from
+  `--itd-chart-series-*` tokens (semantic fallbacks: primary/success/error/
+  neutral), grid/ticks/tooltip/legend are DS surfaces, tokens are read
+  realm-aware from the chart's own document. `formatTooltipTitle(value, row)`
+  formats the tooltip title separately from the axis tick (falls back to
+  `formatXTick`). `mobile="expand"` swaps the chart for a tappable POSTER
+  on touch devices (dimmed preview + centered "open chart" button); tapping
+  opens a fullscreen fake-landscape viewer (CSS-rotated while portrait, with
+  a self-fading "rotate your phone" coach mark) panned by native horizontal
+  scroll, closed top-right - a pure view: filters and range pickers stay on
+  the page.
+- **StatCard**: the back-office summary box. Amount value with count-up,
+  trend arrows or a custom glyph, info Popover (desktop) / bottom Sheet
+  (touch), multi-value mode where the labels switch the value, widths
+  reserved up front so the counter never resizes the box. Info popover width
+  overridable via `--itd-stat-card-info-max-width`.
+- **Table sorting**: `sortable` on table/columns, controlled or uncontrolled
+  `sort`, client and `server` modes, locale-aware natural comparison, 3-state
+  cycle (asc / desc / off), `sortValue`/`sorter` escape hatches.
+- **Table expansion**: rows identified by stable paths, controlled
+  `expandedKeys`, `loading` (spinner keeps rows in place, `inert` below) and
+  `emptyContent`, horizontal scroll with a keyboard-reachable scroller.
+- **Badge override tokens**: `--itd-badge-text`, `--itd-badge-font-weight`
+  (the code-input instance-override pattern).
+- `accentHeader` on Table; `overflow` on Tabs; `multipleOf` form validator.
+- **COMPONENTS.md** (export to file to one-sentence index) and a THEMING.md
+  "Consumer pitfalls" section.
+
+### Fixed
+
+- dist `.d.ts` no longer collapses 11 optional props to `undefined` (the
+  ghost "string is not assignable to undefined" consumer errors) - a paths
+  mapping poisoned declaration emit; pack-smoke now guards the bundle.
+- `locked` no longer leaks to the DOM from Form.Control/Form.Item injection
+  (the React warning every form logged once per page).
+- Alert keeps ALL loose children: interpolations like `Count: {n}` no longer
+  lose everything after the first text node, `{0}` renders, and an element
+  inside running text is content, not the icon.
+- Inputs no longer lock up when `autoComplete` is unset; jackpot strip
+  arrows and fade restored; button padding ramp rejoined the size scale
+  (8/12/12/16/16/20); dead token scale removed.
+- Global `a:hover` underline removed - the underline belongs to the link
+  variant. Table headers read as text at one type step below their cells.
+- StatCard: currency values weigh semibold like the row; the selected
+  multi-mode label uses the theme's selected-item ink (brighter than hover
+  on dark).

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,181 @@
+# 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ı.
+
+---
+
+## 9. Beta içi not: stok DARK tema artık nötr
+
+`4.0.0-beta.4` itibarıyla tohum verilmeyen dark tema **Neutral** preset'inden
+(saf gri) türer; önceki betalarda Slate (mavi tintli) idi. Light zaten nötrdü,
+iki mod artık simetrik. Eski lacivert karakteri isteyen tüketici bunu açıkça
+seçer:
+
+```tsx
+<ITDProvider theme="dark" surfaceBase="oklch(0.44 0.04 260)" /* Slate */ >
+```
+
+---
+
+## 10. Beta içi not: `lucide-react` artık `^1`
+
+`4.0.0-beta.6` itibarıyla it-design, `lucide-react`'i `^1.39.0` aralığında
+çözer (önceki betalar `^0.562.0` idi; 0.x hattı kapandı, npm `latest` 1.x).
+Kullandığımız tüm ikon adları ve deprecated alias'lar (`AlertTriangle`,
+`XCircle`, `CheckCircle2` gibi) 1.x'te aynen mevcut; kütüphane tarafında
+kırılma yok.
+
+Uygulaması ayrıca kendi ikonları için doğrudan `lucide-react` import eden
+tüketiciler iki şeye dikkat etmeli:
+
+- Tekilleştirme için uygulamadaki `lucide-react` da `^1`'e çekilmeli;
+  aksi halde node_modules'a ikinci bir kopya iner.
+- lucide 1.x marka ikonlarını kaldırdı (`Facebook`, `Instagram`, `Twitter`,
+  `Github`, `Slack` vb.) ve bir daha eklemeyecek. Marka ikonu gereken yerde
+  Simple Icons veya markanın resmi SVG'si kullanılmalı.
+
+- `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**.