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

package/MIGRATION.md

@@ -0,0 +1,166 @@
+# 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 */ >
+```
+
+---
+
+## Ö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**.

package/README.md

@@ -1,114 +1,279 @@
 # ITD Design System
 
-> Modern, accessible, and composable React component library
+> Modern, erişilebilir ve kompozisyona dayalı React bileşen kütüphanesi
 
 [![Version](https://img.shields.io/npm/v/@inntechcorp/it-design)](https://www.npmjs.com/package/@inntechcorp/it-design)
-[![License](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](http://www.apache.org/licenses/LICENSE-2.0)
+[![License](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](./LICENSE)
 [![WCAG 2.1 AA](https://img.shields.io/badge/WCAG-2.1%20AA-green.svg)](https://www.w3.org/WAI/WCAG21/quickref/)
 
-**ITD Design System** - Inn.Tech websites için geliştirilmiş, production-ready UI component library.
+**ITD Design System**, Inn.Tech sitelerinin ve panellerinin arkasındaki üretim UI
+kütüphanesidir: iki tohumdan türeyen OKLCH tema motoru (light/dark), shadcn tarzı
+kompozisyon, WCAG 2.1 AA erişilebilirlik, iframe/panel gömmelerinde doğru çalışan
+realm-aware overlay'ler, site blokları (slider, oyun vitrinleri, footer, user hub,
+sayfa editörü) ve panel bileşenleri (StatCard, Table, Charts).
 
-## ✨ Features
+v3'ten mi geliyorsunuz? [MIGRATION.md](./MIGRATION.md) ve aşağıdaki
+"V4'e Geçiş Süreci" bölümüne bakın.
 
-- 🎨 **Modern Design** - OKLCH color space, smooth transitions
-- ♿ **Accessibility First** - WCAG 2.1 AA compliant, WAI-ARIA Combobox pattern
-- 🔊 **Screen Reader** - Full NVDA, JAWS, VoiceOver support
-- ⌨️ **Keyboard Navigation** - Safari compatible, focus management
-- 🎯 **TypeScript** - Full type safety
-- 🌙 **Dark Mode** - Built-in theme support with `prefers-color-scheme`
-- 📦 **Modular CSS** - Import only what you need (reset, base, components, utilities)
-- 🚀 **Performance** - Optimized bundles, tree-shakeable, Lighthouse 100
-- 🌍 **i18n Ready** - TR/EN locales included
+## Sürümler
 
-## 🎯 Highlights
+| npm tag  | Sürüm         | Kim için                                            |
+| -------- | ------------- | --------------------------------------------------- |
+| `latest` | `3.1.x`       | Mevcut v3 siteleri (bakım modunda)                   |
+| `next`   | `4.0.0-beta.x`| Aktif geliştirme hattı: tüm yeni bileşenler burada   |
 
-- **WAI-ARIA Combobox Pattern** - Industry-standard Select implementation
-- **Radix UI Level Accessibility** - Comparable ARIA support with enhanced error handling
-- **Safari Keyboard Navigation** - Special fixes for Safari tab navigation
-- **Dual Error Announcement** - Visual tooltip + screen reader live region
-- **Focus Management** - Mouse vs keyboard detection, `:focus-visible` strategy
-- **Forced Colors Mode** - Windows High Contrast support
-- **Reduced Motion** - Respects `prefers-reduced-motion` preference
+İki build arasında ne değiştiğini [CHANGELOG.md](./CHANGELOG.md) anlatır
+(her sürümde Breaking / Added / Fixed olarak).
 
-## 📚 Documentation
+## Gereksinimler
 
-- [Accessibility Guide](./ACCESSIBILITY.md) - WCAG compliance, keyboard navigation, screen reader support
-- [CSS Guide](./lib/GLOBAL-CSS-README.md) - Modular CSS, design tokens, utilities
-- [Storybook](http://localhost:6006) - Component playground (run `yarn storybook`)
+- **React 19.1+** ve **react-dom 19.1+** (peer dependency)
+- **i18next** ve **react-i18next** (peer dependency; form doğrulama mesajları
+  bir kez kaydettiğiniz i18next namespace'inden gelir, bkz. Hızlı Başlangıç 3. adım)
 
-## 📦 Installation
+npm 7+ peer dependency'leri kendisi kurar. Yarn 1 kullanıyorsanız elle ekleyin.
+
+## Kurulum
 
 ```bash
-# npm
-npm install @inntechcorp/it-design styled-components
+# v4 beta (onerilen: yeni projeler ve panel)
+npm install @inntechcorp/it-design@next
 
-# yarn
-yarn add @inntechcorp/it-design styled-components
+# v3 (mevcut siteler)
+npm install @inntechcorp/it-design
 
-# pnpm
-pnpm add @inntechcorp/it-design styled-components
+# yarn (peer'lari elle ekleyin)
+yarn add @inntechcorp/it-design@next react react-dom i18next react-i18next
 ```
 
-## 🚀 Quick Start
+## Hızlı Başlangıç
+
+**1. Stylesheet'i uygulama kökünde bir kez import edin.** Runtime'da stil
+enjeksiyonu yoktur; bu adımı atlarsanız her bileşen stilsiz render olur.
 
 ```tsx
-import { ITDProvider, Button, Input, Card } from '@inntechcorp/it-design'
-import '@inntechcorp/it-design/dist/global.css'
+import '@inntechcorp/it-design/global.css';
+```
+
+**2. Uygulamayı `ITDProvider` ile sarın.** Toast (`Toaster`) ve modal provider'ı
+kendisi mount eder, kendinizinkini eklemeyin.
+
+```tsx
+import { ITDProvider } from '@inntechcorp/it-design';
 
 function App() {
   return (
-    <ITDProvider theme="light" language="tr">
-      <Card>
-        <Input placeholder="Enter text..." />
-        <Button variant="filled">Submit</Button>
-      </Card>
+    <ITDProvider theme="dark" language="tr" country="tr">
+      <YourApp />
     </ITDProvider>
-  )
+  );
 }
 ```
 
-## 🎨 Modular CSS
+**3. Herhangi bir `<Form>` render etmeden önce i18next'i başlatın.** Kütüphane
+locale'lerini sizin kaydetmeniz için export eder:
 
-Import only what you need:
+```tsx
+import i18next from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import { locales } from '@inntechcorp/it-design';
+
+i18next.use(initReactI18next).init({
+  lng: 'tr',
+  fallbackLng: 'en',
+  resources: locales, // tr + en, namespace'ler: itd, calendar
+  ns: ['itd', 'calendar'],
+  defaultNS: 'itd',
+  interpolation: { escapeValue: false },
+});
+```
+
+**4. Bileşen kullanın:**
 
 ```tsx
-// Option 1: Full package (recommended)
-import '@inntechcorp/it-design/dist/global.css'
-
-// Option 2: Modular (for Tailwind users)
-import '@inntechcorp/it-design/css/properties.css'
-import '@inntechcorp/it-design/css/reset.css'
-import '@inntechcorp/it-design/css/base.css'
-import '@inntechcorp/it-design/css/components.css'
-// Skip utilities.css if using Tailwind
+import { Button, Input, Card, CardHeader, CardTitle, CardContent } from '@inntechcorp/it-design';
+
+<Card>
+  <CardHeader>
+    <CardTitle>Merhaba</CardTitle>
+  </CardHeader>
+  <CardContent>
+    <Input placeholder="Bir şeyler yazın..." />
+    <Button variant="filled">Kaydet</Button>
+  </CardContent>
+</Card>;
 ```
 
-## 🧩 Components
+## Tema
 
-- **Layout:** Card, Flex, Grid
-- **Forms:** Input, Textarea, Select, Checkbox, Radio, Switch, Upload, DatePicker
-- **Feedback:** Alert, Modal, Notification, Spin, Progress
-- **Navigation:** Button, Tabs, BackTop
-- **Data Display:** Table, Status, Result
+Tüm renk sistemi **iki tohumdan** türer: `surfaceBase` (zemin karakteri) ve
+`primaryBase` (marka rengi). ~130 token OKLCH matematiğiyle üretilir ve
+on-color'lar kontrast ölçümünden geçer.
 
----
+```tsx
+<ITDProvider
+  theme="dark"
+  surfaceBase="oklch(0.44 0.04 260)" // Slate preset'i: lacivert karakter
+  primaryBase="oklch(0.62 0.18 250)" // marka mavisi
+>
+```
 
-## Authors ##
+Bilinmesi gerekenler:
 
-**Inn.Tech
+- **Stok tema her iki modda da nötr gridir.** Renk tonu (slate, midnight, marka
+  laciverti) her zaman bilinçli bir seçimdir, kaza değil. Hazır yüzey
+  preset'leri: `neutral`, `stone`, `gray`, `slate`, `zinc`, `midnight`.
+- **Site pinleri** `customTheme` ile verilir (görünüm başına kesin değerler,
+  `{token}` referansları desteklenir). tweakcn/shadcn temaları
+  `importShadcnTheme` ile içeri alınabilir.
+- **Instance-override token kalıbı:** bileşenlerin bir kısmı, tek instance'ı
+  tema dokunmadan özelleştirmek için dokümante CSS değişkenleri taşır
+  (`--itd-badge-text`, `--itd-stat-card-bg`, `--itd-chart-series-1..4`,
+  `--itd-stat-card-info-max-width` gibi). Her bileşenin token listesi kendi
+  CSS dosyasının başındadır.
+- Yerleşim kuralları ve karar tablosu için:
+  [THEMING.md](./lib/helpers/theme/THEMING.md) (İngilizce).
 
-## Copyright and license ##
+## Yazı Tipleri
 
-Copyright 2024 Inn.Tech LLC.
+Varsayılan `--itd-font-sans` yığını **Geist** ile başlar ama paket `@font-face`
+kuralı taşımaz. Geist'i kendiniz yükleyin (örn. `next/font`) veya değişkeni
+override edin; yoksa sessizce sistem fontuna düşersiniz:
+
+```css
+:root {
+  --itd-font-sans: 'YourFont', ui-sans-serif, system-ui, sans-serif;
+}
+```
+
+## Yönlendirme (Routing)
+
+**Kütüphane router getirmez.** `<Button href>`, `<ALink>`, link sekmeleri ve
+akordeon gerçek anchor render eder; hiçbir şey yapılandırılmazsa tarayıcı
+navigasyonu çalışır (statik site veya Next.js için kurulum gerekmez).
+
+Kendi router'ınızla gezinmek için ITD'ye bir kez adapter verin:
+
+```tsx
+import { useLocation, useNavigate } from 'react-router-dom'; // veya sizinki
+
+function Providers({ children }) {
+  // Router'inizin navigasyonda yeniden render ettigi bir bilesenin ICINDE kurun:
+  // `location` bir deger ve kimligi reaktivite sinyalidir
+  const location = useLocation();
+  const navigate = useNavigate();
+  const router = useMemo(
+    () => ({ location, navigate: (to, o) => navigate(to, o) }),
+    [location, navigate]
+  );
+
+  return <ITDProvider router={router}>{children}</ITDProvider>;
+}
+```
+
+`href` bir uygulama yolunu render edilecek href'e çevirir (basename, locale
+öneki), `Link` ise navigasyonu framework'ün kendi bileşenine (next/link)
+devretmenizi sağlar. Aynı dikiş doğrudan da kullanılabilir: `useITDLocation`,
+`useITDNavigate`, `useITDSearchParams`, `ITDLink`.
+
+## CSS giriş noktaları
+
+```tsx
+// Secenek 1: hepsi (onerilen)
+import '@inntechcorp/it-design/global.css';
+
+// Secenek 2: a la carte
+import '@inntechcorp/it-design/css/properties.css'; // kayitli custom property'ler
+import '@inntechcorp/it-design/css/reset.css'; // reset katmani
+import '@inntechcorp/it-design/css/base.css'; // tasarim token'lari
+import '@inntechcorp/it-design/css/components.css'; // paylasilan gecis siniflari
+import '@inntechcorp/it-design/css/button.css'; // kullandiginiz her bilesen icin bir dosya
+import '@inntechcorp/it-design/css/vendor.css'; // TinyScrollbar + carousel bloklari icin
+import '@inntechcorp/it-design/css/utilities.css'; // opsiyonel; Tailwind varsa atlayin
+```
+
+`components.css` yalnızca paylaşılan geçiş sınıflarını tutar; her bileşenin
+gerçek stilleri kendi dosyasındadır (`button.css`, `input.css`, `select.css`,
+`chart.css`, ...). `global.css` hepsini paketler ve önerilen yoldur. Ayrıntı:
+[Global CSS Kılavuzu](./lib/GLOBAL-CSS-README.md).
+
+## Bileşenler
+
+- **Yerleşim ve yapı:** `Card`, `Flex`, `Separator`, `Tabs`, `Accordion`
+- **Form:** `Form`, `Field`, `Input`, `TextArea`, `Select`, `Checkbox`,
+  `RadioGroup`, `Switch`, `Upload`, `DatePicker`, `RangePicker`, `Calendar`,
+  `CodeInput`, `ColorInput`, `Amount`
+- **Geri bildirim:** `Alert`, `Modal` (`useModal`), `Toaster`/`toast`, `Spin`,
+  `Progress`, `Skeleton`, `Result`, `Badge`
+- **Overlay:** `Tooltip`, `Popover`, `HoverCard`, `DropdownMenu`,
+  `ContextMenu`, `Dialog`, `Sheet`
+- **Veri:** `Table` (sıralama, satır genişletme, loading/empty), `StatCard`
+  (panel özet kutusu), **Charts** (`LineChart`: token'lı seri renkleri,
+  Amount'lu tooltip, `mobile="expand"` ile mobilde tam ekran görüntüleyici),
+  `Avatar`, `Image`, `TinyScrollbar`
+- **Site blokları:** `blocks/` altındaki sayfa bölümleri (slider'lar, oyun
+  vitrinleri, header/footer, user hub, turnuvalar, sayfa editörü köprüsü)
+
+Dokunmatik cihaz davranışları (`hover` kapıları, StatCard'ın alt-sheet'i,
+chart'ın tam ekran görüntüleyicisi) provider'ın işaretlediği `.itd-touch`
+realm'inden okunur; ekstra kurulum gerekmez.
+
+Eksiksiz envanter için: [COMPONENTS.md](./COMPONENTS.md) (İngilizce; export,
+dosya ve tek cümlelik açıklama eşlemesi). Oynamak için: repo'da
+`yarn storybook`.
+
+## V4'e Geçiş Süreci
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this work except in compliance with the License.
-You may obtain a copy of the License in the LICENSE file, or at:
+Durum: v4 aktif geliştirmede ve **`next` tag'inde** yayınlanıyor; `latest` v3
+hattında sabit. Beta süresince deprecated alias'lar çalışır, stable öncesi
+kaldırılır.
 
-  [http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0)
+Önerilen sıra:
+
+1. **Paketi beta'ya çekin:** `npm i @inntechcorp/it-design@next`
+2. **`global.css` import edin** (v4'te zorunlu; runtime stil enjeksiyonu yok).
+3. **[MIGRATION.md](./MIGRATION.md) kırılmalarını uygulayın:** kaldırılan
+   bileşenler (Notification, Collapse), kompozisyona geçenler (Tabs, Card,
+   Radio), yeniden adlandırılan export'lar, Modal hook API'si.
+4. **Tema tohumlarınızı seçin.** Stok tema nötr gridir; v3 sitenizin renk
+   karakterini korumak istiyorsanız `surfaceBase`/`primaryBase` ve gerekiyorsa
+   `customTheme` pinlerini verin.
+5. **Sürüm atlarken [CHANGELOG.md](./CHANGELOG.md) okuyun.** Kırılmalar her
+   girdinin en üstünde işaretlidir.
+
+## Yol Haritası
+
+Stable 4.0.0 öncesi planlananlar:
+
+- **Pagination** bileşeni
+- **Yeni chart tipleri** (Bar, Area) aynı token paleti üzerinde
+- **Table**: satır seçimi, yapışkan başlık gibi kalan CoreDataTable özellikleri
+- **İkon registry'si**: sitelerin ikon setini tek yerden değiştirebilmesi
+- **ToggleGroup** varyantları (default/solid/outline)
+- Deprecated alias'ların kaldırılması ve stable yayın
+
+## Dokümantasyon
+
+Paketle gelenler:
+
+- [MIGRATION.md](./MIGRATION.md): v3'ten v4'e kırılmalar ve karşılıkları
+- [CHANGELOG.md](./CHANGELOG.md): sürümler arası değişiklikler (İngilizce)
+- [ACCESSIBILITY.md](./ACCESSIBILITY.md): WCAG uyumu, klavye navigasyonu,
+  ekran okuyucu desteği
+
+Repo'da olanlar:
+
+- [COMPONENTS.md](./COMPONENTS.md): bileşen envanteri (İngilizce)
+- [THEMING.md](./lib/helpers/theme/THEMING.md): tema yerleşim kuralları ve
+  tüketici tuzakları (İngilizce)
+- [Global CSS Kılavuzu](./lib/GLOBAL-CSS-README.md): modüler CSS, token'lar,
+  utility'ler
+- [Site Blocks Contract](./lib/SITE-BLOCKS-CONTRACT.md): blok, site
+  entegrasyonu ve panel builder sözleşmesi (İngilizce)
+- Storybook: repo'da `yarn storybook`
+
+## Lisans
+
+Copyright 2024 Inn.Tech LLC.
 
-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.
+[Apache License, Version 2.0](./LICENSE) ile lisanslanmıştır.

package/dist/cjs/_bundled/@radix-ui/primitive/dist/index.js

@@ -0,0 +1 @@
+"use strict";exports.composeEventHandlers=function(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),!1===n||!r.defaultPrevented)return t?.(r)}};

package/dist/cjs/_bundled/@radix-ui/react-compose-refs/dist/index.js

@@ -0,0 +1 @@
+"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var t=e(require("react"));function n(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function r(...e){return t=>{let r=!1;const u=e.map(e=>{const u=n(e,t);return r||"function"!=typeof u||(r=!0),u});if(r)return()=>{for(let t=0;t<u.length;t++){const r=u[t];"function"==typeof r?r():n(e[t],null)}}}}exports.composeRefs=r,exports.useComposedRefs=function(...e){return t.useCallback(r(...e),e)};

package/dist/cjs/_bundled/@radix-ui/react-context/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("react/jsx-runtime");function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var n=r(e);function c(...e){const t=e[0];if(1===e.length)return t;const r=()=>{const r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const c=r.reduce((t,{useScope:r,scopeName:n})=>({...t,...r(e)[`__scope${n}`]}),{});return n.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return r.scopeName=t.scopeName,r}exports.createContextScope=function(e,r=[]){let o=[];const s=()=>{const t=o.map(e=>n.createContext(e));return function(r){const c=r?.[e]||t;return n.useMemo(()=>({[`__scope${e}`]:{...r,[e]:c}}),[r,c])}};return s.scopeName=e,[function(r,c){const s=n.createContext(c);s.displayName=r+"Context";const u=o.length;o=[...o,c];const a=r=>{const{scope:c,children:o,...a}=r,i=c?.[e]?.[u]||s,p=n.useMemo(()=>a,Object.values(a));return t.jsx(i.Provider,{value:p,children:o})};return a.displayName=r+"Provider",[a,function(t,o){const a=o?.[e]?.[u]||s,i=n.useContext(a);if(i)return i;if(void 0!==c)return c;throw new Error(`\`${t}\` must be used within \`${r}\``)}]},c(s,...r)]};

package/dist/cjs/_bundled/@radix-ui/react-dialog/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),r=require("../../primitive/dist/index.js"),o=require("../../react-compose-refs/dist/index.js"),t=require("../../react-context/dist/index.js"),n=require("../../react-id/dist/index.js"),s=require("../../react-use-controllable-state/dist/index.js"),i=require("../../react-dismissable-layer/dist/index.js"),a=require("../../react-focus-scope/dist/index.js"),l=require("../../react-portal/dist/index.js"),c=require("../../react-presence/dist/index.js"),u=require("../../react-primitive/dist/index.js"),d=require("../../react-focus-guards/dist/index.js"),p=require("../../../react-remove-scroll/dist/es2015/Combination.js"),f=require("../../../aria-hidden/dist/es2015/index.js"),g=require("../../react-slot/dist/index.js"),x=require("react/jsx-runtime");function D(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,t.get?t:{enumerable:!0,get:function(){return e[o]}})}}),r.default=e,Object.freeze(r)}var v=D(e),m="Dialog",[j]=t.createContextScope(m),[C,O]=j(m),R=e=>{const{__scopeDialog:r,children:o,open:t,defaultOpen:i,onOpenChange:a,modal:l=!0}=e,c=v.useRef(null),u=v.useRef(null),[d,p]=s.useControllableState({prop:t,defaultProp:i??!1,onChange:a,caller:m});return x.jsx(C,{scope:r,triggerRef:c,contentRef:u,contentId:n.useId(),titleId:n.useId(),descriptionId:n.useId(),open:d,onOpenChange:p,onOpenToggle:v.useCallback(()=>p(e=>!e),[p]),modal:l,children:o})};R.displayName=m;var _="DialogTrigger",h=v.forwardRef((e,t)=>{const{__scopeDialog:n,...s}=e,i=O(_,n),a=o.useComposedRefs(t,i.triggerRef);return x.jsx(u.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":U(i.open),...s,ref:a,onClick:r.composeEventHandlers(e.onClick,i.onOpenToggle)})});h.displayName=_;var y="DialogPortal",[b,P]=j(y,{forceMount:void 0}),q=e=>{const{__scopeDialog:r,forceMount:o,children:t,container:n}=e,s=O(y,r);return x.jsx(b,{scope:r,forceMount:o,children:v.Children.map(t,e=>x.jsx(c.Presence,{present:o||s.open,children:x.jsx(l.Portal,{asChild:!0,container:n,children:e})}))})};q.displayName=y;var w="DialogOverlay",F=v.forwardRef((e,r)=>{const o=P(w,e.__scopeDialog),{forceMount:t=o.forceMount,...n}=e,s=O(w,e.__scopeDialog);return s.modal?x.jsx(c.Presence,{present:t||s.open,children:x.jsx(E,{...n,ref:r})}):null});F.displayName=w;var I=g.createSlot("DialogOverlay.RemoveScroll"),E=v.forwardRef((e,r)=>{const{__scopeDialog:t,...n}=e,s=O(w,t),a=i.useDismissableLayerSurface(),l=o.useComposedRefs(r,a);return x.jsx(p.default,{as:I,allowPinchZoom:!0,shards:[s.contentRef],children:x.jsx(u.Primitive.div,{"data-state":U(s.open),...n,ref:l,style:{pointerEvents:"auto",...n.style}})})}),A="DialogContent",M=v.forwardRef((e,r)=>{const o=P(A,e.__scopeDialog),{forceMount:t=o.forceMount,...n}=e,s=O(A,e.__scopeDialog);return x.jsx(c.Presence,{present:t||s.open,children:s.modal?x.jsx(N,{...n,ref:r}):x.jsx(T,{...n,ref:r})})});M.displayName=A;var N=v.forwardRef((e,t)=>{const n=O(A,e.__scopeDialog),s=v.useRef(null),i=o.useComposedRefs(t,n.contentRef,s);return v.useEffect(()=>{const e=s.current;if(e)return f.hideOthers(e)},[]),x.jsx(k,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:n.open,onCloseAutoFocus:r.composeEventHandlers(e.onCloseAutoFocus,e=>{e.preventDefault(),n.triggerRef.current?.focus()}),onPointerDownOutside:r.composeEventHandlers(e.onPointerDownOutside,e=>{const r=e.detail.originalEvent,o=0===r.button&&!0===r.ctrlKey;(2===r.button||o)&&e.preventDefault()}),onFocusOutside:r.composeEventHandlers(e.onFocusOutside,e=>e.preventDefault())})}),T=v.forwardRef((e,r)=>{const o=O(A,e.__scopeDialog),t=v.useRef(!1),n=v.useRef(!1);return x.jsx(k,{...e,ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{e.onCloseAutoFocus?.(r),r.defaultPrevented||(t.current||o.triggerRef.current?.focus(),r.preventDefault()),t.current=!1,n.current=!1},onInteractOutside:r=>{e.onInteractOutside?.(r),r.defaultPrevented||(t.current=!0,"pointerdown"===r.detail.originalEvent.type&&(n.current=!0));const s=r.target,i=o.triggerRef.current?.contains(s);i&&r.preventDefault(),"focusin"===r.detail.originalEvent.type&&n.current&&r.preventDefault()}})}),k=v.forwardRef((e,r)=>{const{__scopeDialog:o,trapFocus:t,onOpenAutoFocus:n,onCloseAutoFocus:s,...l}=e,c=O(A,o);return d.useFocusGuards(),x.jsx(x.Fragment,{children:x.jsx(a.FocusScope,{asChild:!0,loop:!0,trapped:t,onMountAutoFocus:n,onUnmountAutoFocus:s,children:x.jsx(i.DismissableLayer,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":U(c.open),...l,ref:r,deferPointerDownOutside:!0,onDismiss:()=>c.onOpenChange(!1)})})})}),S="DialogTitle",H=v.forwardRef((e,r)=>{const{__scopeDialog:o,...t}=e,n=O(S,o);return x.jsx(u.Primitive.h2,{id:n.titleId,...t,ref:r})});H.displayName=S;var L="DialogDescription",z=v.forwardRef((e,r)=>{const{__scopeDialog:o,...t}=e,n=O(L,o);return x.jsx(u.Primitive.p,{id:n.descriptionId,...t,ref:r})});z.displayName=L;var G="DialogClose",K=v.forwardRef((e,o)=>{const{__scopeDialog:t,...n}=e,s=O(G,t);return x.jsx(u.Primitive.button,{type:"button",...n,ref:o,onClick:r.composeEventHandlers(e.onClick,()=>s.onOpenChange(!1))})});function U(e){return e?"open":"closed"}K.displayName=G,exports.Close=K,exports.Content=M,exports.Description=z,exports.Dialog=R,exports.DialogClose=K,exports.DialogContent=M,exports.DialogDescription=z,exports.DialogOverlay=F,exports.DialogPortal=q,exports.DialogTitle=H,exports.DialogTrigger=h,exports.Overlay=F,exports.Portal=q,exports.Root=R,exports.Title=H,exports.Trigger=h;

package/dist/cjs/_bundled/@radix-ui/react-dismissable-layer/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("../../primitive/dist/index.js"),n=require("../../react-primitive/dist/index.js"),r=require("../../react-compose-refs/dist/index.js"),s=require("../../react-use-callback-ref/dist/index.js"),i=require("../../react-use-escape-keydown/dist/index.js"),o=require("react/jsx-runtime");function u(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var c,a=u(e),d="dismissableLayer.update",l=a.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),f=a.forwardRef((e,s)=>{const{disableOutsidePointerEvents:u=!1,deferPointerDownOutside:f=!1,onEscapeKeyDown:v,onPointerDownOutside:E,onFocusOutside:y,onInteractOutside:w,onDismiss:D,...O}=e,P=a.useContext(l),[h,L]=a.useState(null),C=h?.ownerDocument??globalThis?.document,[,x]=a.useState({}),g=r.useComposedRefs(s,e=>L(e)),R=Array.from(P.layers),[S]=[...P.layersWithOutsidePointerEventsDisabled].slice(-1),j=R.indexOf(S),k=h?R.indexOf(h):-1,W=P.layersWithOutsidePointerEventsDisabled.size>0,q=k>=j,B=a.useRef(!1),T=m(e=>{const t=e.target;if(!(t instanceof Node))return;const n=[...P.branches].some(e=>e.contains(t));q&&!n&&(E?.(e),w?.(e),e.defaultPrevented||D?.())},{ownerDocument:C,deferPointerDownOutside:f,isDeferredPointerDownOutsideRef:B,dismissableSurfaces:P.dismissableSurfaces}),z=b(e=>{if(f&&B.current)return;const t=e.target;[...P.branches].some(e=>e.contains(t))||(y?.(e),w?.(e),e.defaultPrevented||D?.())},C);return i.useEscapeKeydown(e=>{k===P.layers.size-1&&(v?.(e),!e.defaultPrevented&&D&&(e.preventDefault(),D()))},C),a.useEffect(()=>{if(h)return u&&(0===P.layersWithOutsidePointerEventsDisabled.size&&(c=C.body.style.pointerEvents,C.body.style.pointerEvents="none"),P.layersWithOutsidePointerEventsDisabled.add(h)),P.layers.add(h),p(),()=>{u&&(P.layersWithOutsidePointerEventsDisabled.delete(h),0===P.layersWithOutsidePointerEventsDisabled.size&&(C.body.style.pointerEvents=c))}},[h,C,u,P]),a.useEffect(()=>()=>{h&&(P.layers.delete(h),P.layersWithOutsidePointerEventsDisabled.delete(h),p())},[h,P]),a.useEffect(()=>{const e=()=>x({});return document.addEventListener(d,e),()=>document.removeEventListener(d,e)},[]),o.jsx(n.Primitive.div,{...O,ref:g,style:{pointerEvents:W?q?"auto":"none":void 0,...e.style},onFocusCapture:t.composeEventHandlers(e.onFocusCapture,z.onFocusCapture),onBlurCapture:t.composeEventHandlers(e.onBlurCapture,z.onBlurCapture),onPointerDownCapture:t.composeEventHandlers(e.onPointerDownCapture,T.onPointerDownCapture)})});f.displayName="DismissableLayer";var v=a.forwardRef((e,t)=>{const s=a.useContext(l),i=a.useRef(null),u=r.useComposedRefs(t,i);return a.useEffect(()=>{const e=i.current;if(e)return s.branches.add(e),()=>{s.branches.delete(e)}},[s.branches]),o.jsx(n.Primitive.div,{...e,ref:u})});function m(e,t){const{ownerDocument:n=globalThis?.document,deferPointerDownOutside:r=!1,isDeferredPointerDownOutsideRef:i,dismissableSurfaces:o}=t,u=s.useCallbackRef(e),c=a.useRef(!1),d=a.useRef(!1),l=a.useRef(new Map),f=a.useRef(()=>{});return a.useEffect(()=>{function e(){d.current=!1,i.current=!1,l.current.clear()}function t(e){if(!d.current)return;const t=e.target;t instanceof Node&&[...o].some(e=>e.contains(t))||l.current.set(e.type,!0),"click"===e.type&&window.setTimeout(()=>{d.current&&f.current()},0)}function s(e){d.current&&l.current.set(e.type,!1)}const a=t=>{if(t.target&&!c.current){let s=function(){n.removeEventListener("click",f.current);const t=Array.from(l.current.values()).some(Boolean);e(),t||E("dismissableLayer.pointerDownOutside",u,o,{discrete:!0})};const o={originalEvent:t};d.current=!0,i.current=r&&0===t.button,l.current.clear(),r&&0===t.button?(n.removeEventListener("click",f.current),f.current=s,n.addEventListener("click",f.current,{once:!0})):s()}else n.removeEventListener("click",f.current),e();c.current=!1},v=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(const e of v)n.addEventListener(e,t,!0),n.addEventListener(e,s);const m=window.setTimeout(()=>{n.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(m),n.removeEventListener("pointerdown",a),n.removeEventListener("click",f.current);for(const e of v)n.removeEventListener(e,t,!0),n.removeEventListener(e,s)}},[n,u,r,i,o]),{onPointerDownCapture:()=>c.current=!0}}function b(e,t=globalThis?.document){const n=s.useCallbackRef(e),r=a.useRef(!1);return a.useEffect(()=>{const e=e=>{if(e.target&&!r.current){E("dismissableLayer.focusOutside",n,{originalEvent:e},{discrete:!1})}};return t.addEventListener("focusin",e),()=>t.removeEventListener("focusin",e)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function p(){const e=new CustomEvent(d);document.dispatchEvent(e)}function E(e,t,r,{discrete:s}){const i=r.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&i.addEventListener(e,t,{once:!0}),s?n.dispatchDiscreteCustomEvent(i,o):i.dispatchEvent(o)}v.displayName="DismissableLayerBranch",exports.DismissableLayer=f,exports.DismissableLayerBranch=v,exports.useDismissableLayerSurface=function(){const e=a.useContext(l),[t,n]=a.useState(null);return a.useEffect(()=>{if(t)return e.dismissableSurfaces.add(t),()=>{e.dismissableSurfaces.delete(t)}},[t,e.dismissableSurfaces]),n};

package/dist/cjs/_bundled/@radix-ui/react-focus-guards/dist/index.js

@@ -0,0 +1 @@
+"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var t=e(require("react")),n=0,r=null;function o(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}exports.useFocusGuards=function(){t.useEffect(()=>{r||(r={start:o(),end:o()});const{start:e,end:t}=r;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),n++,()=>{1===n&&(r?.start.remove(),r?.end.remove(),r=null),n=Math.max(0,n-1)}},[])};

package/dist/cjs/_bundled/@radix-ui/react-focus-scope/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("../../react-compose-refs/dist/index.js"),n=require("../../react-primitive/dist/index.js"),r=require("../../react-use-callback-ref/dist/index.js"),o=require("react/jsx-runtime");function u(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var c=u(e),s="focusScope.autoFocusOnMount",i="focusScope.autoFocusOnUnmount",a={bubbles:!1,cancelable:!0},d=c.forwardRef((e,u)=>{const{loop:d=!1,trapped:m=!1,onMountAutoFocus:E,onUnmountAutoFocus:b,...y}=e,[h,L]=c.useState(null),T=r.useCallbackRef(E),F=r.useCallbackRef(b),N=c.useRef(null),g=t.useComposedRefs(u,e=>L(e)),O=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(m){let e=function(e){if(O.paused||!h)return;const t=e.target;h.contains(t)?N.current=t:v(N.current,{select:!0})},t=function(e){if(O.paused||!h)return;const t=e.relatedTarget;null!==t&&(h.contains(t)||v(N.current,{select:!0}))},n=function(e){if(document.activeElement===document.body)for(const t of e)t.removedNodes.length>0&&v(h)};document.addEventListener("focusin",e),document.addEventListener("focusout",t);const r=new MutationObserver(n);return h&&r.observe(h,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",e),document.removeEventListener("focusout",t),r.disconnect()}}},[m,h,O.paused]),c.useEffect(()=>{if(h){p.add(O);const t=document.activeElement;if(!h.contains(t)){const n=new CustomEvent(s,a);h.addEventListener(s,T),h.dispatchEvent(n),n.defaultPrevented||(!function(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(v(r,{select:t}),document.activeElement!==n)return}((e=f(h),e.filter(e=>"A"!==e.tagName)),{select:!0}),document.activeElement===t&&v(h))}return()=>{h.removeEventListener(s,T),setTimeout(()=>{const e=new CustomEvent(i,a);h.addEventListener(i,F),h.dispatchEvent(e),e.defaultPrevented||v(t??document.body,{select:!0}),h.removeEventListener(i,F),p.remove(O)},0)}}var e},[h,T,F,O]);const S=c.useCallback(e=>{if(!d&&!m)return;if(O.paused)return;const t="Tab"===e.key&&!e.altKey&&!e.ctrlKey&&!e.metaKey,n=document.activeElement;if(t&&n){const t=e.currentTarget,[r,o]=function(e){const t=f(e),n=l(t,e),r=l(t.reverse(),e);return[n,r]}(t);r&&o?e.shiftKey||n!==o?e.shiftKey&&n===r&&(e.preventDefault(),d&&v(o,{select:!0})):(e.preventDefault(),d&&v(r,{select:!0})):n===t&&e.preventDefault()}},[d,m,O.paused]);return o.jsx(n.Primitive.div,{tabIndex:-1,...y,ref:g,onKeyDown:S})});function f(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function l(e,t){for(const n of e)if(!m(n,{upTo:t}))return n}function m(e,{upTo:t}){if("hidden"===getComputedStyle(e).visibility)return!0;for(;e;){if(void 0!==t&&e===t)return!1;if("none"===getComputedStyle(e).display)return!0;e=e.parentElement}return!1}function v(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&function(e){return e instanceof HTMLInputElement&&"select"in e}(e)&&t&&e.select()}}d.displayName="FocusScope";var p=function(){let e=[];return{add(t){const n=e[0];t!==n&&n?.pause(),e=E(e,t),e.unshift(t)},remove(t){e=E(e,t),e[0]?.resume()}}}();function E(e,t){const n=[...e],r=n.indexOf(t);return-1!==r&&n.splice(r,1),n}exports.FocusScope=d;

package/dist/cjs/_bundled/@radix-ui/react-id/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("../../react-use-layout-effect/dist/index.js");function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var u=r(e),n=u[" useId ".trim().toString()]||(()=>{}),c=0;exports.useId=function(e){const[r,i]=u.useState(n());return t.useLayoutEffect(()=>{i(e=>e??String(c++))},[e]),e||(r?`radix-${r}`:"")};

package/dist/cjs/_bundled/@radix-ui/react-portal/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),r=require("react-dom"),t=require("../../react-primitive/dist/index.js"),i=require("../../react-use-layout-effect/dist/index.js"),a=require("react/jsx-runtime");function c(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var u=c(e),n=c(r),o=u.forwardRef((e,r)=>{const{container:c,...o}=e,[s,f]=u.useState(!1);i.useLayoutEffect(()=>f(!0),[]);const l=c||s&&globalThis?.document?.body;return l?n.createPortal(a.jsx(t.Primitive.div,{...o,ref:r}),l):null});o.displayName="Portal",exports.Portal=o;

package/dist/cjs/_bundled/@radix-ui/react-presence/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),n=require("../../react-use-layout-effect/dist/index.js");function t(e){var n=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),n.default=e,Object.freeze(n)}var r=t(e);var u=e=>{const{present:t,children:u}=e,c=function(e){const[t,u]=r.useState(),o=r.useRef(null),c=r.useRef(e),s=r.useRef("none"),a=e?"mounted":"unmounted",[f,l]=function(e,n){return r.useReducer((e,t)=>n[e][t]??e,e)}(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return r.useEffect(()=>{const e=i(o.current);s.current="mounted"===f?e:"none"},[f]),n.useLayoutEffect(()=>{const n=o.current,t=c.current;if(t!==e){const r=s.current,u=i(n);if(e)l("MOUNT");else if("none"===u||"none"===n?.display)l("UNMOUNT");else{l(t&&r!==u?"ANIMATION_OUT":"UNMOUNT")}c.current=e}},[e,l]),n.useLayoutEffect(()=>{if(t){let e;const n=t.ownerDocument.defaultView??window,r=r=>{const u=i(o.current).includes(CSS.escape(r.animationName));if(r.target===t&&u&&(l("ANIMATION_END"),!c.current)){const r=t.style.animationFillMode;t.style.animationFillMode="forwards",e=n.setTimeout(()=>{"forwards"===t.style.animationFillMode&&(t.style.animationFillMode=r)})}},u=e=>{e.target===t&&(s.current=i(o.current))};return t.addEventListener("animationstart",u),t.addEventListener("animationcancel",r),t.addEventListener("animationend",r),()=>{n.clearTimeout(e),t.removeEventListener("animationstart",u),t.removeEventListener("animationcancel",r),t.removeEventListener("animationend",r)}}l("ANIMATION_END")},[t,l]),{isPresent:["mounted","unmountSuspended"].includes(f),ref:r.useCallback(e=>{o.current=e?getComputedStyle(e):null,u(e)},[])}}(t),s="function"==typeof u?u({present:c.isPresent}):r.Children.only(u),a=function(...e){const n=r.useRef(e);return n.current=e,r.useCallback(e=>{const t=n.current;let r=!1;const u=t.map(n=>{const t=o(n,e);return r||"function"!=typeof t||(r=!0),t});if(r)return()=>{for(let e=0;e<u.length;e++){const n=u[e];"function"==typeof n?n():o(t[e],null)}}},[])}(c.ref,function(e){let n=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,t=n&&"isReactWarning"in n&&n.isReactWarning;if(t)return e.ref;if(n=Object.getOwnPropertyDescriptor(e,"ref")?.get,t=n&&"isReactWarning"in n&&n.isReactWarning,t)return e.props.ref;return e.props.ref||e.ref}(s));return"function"==typeof u||c.isPresent?r.cloneElement(s,{ref:a}):null};function o(e,n){if("function"==typeof e)return e(n);null!=e&&(e.current=n)}function i(e){return e?.animationName||"none"}u.displayName="Presence",exports.Presence=u;

package/dist/cjs/_bundled/@radix-ui/react-primitive/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("react-dom"),r=require("../../react-slot/dist/index.js"),i=require("react/jsx-runtime");function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var c=n(e),u=n(t),a=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{const n=r.createSlot(`Primitive.${t}`),u=c.forwardRef((e,r)=>{const{asChild:c,...u}=e,a=c?n:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),i.jsx(a,{...u,ref:r})});return u.displayName=`Primitive.${t}`,{...e,[t]:u}},{});exports.Primitive=a,exports.dispatchDiscreteCustomEvent=function(e,t){e&&u.flushSync(()=>e.dispatchEvent(t))};

package/dist/cjs/_bundled/@radix-ui/react-slot/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("../../react-compose-refs/dist/index.js");function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var n=r(e);var o=Symbol.for("radix.slottable"),i=(e,t)=>{if("child"in e.props){const t=e.props.child;return n.isValidElement(t)?n.cloneElement(t,void 0,e.props.children(t.props.children)):null}return n.isValidElement(t)?t:null};var l=Symbol.for("react.lazy");function c(e){return null!=e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===l&&"_payload"in e&&("object"==typeof(t=e._payload)&&null!==t&&"then"in t);var t}var a=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,s=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,p=n[" use ".trim().toString()];exports.createSlot=function(e){const r=n.forwardRef((r,l)=>{let{children:f,...d}=r,u=null,y=!1;const h=[];c(f)&&"function"==typeof p&&(f=p(f._payload)),n.Children.forEach(f,e=>{if(t=e,n.isValidElement(t)&&"function"==typeof t.type&&"__radixId"in t.type&&t.type.__radixId===o){y=!0;const t=e;let r="child"in t.props?t.props.child:t.props.children;c(r)&&"function"==typeof p&&(r=p(r._payload)),u=i(t,r),h.push(u?.props?.children)}else h.push(e);var t}),u?u=n.cloneElement(u,void 0,h):!y&&1===n.Children.count(f)&&n.isValidElement(f)&&(u=f);const m=u?function(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning;if(r)return e.ref;if(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r)return e.props.ref;return e.props.ref||e.ref}(u):void 0,b=t.useComposedRefs(l,m);if(!u){if(f||0===f)throw new Error(y?s(e):a(e));return f}const g=function(e,t){const r={...t};for(const n in t){const o=e[n],i=t[n];/^on[A-Z]/.test(n)?o&&i?r[n]=(...e)=>{const t=i(...e);return o(...e),t}:o&&(r[n]=o):"style"===n?r[n]={...o,...i}:"className"===n&&(r[n]=[o,i].filter(Boolean).join(" "))}return{...e,...r}}(d,u.props??{});return u.type!==n.Fragment&&(g.ref=l?b:m),n.cloneElement(u,g)});return r.displayName=`${e}.Slot`,r};

package/dist/cjs/_bundled/@radix-ui/react-use-callback-ref/dist/index.js

@@ -0,0 +1 @@
+"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var t=e(require("react"));exports.useCallbackRef=function(e){const r=t.useRef(e);return t.useEffect(()=>{r.current=e}),t.useMemo(()=>(...e)=>r.current?.(...e),[])};

package/dist/cjs/_bundled/@radix-ui/react-use-controllable-state/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("../../react-use-layout-effect/dist/index.js");function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var r=n(e),o=r[" useInsertionEffect ".trim().toString()]||t.useLayoutEffect;exports.useControllableState=function({prop:e,defaultProp:t,onChange:n=()=>{},caller:c}){const[u,f,l]=function({defaultProp:e,onChange:t}){const[n,c]=r.useState(e),u=r.useRef(n),f=r.useRef(t);return o(()=>{f.current=t},[t]),r.useEffect(()=>{u.current!==n&&(f.current?.(n),u.current=n)},[n,u]),[n,c,f]}({defaultProp:t,onChange:n}),s=void 0!==e,a=s?e:u;{const t=r.useRef(void 0!==e);r.useEffect(()=>{const e=t.current;if(e!==s){const t=e?"controlled":"uncontrolled",n=s?"controlled":"uncontrolled";console.warn(`${c} is changing from ${t} to ${n}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`)}t.current=s},[s,c])}const i=r.useCallback(t=>{if(s){const n=function(e){return"function"==typeof e}(t)?t(e):t;n!==e&&l.current?.(n)}else f(t)},[s,e,f,l]);return[a,i]};

package/dist/cjs/_bundled/@radix-ui/react-use-escape-keydown/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("../../react-use-callback-ref/dist/index.js");function r(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var c=r(e);exports.useEscapeKeydown=function(e,r=globalThis?.document){const n=t.useCallbackRef(e);c.useEffect(()=>{const e=e=>{"Escape"===e.key&&n(e)};return r.addEventListener("keydown",e,{capture:!0}),()=>r.removeEventListener("keydown",e,{capture:!0})},[n,r])};

package/dist/cjs/_bundled/@radix-ui/react-use-layout-effect/dist/index.js

@@ -0,0 +1 @@
+"use strict";function e(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var t=e(require("react")),r=globalThis?.document?t.useLayoutEffect:()=>{};exports.useLayoutEffect=r;

package/dist/cjs/_bundled/aria-hidden/dist/es2015/index.js

@@ -0,0 +1 @@
+"use strict";var e=new WeakMap,r=new WeakMap,t={},n=0,a=function(e){return e&&(e.host||a(e.parentNode))},o=function(o,i,u,c){var s=function(e,r){return r.map(function(r){if(e.contains(r))return r;var t=a(r);return t&&e.contains(t)?t:(console.error("aria-hidden",r,"in not contained inside",e,". Doing nothing"),null)}).filter(function(e){return Boolean(e)})}(i,Array.isArray(o)?o:[o]);t[u]||(t[u]=new WeakMap);var f=t[u],l=[],d=new Set,h=new Set(s),p=function(e){e&&!d.has(e)&&(d.add(e),p(e.parentNode))};s.forEach(p);var y=function(t){t&&!h.has(t)&&Array.prototype.forEach.call(t.children,function(t){if(d.has(t))y(t);else try{var n=t.getAttribute(c),a=null!==n&&"false"!==n,o=(e.get(t)||0)+1,i=(f.get(t)||0)+1;e.set(t,o),f.set(t,i),l.push(t),1===o&&a&&r.set(t,!0),1===i&&t.setAttribute(u,"true"),a||t.setAttribute(c,"true")}catch(e){console.error("aria-hidden: cannot operate on ",t,e)}})};return y(i),d.clear(),n++,function(){l.forEach(function(t){var n=e.get(t)-1,a=f.get(t)-1;e.set(t,n),f.set(t,a),n||(r.has(t)||t.removeAttribute(c),r.delete(t)),a||t.removeAttribute(u)}),--n||(e=new WeakMap,e=new WeakMap,r=new WeakMap,t={})}};exports.hideOthers=function(e,r,t){void 0===t&&(t="data-aria-hidden");var n=Array.from(Array.isArray(e)?e:[e]),a=function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e);return a?(n.push.apply(n,Array.from(a.querySelectorAll("[aria-live], script"))),o(n,a,t,"aria-hidden")):function(){return null}};