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

package/CHANGELOG.md

@@ -0,0 +1,105 @@
+# 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.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/MIGRATION.md

@@ -143,6 +143,19 @@ 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`

package/README.md

@@ -1,58 +1,77 @@
 # 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)](./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** is the production UI library behind Inn.Tech websites: theme-driven CSS (OKLCH, light/dark), shadcn-style composition, WCAG 2.1 AA accessibility.
+**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).
 
-Upgrading from v3? See [MIGRATION.md](./MIGRATION.md).
+v3'ten mi geliyorsunuz? [MIGRATION.md](./MIGRATION.md) ve aşağıdaki
+"V4'e Geçiş Süreci" bölümüne bakın.
 
-## Requirements
+## Sürümler
 
-- **React 19.1+** and **react-dom 19.1+** (peer dependencies)
-- **i18next** and **react-i18next** (peer dependencies; form validation messages come from an i18next namespace you register once, see step 3)
+| 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   |
 
-npm 7+ installs peer dependencies automatically. With Yarn 1, add them yourself.
+İki build arasında ne değiştiğini [CHANGELOG.md](./CHANGELOG.md) anlatır
+(her sürümde Breaking / Added / Fixed olarak).
 
-## Installation
+## Gereksinimler
+
+- **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)
+
+npm 7+ peer dependency'leri kendisi kurar. Yarn 1 kullanıyorsanız elle ekleyin.
+
+## Kurulum
 
 ```bash
-# npm
-npm install @inntechcorp/it-design
+# v4 beta (onerilen: yeni projeler ve panel)
+npm install @inntechcorp/it-design@next
 
-# yarn (add the peers explicitly)
-yarn add @inntechcorp/it-design react react-dom i18next react-i18next
+# v3 (mevcut siteler)
+npm install @inntechcorp/it-design
 
-# pnpm
-pnpm add @inntechcorp/it-design
+# yarn (peer'lari elle ekleyin)
+yarn add @inntechcorp/it-design@next react react-dom i18next react-i18next
 ```
 
-## Quick Start
+## Hızlı Başlangıç
 
-**1. Import the stylesheet once, at your app root.** There is no runtime style injection; skipping this renders every component unstyled.
+**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 '@inntechcorp/it-design/global.css';
 ```
 
-**2. Wrap your app in `ITDProvider`.** It already mounts the toast `Toaster` and the modal provider, do not add your own.
+**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="en" country="tr">
+    <ITDProvider theme="dark" language="tr" country="tr">
       <YourApp />
     </ITDProvider>
   );
 }
 ```
 
-**3. Initialize i18next before rendering any `<Form>`.** The library exports its locales for you to register:
+**3. Herhangi bir `<Form>` render etmeden önce i18next'i başlatın.** Kütüphane
+locale'lerini sizin kaydetmeniz için export eder:
 
 ```tsx
 import i18next from 'i18next';
@@ -60,34 +79,66 @@ import { initReactI18next } from 'react-i18next';
 import { locales } from '@inntechcorp/it-design';
 
 i18next.use(initReactI18next).init({
-  lng: 'en',
+  lng: 'tr',
   fallbackLng: 'en',
-  resources: locales, // tr + en, namespaces: itd, calendar
+  resources: locales, // tr + en, namespace'ler: itd, calendar
   ns: ['itd', 'calendar'],
   defaultNS: 'itd',
   interpolation: { escapeValue: false },
 });
 ```
 
-**4. Use a component:**
+**4. Bileşen kullanın:**
 
 ```tsx
 import { Button, Input, Card, CardHeader, CardTitle, CardContent } from '@inntechcorp/it-design';
 
 <Card>
   <CardHeader>
-    <CardTitle>Hello</CardTitle>
+    <CardTitle>Merhaba</CardTitle>
   </CardHeader>
   <CardContent>
-    <Input placeholder="Enter text..." />
-    <Button variant="filled">Save</Button>
+    <Input placeholder="Bir şeyler yazın..." />
+    <Button variant="filled">Kaydet</Button>
   </CardContent>
 </Card>;
 ```
 
-## Fonts
+## Tema
+
+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
+>
+```
 
-The default `--itd-font-sans` stack leads with **Geist**, but the package ships no `@font-face` rules. Either load Geist yourself (for example with `next/font`) or override the variable, otherwise you silently fall back to the system font:
+Bilinmesi gerekenler:
+
+- **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).
+
+## Yazı Tipleri
+
+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 {
@@ -95,20 +146,20 @@ The default `--itd-font-sans` stack leads with **Geist**, but the package ships
 }
 ```
 
-## Routing
+## Yönlendirme (Routing)
 
-**The library brings no router.** `<Button href>`, `<ALink>`, link tabs and the
-accordion render real anchors, and with nothing configured the browser
-navigates them - a static site or a Next.js app needs no setup at all.
+**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).
 
-To navigate through your own router instead, hand ITD an adapter once:
+Kendi router'ınızla gezinmek için ITD'ye bir kez adapter verin:
 
 ```tsx
-import { useLocation, useNavigate } from 'react-router-dom'; // or yours
+import { useLocation, useNavigate } from 'react-router-dom'; // veya sizinki
 
 function Providers({ children }) {
-  // build it INSIDE a component your router re-renders on navigation:
-  // `location` is a value, and its identity is the reactivity signal
+  // 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(
@@ -120,42 +171,109 @@ function Providers({ children }) {
 }
 ```
 
-`href` maps an app path to the rendered href (basenames, locale prefixes) and
-`Link` lets a framework's own component (next/link) take over navigation.
-The same seam is available directly: `useITDLocation`, `useITDNavigate`,
-`useITDSearchParams` and `ITDLink`.
+`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 entry points
+## CSS giriş noktaları
 
 ```tsx
-// Option 1: everything (recommended)
+// Secenek 1: hepsi (onerilen)
 import '@inntechcorp/it-design/global.css';
 
-// Option 2: a la carte
-import '@inntechcorp/it-design/css/properties.css'; // registered custom properties
-import '@inntechcorp/it-design/css/reset.css'; // reset layer
-import '@inntechcorp/it-design/css/base.css'; // design tokens
-import '@inntechcorp/it-design/css/components.css'; // shared component transitions
-import '@inntechcorp/it-design/css/button.css'; // one file per component you use
-import '@inntechcorp/it-design/css/vendor.css'; // needed by TinyScrollbar + carousel blocks
-import '@inntechcorp/it-design/css/utilities.css'; // optional; skip if using Tailwind
+// 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
 ```
 
-Note that `components.css` holds only shared transition classes; each component's real styles live in its own file (`button.css`, `input.css`, `select.css`, ...). `global.css` bundles all of them, prefixed and minified, and is the recommended path.
-
-## Components
-
-Layout and structure: `Card`, `Flex`, `Separator`, `Tabs`, `Accordion` · Forms: `Form`, `Field`, `Input`, `TextArea`, `Select`, `Checkbox`, `RadioGroup`, `Switch`, `Upload`, `DatePicker`, `RangePicker`, `Calendar`, `CodeInput`, `ColorInput`, `Amount` · Feedback: `Alert`, `Modal` (`useModal`), `Toaster`/`toast`, `Spin`, `Progress`, `Skeleton`, `Result`, `Badge` · Overlay: `Tooltip`, `Popover`, `HoverCard`, `DropdownMenu`, `ContextMenu`, `Sheet` · Data: `Table`, `Avatar`, `Image`, `TinyScrollbar` · plus the `blocks/` site sections (sliders, game carousels, footers, user hub, page editor). Browse them all in Storybook.
-
-## Documentation
-
-- [Accessibility Guide](./ACCESSIBILITY.md) - WCAG compliance, keyboard navigation, screen reader support (ships with the package)
-- [Migration Guide](./MIGRATION.md) - v3 to v4 breaking changes (ships with the package)
-- [CSS Guide](./lib/GLOBAL-CSS-README.md) - modular CSS, design tokens, utilities (repo only)
-- Storybook - component playground; run `yarn storybook` in the repo
-
-## License
+`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
+
+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.
+
+Ö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.
 
-Licensed under the [Apache License, Version 2.0](./LICENSE).
+[Apache License, Version 2.0](./LICENSE) ile lisanslanmıştır.

package/dist/cjs/_bundled/vaul/dist/index.js

@@ -1 +1 @@
-"use strict";var t=require("../../@radix-ui/react-dialog/dist/index.js"),e=require("react");function n(t){var e=Object.create(null);return t&&Object.keys(t).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}}),e.default=t,Object.freeze(e)}var r=n(e);const a=e.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),o=()=>{const t=e.useContext(a);if(!t)throw new Error("useDrawerContext must be used within a Drawer.Root");return t};function i(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function u(){return s(/^iPad/)||s(/^Mac/)&&navigator.maxTouchPoints>1}function l(){return s(/^iPhone/)||u()}function s(t){return"undefined"!=typeof window&&null!=window.navigator?t.test(window.navigator.platform):void 0}!function(t){if("undefined"==typeof document)return;let e=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",e.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}("[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(\n[data-state=closed]\n){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}");const d="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function c(...t){return(...e)=>{for(let n of t)"function"==typeof n&&n(...e)}}const f="undefined"!=typeof document&&window.visualViewport;function p(t){let e=window.getComputedStyle(t);return/(auto|scroll)/.test(e.overflow+e.overflowX+e.overflowY)}function m(t){for(p(t)&&(t=t.parentElement);t&&!p(t);)t=t.parentElement;return t||document.scrollingElement||document.documentElement}const v=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let h,g=0;function w(t={}){let{isDisabled:e}=t;d(()=>{if(!e)return g++,1===g&&l()&&(h=function(){let t,e=0,n=n=>{t=m(n.target),t===document.documentElement&&t===document.body||(e=n.changedTouches[0].pageY)},r=n=>{if(!t||t===document.documentElement||t===document.body)return void n.preventDefault();let r=n.changedTouches[0].pageY,a=t.scrollTop,o=t.scrollHeight-t.clientHeight;0!==o&&((a<=0&&r>e||a>=o&&r<e)&&n.preventDefault(),e=r)},a=t=>{let e=t.target;x(e)&&e!==document.activeElement&&(t.preventDefault(),e.style.transform="translateY(-2000px)",e.focus(),requestAnimationFrame(()=>{e.style.transform=""}))},o=t=>{let e=t.target;x(e)&&(e.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{e.style.transform="",f&&(f.height<window.innerHeight?requestAnimationFrame(()=>{b(e)}):f.addEventListener("resize",()=>b(e),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},u=window.pageXOffset,l=window.pageYOffset,s=c(function(t,e,n){let r=t.style[e];return t.style[e]=n,()=>{t.style[e]=r}}(document.documentElement,"paddingRight",window.innerWidth-document.documentElement.clientWidth+"px"));window.scrollTo(0,0);let d=c(y(document,"touchstart",n,{passive:!1,capture:!0}),y(document,"touchmove",r,{passive:!1,capture:!0}),y(document,"touchend",a,{passive:!1,capture:!0}),y(document,"focus",o,!0),y(window,"scroll",i));return()=>{s(),d(),window.scrollTo(u,l)}}()),()=>{g--,0===g&&(null==h||h())}},[e])}function y(t,e,n,r){return t.addEventListener(e,n,r),()=>{t.removeEventListener(e,n,r)}}function b(t){let e=document.scrollingElement||document.documentElement;for(;t&&t!==e;){let e=m(t);if(e!==document.documentElement&&e!==document.body&&e!==t){let n=e.getBoundingClientRect().top,r=t.getBoundingClientRect().top;t.getBoundingClientRect().bottom>e.getBoundingClientRect().bottom+24&&(e.scrollTop+=r-n)}t=e.parentElement}}function x(t){return t instanceof HTMLInputElement&&!v.has(t.type)||t instanceof HTMLTextAreaElement||t instanceof HTMLElement&&t.isContentEditable}function P(...t){return r.useCallback(function(...t){return e=>t.forEach(t=>function(t,e){"function"==typeof t?t(e):null!=t&&(t.current=e)}(t,e))}(...t),t)}const R=new WeakMap;function E(t,e,n=!1){if(!t||1!==t.nodeType)return;let r={};Object.entries(e).forEach(([e,n])=>{e.startsWith("--")?t.style.setProperty(e,n):(r[e]=t.style[e],t.style[e]=n)}),n||R.set(t,r)}const O=t=>{switch(t){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return t}};function S(t,e){if(!t)return null;const n=window.getComputedStyle(t),r=n.transform||n.webkitTransform||n.mozTransform;let a=r.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[O(e)?13:12]):(a=r.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[O(e)?5:4]):null)}function T(t,e){if(!t)return()=>{};const n=t.style.cssText;return Object.assign(t.style,e),()=>{t.style.cssText=n}}const D={DURATION:.5,EASE:[.32,.72,0,1]},C=16,$="vaul-dragging";function A(t){const n=e.useRef(t);return e.useEffect(()=>{n.current=t}),e.useMemo(()=>(...t)=>null==n.current?void 0:n.current.call(n,...t),[])}function k({prop:t,defaultProp:n,onChange:r=()=>{}}){const[a,o]=function({defaultProp:t,onChange:n}){const r=e.useState(t),[a]=r,o=e.useRef(a),i=A(n);return e.useEffect(()=>{o.current!==a&&(i(a),o.current=a)},[a,o,i]),r}({defaultProp:n,onChange:r}),i=void 0!==t,u=i?t:a,l=A(r),s=e.useCallback(e=>{if(i){const n="function"==typeof e?e(t):e;n!==t&&l(n)}else o(e)},[i,t,o,l]);return[u,s]}let M=null;function B({open:n,onOpenChange:r,children:o,onDrag:u,onRelease:s,snapPoints:d,shouldScaleBackground:c=!1,setBackgroundColorOnScale:f=!0,closeThreshold:p=.25,scrollLockTimeout:m=100,dismissible:v=!0,handleOnly:h=!1,fadeFromIndex:g=d&&d.length-1,activeSnapPoint:y,setActiveSnapPoint:b,fixed:P,modal:T=!0,onClose:A,nested:B,noBodyStyles:F=!1,direction:I="bottom",defaultOpen:N=!1,disablePreventScroll:L=!0,snapToSequentialPoint:H=!1,preventScrollRestoration:z=!1,repositionInputs:j=!0,onAnimationEnd:W,container:q,autoFocus:U=!1}){var Y,X;const[V=!1,G]=k({defaultProp:N,prop:n,onChange:t=>{null==r||r(t),t||B||Ot(),setTimeout(()=>{null==W||W(t)},1e3*D.DURATION),t&&!T&&"undefined"!=typeof window&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),t||(document.body.style.pointerEvents="auto")}}),[J,K]=e.useState(!1),[Q,Z]=e.useState(!1),[_,tt]=e.useState(!1),et=e.useRef(null),nt=e.useRef(null),rt=e.useRef(null),at=e.useRef(null),ot=e.useRef(null),it=e.useRef(!1),ut=e.useRef(null),lt=e.useRef(0),st=e.useRef(!1),dt=e.useRef(!N),ct=e.useRef(0),ft=e.useRef(null),pt=e.useRef((null==(Y=ft.current)?void 0:Y.getBoundingClientRect().height)||0),mt=e.useRef((null==(X=ft.current)?void 0:X.getBoundingClientRect().width)||0),vt=e.useRef(0),ht=e.useCallback(t=>{d&&t===xt.length-1&&(nt.current=new Date)},[]),{activeSnapPoint:gt,activeSnapPointIndex:wt,setActiveSnapPoint:yt,onRelease:bt,snapPointsOffset:xt,onDrag:Pt,shouldFade:Rt,getPercentageDragged:Et}=function({activeSnapPointProp:t,setActiveSnapPointProp:n,snapPoints:r,drawerRef:a,overlayRef:o,fadeFromIndex:i,onSnapPointChange:u,direction:l="bottom",container:s,snapToSequentialPoint:d}){const[c,f]=k({prop:t,defaultProp:null==r?void 0:r[0],onChange:n}),[p,m]=e.useState("undefined"!=typeof window?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);e.useEffect(()=>{function t(){m({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const v=e.useMemo(()=>c===(null==r?void 0:r[r.length-1])||null,[r,c]),h=e.useMemo(()=>{var t;return null!=(t=null==r?void 0:r.findIndex(t=>t===c))?t:null},[r,c]),g=r&&r.length>0&&(i||0===i)&&!Number.isNaN(i)&&r[i]===c||!r,w=e.useMemo(()=>{const t=s?{width:s.getBoundingClientRect().width,height:s.getBoundingClientRect().height}:"undefined"!=typeof window?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var e;return null!=(e=null==r?void 0:r.map(e=>{const n="string"==typeof e;let r=0;if(n&&(r=parseInt(e,10)),O(l)){const a=n?r:p?e*t.height:0;return p?"bottom"===l?t.height-a:-t.height+a:a}const a=n?r:p?e*t.width:0;return p?"right"===l?t.width-a:-t.width+a:a}))?e:[]},[r,p,s]),y=e.useMemo(()=>null!==h?null==w?void 0:w[h]:null,[w,h]),b=e.useCallback(t=>{var e;const n=null!=(e=null==w?void 0:w.findIndex(e=>e===t))?e:null;u(n),E(a.current,{transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,transform:O(l)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`}),w&&n!==w.length-1&&void 0!==i&&n!==i&&n<i?E(o.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,opacity:"0"}):E(o.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,opacity:"1"}),f(null==r?void 0:r[Math.max(n,0)])},[a.current,r,w,i,o,f]);return e.useEffect(()=>{if(c||t){var e;const n=null!=(e=null==r?void 0:r.findIndex(e=>e===t||e===c))?e:-1;w&&-1!==n&&"number"==typeof w[n]&&b(w[n])}},[c,t,r,w,b]),{isLastSnapPoint:v,activeSnapPoint:c,shouldFade:g,getPercentageDragged:function(t,e){if(!r||"number"!=typeof h||!w||void 0===i)return null;const n=h===i-1;if(h>=i&&e)return 0;if(n&&!e)return 1;if(!g&&!n)return null;const a=n?h+1:h-1,o=n?w[a]-w[a-1]:w[a+1]-w[a],u=t/Math.abs(o);return n?1-u:u},setActiveSnapPoint:f,activeSnapPointIndex:h,onRelease:function({draggedDistance:t,closeDrawer:e,velocity:n,dismissible:a}){if(void 0===i)return;const u="bottom"===l||"right"===l?(null!=y?y:0)-t:(null!=y?y:0)+t,s=0===h,c=t>0;if(h===i-1&&E(o.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`}),!d&&n>2&&!c)return void(a?e():b(w[0]));if(!d&&n>2&&c&&w&&r)return void b(w[r.length-1]);const f=null==w?void 0:w.reduce((t,e)=>"number"!=typeof t||"number"!=typeof e?t:Math.abs(e-u)<Math.abs(t-u)?e:t),p=O(l)?window.innerHeight:window.innerWidth;if(n>.4&&Math.abs(t)<.4*p){const t=c?1:-1;if(t>0&&v&&r)return void b(w[r.length-1]);if(s&&t<0&&a&&e(),null===h)return;return void b(w[h+t])}b(f)},onDrag:function({draggedDistance:t}){if(null===y)return;const e="bottom"===l||"right"===l?y-t:y+t;("bottom"===l||"right"===l)&&e<w[w.length-1]||("top"===l||"left"===l)&&e>w[w.length-1]||E(a.current,{transform:O(l)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},snapPointsOffset:w}}({snapPoints:d,activeSnapPointProp:y,setActiveSnapPointProp:b,drawerRef:ft,fadeFromIndex:g,overlayRef:et,onSnapPointChange:ht,direction:I,container:q,snapToSequentialPoint:H});w({isDisabled:!V||Q||!T||_||!J||!j||!L});const{restorePositionSetting:Ot}=function({isOpen:t,modal:n,nested:r,hasBeenOpened:a,preventScrollRestoration:o,noBodyStyles:u}){const[l,s]=e.useState(()=>"undefined"!=typeof window?window.location.href:""),d=e.useRef(0),c=e.useCallback(()=>{if(i()&&null===M&&t&&!u){M={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:t,innerHeight:e}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:-d.current+"px",left:-t+"px",right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const t=e-window.innerHeight;t&&d.current>=e&&(document.body.style.top=-(d.current+t)+"px")}),300)}},[t]),f=e.useCallback(()=>{if(i()&&null!==M&&!u){const t=-parseInt(document.body.style.top,10),e=-parseInt(document.body.style.left,10);Object.assign(document.body.style,M),window.requestAnimationFrame(()=>{o&&l!==window.location.href?s(window.location.href):window.scrollTo(e,t)}),M=null}},[l]);return e.useEffect(()=>{function t(){d.current=window.scrollY}return t(),window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}},[]),e.useEffect(()=>{if(n)return()=>{"undefined"!=typeof document&&(document.querySelector("[data-vaul-drawer]")||f())}},[n,f]),e.useEffect(()=>{!r&&a&&(t?(!window.matchMedia("(display-mode: standalone)").matches&&c(),n||window.setTimeout(()=>{f()},500)):f())},[t,a,l,n,r,c,f]),{restorePositionSetting:f}}({isOpen:V,modal:T,nested:null!=B&&B,hasBeenOpened:J,preventScrollRestoration:z,noBodyStyles:F});function St(){return(window.innerWidth-26)/window.innerWidth}function Tt(t,e){var n;let r=t;const a=null==(n=window.getSelection())?void 0:n.toString(),o=ft.current?S(ft.current,I):null,i=new Date;if("SELECT"===r.tagName)return!1;if(r.hasAttribute("data-vaul-no-drag")||r.closest("[data-vaul-no-drag]"))return!1;if("right"===I||"left"===I)return!0;if(nt.current&&i.getTime()-nt.current.getTime()<500)return!1;if(null!==o&&("bottom"===I?o>0:o<0))return!0;if(a&&a.length>0)return!1;if(ot.current&&i.getTime()-ot.current.getTime()<m&&0===o)return ot.current=i,!1;if(e)return ot.current=i,!1;for(;r;){if(r.scrollHeight>r.clientHeight){if(0!==r.scrollTop)return ot.current=new Date,!1;if("dialog"===r.getAttribute("role"))return!0}r=r.parentNode}return!0}function Dt(t){!function(){if(!Q||!ft.current)return;ft.current.classList.remove($),it.current=!1,Z(!1),at.current=new Date}(),null==A||A(),t||G(!1),setTimeout(()=>{d&&yt(d[0])},1e3*D.DURATION)}function Ct(){if(!ft.current)return;const t=document.querySelector("[data-vaul-drawer-wrapper]"),e=S(ft.current,I);E(ft.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`}),E(et.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,opacity:"1"}),c&&e&&e>0&&V&&E(t,{borderRadius:"8px",overflow:"hidden",...O(I)?{transform:`scale(${St()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${St()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${D.DURATION}s`,transitionTimingFunction:`cubic-bezier(${D.EASE.join(",")})`},!0)}return e.useEffect(()=>{window.requestAnimationFrame(()=>{dt.current=!0})},[]),e.useEffect(()=>{var t;function e(){if(!ft.current||!j)return;if(x(document.activeElement)||st.current){var t;const e=(null==(t=window.visualViewport)?void 0:t.height)||0,n=window.innerHeight;let r=n-e;const a=ft.current.getBoundingClientRect().height||0,o=a>.8*n;vt.current||(vt.current=a);const i=ft.current.getBoundingClientRect().top;if(Math.abs(ct.current-r)>60&&(st.current=!st.current),d&&d.length>0&&xt&&wt){r+=xt[wt]||0}if(ct.current=r,a>e||st.current){const t=ft.current.getBoundingClientRect().height;let n=t;t>e&&(n=e-(o?i:26)),ft.current.style.height=P?t-Math.max(r,0)+"px":`${Math.max(n,e-i)}px`}else(function(){const t=navigator.userAgent;return"undefined"!=typeof window&&(/Firefox/.test(t)&&/Mobile/.test(t)||/FxiOS/.test(t))})()||(ft.current.style.height=`${vt.current}px`);d&&d.length>0&&!st.current?ft.current.style.bottom="0px":ft.current.style.bottom=`${Math.max(r,0)}px`}}return null==(t=window.visualViewport)||t.addEventListener("resize",e),()=>{var t;return null==(t=window.visualViewport)?void 0:t.removeEventListener("resize",e)}},[wt,d,xt]),e.useEffect(()=>(V&&(E(document.documentElement,{scrollBehavior:"auto"}),nt.current=new Date),()=>{!function(t,e){if(!t||1!==t.nodeType)return;let n=R.get(t);n&&(t.style[e]=n[e])}(document.documentElement,"scrollBehavior")}),[V]),e.useEffect(()=>{T||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[T]),e.createElement(t.Dialog,{defaultOpen:N,onOpenChange:t=>{(v||t)&&(t?K(!0):Dt(!0),G(t))},open:V},e.createElement(a.Provider,{value:{activeSnapPoint:gt,snapPoints:d,setActiveSnapPoint:yt,drawerRef:ft,overlayRef:et,onOpenChange:r,onPress:function(t){var e,n;(v||d)&&(ft.current&&!ft.current.contains(t.target)||(pt.current=(null==(e=ft.current)?void 0:e.getBoundingClientRect().height)||0,mt.current=(null==(n=ft.current)?void 0:n.getBoundingClientRect().width)||0,Z(!0),rt.current=new Date,l()&&window.addEventListener("touchend",()=>it.current=!1,{once:!0}),t.target.setPointerCapture(t.pointerId),lt.current=O(I)?t.pageY:t.pageX))},onRelease:function(t){if(!Q||!ft.current)return;ft.current.classList.remove($),it.current=!1,Z(!1),at.current=new Date;const e=S(ft.current,I);if(!t||!Tt(t.target,!1)||!e||Number.isNaN(e))return;if(null===rt.current)return;const n=at.current.getTime()-rt.current.getTime(),r=lt.current-(O(I)?t.pageY:t.pageX),a=Math.abs(r)/n;if(a>.05&&(tt(!0),setTimeout(()=>{tt(!1)},200)),d){return bt({draggedDistance:r*("bottom"===I||"right"===I?1:-1),closeDrawer:Dt,velocity:a,dismissible:v}),void(null==s||s(t,!0))}if("bottom"===I||"right"===I?r>0:r<0)return Ct(),void(null==s||s(t,!0));if(a>.4)return Dt(),void(null==s||s(t,!1));var o;const i=Math.min(null!=(o=ft.current.getBoundingClientRect().height)?o:0,window.innerHeight);var u;const l=Math.min(null!=(u=ft.current.getBoundingClientRect().width)?u:0,window.innerWidth),c="left"===I||"right"===I;if(Math.abs(e)>=(c?l:i)*p)return Dt(),void(null==s||s(t,!1));null==s||s(t,!0),Ct()},onDrag:function(t){var e;if(ft.current&&Q){const n="bottom"===I||"right"===I?1:-1,r=(lt.current-(O(I)?t.pageY:t.pageX))*n,a=r>0,o=d&&!v&&!a;if(o&&0===wt)return;const i=Math.abs(r),l=document.querySelector("[data-vaul-drawer-wrapper]");let s=i/("bottom"===I||"top"===I?pt.current:mt.current);const f=Et(i,a);if(null!==f&&(s=f),o&&s>=1)return;if(!it.current&&!Tt(t.target,a))return;if(ft.current.classList.add($),it.current=!0,E(ft.current,{transition:"none"}),E(et.current,{transition:"none"}),d&&Pt({draggedDistance:r}),a&&!d){const t=(e=r,8*(Math.log(e+1)-2)),a=Math.min(-1*t,0)*n;return void E(ft.current,{transform:O(I)?`translate3d(0, ${a}px, 0)`:`translate3d(${a}px, 0, 0)`})}const p=1-s;if((Rt||g&&wt===g-1)&&(null==u||u(t,s),E(et.current,{opacity:`${p}`,transition:"none"},!0)),l&&et.current&&c){const t=Math.min(St()+s*(1-St()),1),e=8-8*s,n=Math.max(0,14-14*s);E(l,{borderRadius:`${e}px`,transform:O(I)?`scale(${t}) translate3d(0, ${n}px, 0)`:`scale(${t}) translate3d(${n}px, 0, 0)`,transition:"none"},!0)}if(!d){const t=i*n;E(ft.current,{transform:O(I)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}}},dismissible:v,shouldAnimate:dt,handleOnly:h,isOpen:V,isDragging:Q,shouldFade:Rt,closeDrawer:Dt,onNestedDrag:function(t,e){if(e<0)return;const n=(window.innerWidth-C)/window.innerWidth,r=n+e*(1-n),a=e*C-16;E(ft.current,{transform:O(I)?`scale(${r}) translate3d(0, ${a}px, 0)`:`scale(${r}) translate3d(${a}px, 0, 0)`,transition:"none"})},onNestedOpenChange:function(t){const e=t?(window.innerWidth-C)/window.innerWidth:1,n=t?-16:0;ut.current&&window.clearTimeout(ut.current),E(ft.current,{transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,transform:O(I)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`}),!t&&ft.current&&(ut.current=setTimeout(()=>{const t=S(ft.current,I);E(ft.current,{transition:"none",transform:O(I)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})},500))},onNestedRelease:function(t,e){const n=O(I)?window.innerHeight:window.innerWidth,r=e?(n-C)/n:1,a=e?-16:0;e&&E(ft.current,{transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,transform:O(I)?`scale(${r}) translate3d(0, ${a}px, 0)`:`scale(${r}) translate3d(${a}px, 0, 0)`})},keyboardIsOpen:st,modal:T,snapPointsOffset:xt,activeSnapPointIndex:wt,direction:I,shouldScaleBackground:c,setBackgroundColorOnScale:f,noBodyStyles:F,container:q,autoFocus:U}},o))}const F=e.forwardRef(function({...n},r){const{overlayRef:a,snapPoints:i,onRelease:u,shouldFade:l,isOpen:s,modal:d,shouldAnimate:c}=o(),f=P(r,a),p=i&&i.length>0;if(!d)return null;const m=e.useCallback(t=>u(t),[u]);return e.createElement(t.DialogOverlay,{onMouseUp:m,ref:f,"data-vaul-overlay":"","data-vaul-snap-points":s&&p?"true":"false","data-vaul-snap-points-overlay":s&&l?"true":"false","data-vaul-animate":(null==c?void 0:c.current)?"true":"false",...n})});F.displayName="Drawer.Overlay";const I=e.forwardRef(function({onPointerDownOutside:n,style:r,onOpenAutoFocus:a,...i},u){const{drawerRef:l,onPress:s,onRelease:d,onDrag:c,keyboardIsOpen:f,snapPointsOffset:p,activeSnapPointIndex:m,modal:v,isOpen:h,direction:g,snapPoints:w,container:y,handleOnly:b,shouldAnimate:x,autoFocus:R}=o(),[E,S]=e.useState(!1),C=P(u,l),$=e.useRef(null),A=e.useRef(null),k=e.useRef(!1),M=w&&w.length>0;!function(){const{direction:t,isOpen:n,shouldScaleBackground:r,setBackgroundColorOnScale:a,noBodyStyles:i}=o(),u=e.useRef(null),l=e.useMemo(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-26)/window.innerWidth}e.useEffect(()=>{if(n&&r){u.current&&clearTimeout(u.current);const e=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!e)return;a&&!i&&T(document.body,{background:"black"}),T(e,{transformOrigin:O(t)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${D.DURATION}s`,transitionTimingFunction:`cubic-bezier(${D.EASE.join(",")})`});const n=T(e,{borderRadius:"8px",overflow:"hidden",...O(t)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{n(),u.current=window.setTimeout(()=>{l?document.body.style.background=l:document.body.style.removeProperty("background")},1e3*D.DURATION)}}},[n,r,l])}();function B(t){$.current=null,k.current=!1,d(t)}return e.useEffect(()=>{M&&window.requestAnimationFrame(()=>{S(!0)})},[]),e.createElement(t.Content,{"data-vaul-drawer-direction":g,"data-vaul-drawer":"","data-vaul-delayed-snap-points":E?"true":"false","data-vaul-snap-points":h&&M?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":(null==x?void 0:x.current)?"true":"false",...i,ref:C,style:p&&p.length>0?{"--snap-point-height":`${p[null!=m?m:0]}px`,...r}:r,onPointerDown:t=>{b||(null==i.onPointerDown||i.onPointerDown.call(i,t),$.current={x:t.pageX,y:t.pageY},s(t))},onOpenAutoFocus:t=>{null==a||a(t),R||t.preventDefault()},onPointerDownOutside:t=>{null==n||n(t),v&&!t.defaultPrevented?f.current&&(f.current=!1):t.preventDefault()},onFocusOutside:t=>{v||t.preventDefault()},onPointerMove:t=>{if(A.current=t,b)return;if(null==i.onPointerMove||i.onPointerMove.call(i,t),!$.current)return;const e=t.pageY-$.current.y,n=t.pageX-$.current.x,r="touch"===t.pointerType?10:2,a=((t,e,n=0)=>{if(k.current)return!0;const r=Math.abs(t.y),a=Math.abs(t.x),o=a>r,i=["bottom","right"].includes(e)?1:-1;if("left"===e||"right"===e){if(!(t.x*i<0)&&a>=0&&a<=n)return o}else if(!(t.y*i<0)&&r>=0&&r<=n)return!o;return k.current=!0,!0})({x:n,y:e},g,r);a?c(t):(Math.abs(n)>r||Math.abs(e)>r)&&($.current=null)},onPointerUp:t=>{null==i.onPointerUp||i.onPointerUp.call(i,t),$.current=null,k.current=!1,d(t)},onPointerOut:t=>{null==i.onPointerOut||i.onPointerOut.call(i,t),B(A.current)},onContextMenu:t=>{null==i.onContextMenu||i.onContextMenu.call(i,t),A.current&&B(A.current)}})});I.displayName="Drawer.Content";const N=e.forwardRef(function({preventCycle:t=!1,children:n,...r},a){const{closeDrawer:i,isDragging:u,snapPoints:l,activeSnapPoint:s,setActiveSnapPoint:d,dismissible:c,handleOnly:f,isOpen:p,onPress:m,onDrag:v}=o(),h=e.useRef(null),g=e.useRef(!1);function w(){h.current&&window.clearTimeout(h.current),g.current=!1}return e.createElement("div",{onClick:function(){g.current?w():window.setTimeout(()=>{!function(){if(u||t||g.current)return void w();if(w(),!l||0===l.length)return void(c||i());if(s===l[l.length-1]&&c)return void i();const e=l.findIndex(t=>t===s);if(-1===e)return;const n=l[e+1];d(n)}()},120)},onPointerCancel:w,onPointerDown:t=>{f&&m(t),h.current=window.setTimeout(()=>{g.current=!0},250)},onPointerMove:t=>{f&&v(t)},ref:a,"data-vaul-drawer-visible":p?"true":"false","data-vaul-handle":"","aria-hidden":"true",...r},e.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},n))});function L(n){const r=o(),{container:a=r.container,...i}=n;return e.createElement(t.DialogPortal,{container:a,...i})}N.displayName="Drawer.Handle";const H={Root:B,Content:I,Overlay:F,Portal:L,Handle:N};exports.Content=I,exports.Drawer=H,exports.Handle=N,exports.Overlay=F,exports.Portal=L,exports.Root=B;
+"use strict";var t=require("../../@radix-ui/react-dialog/dist/index.js"),e=require("react");function n(t){var e=Object.create(null);return t&&Object.keys(t).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}}),e.default=t,Object.freeze(e)}var r=n(e);const a=e.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),o=()=>{const t=e.useContext(a);if(!t)throw new Error("useDrawerContext must be used within a Drawer.Root");return t};function i(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function u(){return s(/^iPad/)||s(/^Mac/)&&navigator.maxTouchPoints>1}function l(){return s(/^iPhone/)||u()}function s(t){return"undefined"!=typeof window&&null!=window.navigator?t.test(window.navigator.platform):void 0}!function(t){if("undefined"==typeof document)return;let e=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",e.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}("[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(\n[data-state=closed]\n){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}");const d="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function c(...t){return(...e)=>{for(let n of t)"function"==typeof n&&n(...e)}}const f="undefined"!=typeof document&&window.visualViewport;function p(t){let e=window.getComputedStyle(t);return/(auto|scroll)/.test(e.overflow+e.overflowX+e.overflowY)}function m(t){for(p(t)&&(t=t.parentElement);t&&!p(t);)t=t.parentElement;return t||document.scrollingElement||document.documentElement}const v=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let h,g=0;function w(t={}){let{isDisabled:e}=t;d(()=>{if(!e)return g++,1===g&&l()&&(h=function(){let t,e=0,n=n=>{t=m(n.target),t===document.documentElement&&t===document.body||(e=n.changedTouches[0].pageY)},r=n=>{if(!t||t===document.documentElement||t===document.body)return void n.preventDefault();let r=n.changedTouches[0].pageY,a=t.scrollTop,o=t.scrollHeight-t.clientHeight;0!==o&&((a<=0&&r>e||a>=o&&r<e)&&n.preventDefault(),e=r)},a=t=>{let e=t.target;x(e)&&e!==document.activeElement&&(t.preventDefault(),e.style.transform="translateY(-2000px)",e.focus(),requestAnimationFrame(()=>{e.style.transform=""}))},o=t=>{let e=t.target;x(e)&&(e.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{e.style.transform="",f&&(f.height<window.innerHeight?requestAnimationFrame(()=>{b(e)}):f.addEventListener("resize",()=>b(e),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},u=window.pageXOffset,l=window.pageYOffset,s=c(function(t,e,n){let r=t.style[e];return t.style[e]=n,()=>{t.style[e]=r}}(document.documentElement,"paddingRight",window.innerWidth-document.documentElement.clientWidth+"px"));window.scrollTo(0,0);let d=c(y(document,"touchstart",n,{passive:!1,capture:!0}),y(document,"touchmove",r,{passive:!1,capture:!0}),y(document,"touchend",a,{passive:!1,capture:!0}),y(document,"focus",o,!0),y(window,"scroll",i));return()=>{s(),d(),window.scrollTo(u,l)}}()),()=>{g--,0===g&&(null==h||h())}},[e])}function y(t,e,n,r){return t.addEventListener(e,n,r),()=>{t.removeEventListener(e,n,r)}}function b(t){let e=document.scrollingElement||document.documentElement;for(;t&&t!==e;){let e=m(t);if(e!==document.documentElement&&e!==document.body&&e!==t){let n=e.getBoundingClientRect().top,r=t.getBoundingClientRect().top;t.getBoundingClientRect().bottom>e.getBoundingClientRect().bottom+24&&(e.scrollTop+=r-n)}t=e.parentElement}}function x(t){return t instanceof HTMLInputElement&&!v.has(t.type)||t instanceof HTMLTextAreaElement||t instanceof HTMLElement&&t.isContentEditable}function P(...t){return r.useCallback(function(...t){return e=>t.forEach(t=>function(t,e){"function"==typeof t?t(e):null!=t&&(t.current=e)}(t,e))}(...t),t)}const R=new WeakMap;function E(t,e,n=!1){if(!t||1!==t.nodeType)return;let r={};Object.entries(e).forEach(([e,n])=>{e.startsWith("--")?t.style.setProperty(e,n):(r[e]=t.style[e],t.style[e]=n)}),n||R.set(t,r)}const O=t=>{switch(t){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return t}};function S(t,e){if(!t)return null;const n=window.getComputedStyle(t),r=n.transform||n.webkitTransform||n.mozTransform;let a=r.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[O(e)?13:12]):(a=r.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[O(e)?5:4]):null)}function T(t,e){if(!t)return()=>{};const n=t.style.cssText;return Object.assign(t.style,e),()=>{t.style.cssText=n}}const D={DURATION:.5,EASE:[.32,.72,0,1]},C=16,$="vaul-dragging";function A(t){const n=e.useRef(t);return e.useEffect(()=>{n.current=t}),e.useMemo(()=>(...t)=>null==n.current?void 0:n.current.call(n,...t),[])}function k({prop:t,defaultProp:n,onChange:r=()=>{}}){const[a,o]=function({defaultProp:t,onChange:n}){const r=e.useState(t),[a]=r,o=e.useRef(a),i=A(n);return e.useEffect(()=>{o.current!==a&&(i(a),o.current=a)},[a,o,i]),r}({defaultProp:n,onChange:r}),i=void 0!==t,u=i?t:a,l=A(r),s=e.useCallback(e=>{if(i){const n="function"==typeof e?e(t):e;n!==t&&l(n)}else o(e)},[i,t,o,l]);return[u,s]}let M=null;function B({open:n,onOpenChange:r,children:o,onDrag:u,onRelease:s,snapPoints:d,shouldScaleBackground:c=!1,setBackgroundColorOnScale:f=!0,closeThreshold:p=.25,scrollLockTimeout:m=100,dismissible:v=!0,handleOnly:h=!1,fadeFromIndex:g=d&&d.length-1,activeSnapPoint:y,setActiveSnapPoint:b,fixed:P,modal:T=!0,onClose:A,nested:B,noBodyStyles:F=!1,direction:I="bottom",defaultOpen:N=!1,disablePreventScroll:L=!0,snapToSequentialPoint:H=!1,preventScrollRestoration:z=!1,repositionInputs:j=!0,onAnimationEnd:W,container:q,autoFocus:U=!1}){var Y,X;const[V=!1,G]=k({defaultProp:N,prop:n,onChange:t=>{null==r||r(t),t||B||Ot(),setTimeout(()=>{null==W||W(t)},1e3*D.DURATION),t&&!T&&"undefined"!=typeof window&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),t||(document.body.style.pointerEvents="auto")}}),[J,K]=e.useState(!1),[Q,Z]=e.useState(!1),[_,tt]=e.useState(!1),et=e.useRef(null),nt=e.useRef(null),rt=e.useRef(null),at=e.useRef(null),ot=e.useRef(null),it=e.useRef(!1),ut=e.useRef(null),lt=e.useRef(0),st=e.useRef(!1),dt=e.useRef(!N),ct=e.useRef(0),ft=e.useRef(null),pt=e.useRef((null==(Y=ft.current)?void 0:Y.getBoundingClientRect().height)||0),mt=e.useRef((null==(X=ft.current)?void 0:X.getBoundingClientRect().width)||0),vt=e.useRef(0),ht=e.useCallback(t=>{d&&t===xt.length-1&&(nt.current=new Date)},[]),{activeSnapPoint:gt,activeSnapPointIndex:wt,setActiveSnapPoint:yt,onRelease:bt,snapPointsOffset:xt,onDrag:Pt,shouldFade:Rt,getPercentageDragged:Et}=function({activeSnapPointProp:t,setActiveSnapPointProp:n,snapPoints:r,drawerRef:a,overlayRef:o,fadeFromIndex:i,onSnapPointChange:u,direction:l="bottom",container:s,snapToSequentialPoint:d}){const[c,f]=k({prop:t,defaultProp:null==r?void 0:r[0],onChange:n}),[p,m]=e.useState("undefined"!=typeof window?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);e.useEffect(()=>{function t(){m({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const v=e.useMemo(()=>c===(null==r?void 0:r[r.length-1])||null,[r,c]),h=e.useMemo(()=>{var t;return null!=(t=null==r?void 0:r.findIndex(t=>t===c))?t:null},[r,c]),g=r&&r.length>0&&(i||0===i)&&!Number.isNaN(i)&&r[i]===c||!r,w=e.useMemo(()=>{const t=s?{width:s.getBoundingClientRect().width,height:s.getBoundingClientRect().height}:"undefined"!=typeof window?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var e;return null!=(e=null==r?void 0:r.map(e=>{const n="string"==typeof e;let r=0;if(n&&(r=parseInt(e,10)),O(l)){const a=n?r:p?e*t.height:0;return p?"bottom"===l?t.height-a:-t.height+a:a}const a=n?r:p?e*t.width:0;return p?"right"===l?t.width-a:-t.width+a:a}))?e:[]},[r,p,s]),y=e.useMemo(()=>null!==h?null==w?void 0:w[h]:null,[w,h]),b=e.useCallback(t=>{var e;const n=null!=(e=null==w?void 0:w.findIndex(e=>e===t))?e:null;u(n),E(a.current,{transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,transform:O(l)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`}),w&&n!==w.length-1&&void 0!==i&&n!==i&&n<i?E(o.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,opacity:"0"}):E(o.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,opacity:"1"}),f(null==r?void 0:r[Math.max(n,0)])},[a.current,r,w,i,o,f]);return e.useEffect(()=>{if(c||t){var e;const n=null!=(e=null==r?void 0:r.findIndex(e=>e===t||e===c))?e:-1;w&&-1!==n&&"number"==typeof w[n]&&b(w[n])}},[c,t,r,w,b]),{isLastSnapPoint:v,activeSnapPoint:c,shouldFade:g,getPercentageDragged:function(t,e){if(!r||"number"!=typeof h||!w||void 0===i)return null;const n=h===i-1;if(h>=i&&e)return 0;if(n&&!e)return 1;if(!g&&!n)return null;const a=n?h+1:h-1,o=n?w[a]-w[a-1]:w[a+1]-w[a],u=t/Math.abs(o);return n?1-u:u},setActiveSnapPoint:f,activeSnapPointIndex:h,onRelease:function({draggedDistance:t,closeDrawer:e,velocity:n,dismissible:a}){if(void 0===i)return;const u="bottom"===l||"right"===l?(null!=y?y:0)-t:(null!=y?y:0)+t,s=0===h,c=t>0;if(h===i-1&&E(o.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`}),!d&&n>2&&!c)return void(a?e():b(w[0]));if(!d&&n>2&&c&&w&&r)return void b(w[r.length-1]);const f=null==w?void 0:w.reduce((t,e)=>"number"!=typeof t||"number"!=typeof e?t:Math.abs(e-u)<Math.abs(t-u)?e:t),p=O(l)?window.innerHeight:window.innerWidth;if(n>.4&&Math.abs(t)<.4*p){const t=c?1:-1;if(t>0&&v&&r)return void b(w[r.length-1]);if(s&&t<0&&a&&e(),null===h)return;return void b(w[h+t])}b(f)},onDrag:function({draggedDistance:t}){if(null===y)return;const e="bottom"===l||"right"===l?y-t:y+t;("bottom"===l||"right"===l)&&e<w[w.length-1]||("top"===l||"left"===l)&&e>w[w.length-1]||E(a.current,{transform:O(l)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},snapPointsOffset:w}}({snapPoints:d,activeSnapPointProp:y,setActiveSnapPointProp:b,drawerRef:ft,fadeFromIndex:g,overlayRef:et,onSnapPointChange:ht,direction:I,container:q,snapToSequentialPoint:H});w({isDisabled:!V||Q||!T||_||!J||!j||!L});const{restorePositionSetting:Ot}=function({isOpen:t,modal:n,nested:r,hasBeenOpened:a,preventScrollRestoration:o,noBodyStyles:u}){const[l,s]=e.useState(()=>"undefined"!=typeof window?window.location.href:""),d=e.useRef(0),c=e.useCallback(()=>{if(i()&&null===M&&t&&!u){M={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:t,innerHeight:e}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:-d.current+"px",left:-t+"px",right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const t=e-window.innerHeight;t&&d.current>=e&&(document.body.style.top=-(d.current+t)+"px")}),300)}},[t]),f=e.useCallback(()=>{if(i()&&null!==M&&!u){const t=-parseInt(document.body.style.top,10),e=-parseInt(document.body.style.left,10);Object.assign(document.body.style,M),window.requestAnimationFrame(()=>{o&&l!==window.location.href?s(window.location.href):window.scrollTo(e,t)}),M=null}},[l]);return e.useEffect(()=>{function t(){d.current=window.scrollY}return t(),window.addEventListener("scroll",t),()=>{window.removeEventListener("scroll",t)}},[]),e.useEffect(()=>{if(n)return()=>{"undefined"!=typeof document&&(document.querySelector("[data-vaul-drawer]")||f())}},[n,f]),e.useEffect(()=>{!r&&a&&(t?(!window.matchMedia("(display-mode: standalone)").matches&&c(),n||window.setTimeout(()=>{f()},500)):f())},[t,a,l,n,r,c,f]),{restorePositionSetting:f}}({isOpen:V,modal:T,nested:null!=B&&B,hasBeenOpened:J,preventScrollRestoration:z,noBodyStyles:F});function St(){return(window.innerWidth-26)/window.innerWidth}function Tt(t,e){var n;let r=t;const a=null==(n=window.getSelection())?void 0:n.toString(),o=ft.current?S(ft.current,I):null,i=new Date;if("SELECT"===r.tagName)return!1;if(r.hasAttribute("data-vaul-no-drag")||r.closest("[data-vaul-no-drag]"))return!1;if("right"===I||"left"===I)return!0;if(nt.current&&i.getTime()-nt.current.getTime()<500)return!1;if(null!==o&&("bottom"===I?o>0:o<0))return!0;if(a&&a.length>0)return!1;if(ot.current&&i.getTime()-ot.current.getTime()<m&&0===o)return ot.current=i,!1;if(e)return ot.current=i,!1;for(;r;){if(r.scrollHeight>r.clientHeight){if(0!==r.scrollTop)return ot.current=new Date,!1;if("dialog"===r.getAttribute("role"))return!0}r=r.parentNode}return!0}function Dt(t){!function(){if(!Q||!ft.current)return;ft.current.classList.remove($),it.current=!1,Z(!1),at.current=new Date}(),null==A||A(),t||G(!1),setTimeout(()=>{d&&yt(d[0])},1e3*D.DURATION)}function Ct(){if(!ft.current)return;const t=document.querySelector("[data-vaul-drawer-wrapper]"),e=S(ft.current,I);E(ft.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`}),E(et.current,{transition:`opacity ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,opacity:"1"}),c&&e&&e>0&&V&&E(t,{borderRadius:"8px",overflow:"hidden",...O(I)?{transform:`scale(${St()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${St()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${D.DURATION}s`,transitionTimingFunction:`cubic-bezier(${D.EASE.join(",")})`},!0)}return e.useEffect(()=>{window.requestAnimationFrame(()=>{dt.current=!0})},[]),e.useEffect(()=>{var t;function e(){if(!ft.current||!j)return;if(x(document.activeElement)||st.current){var t;const e=(null==(t=window.visualViewport)?void 0:t.height)||0,n=window.innerHeight;let r=n-e;const a=ft.current.getBoundingClientRect().height||0,o=a>.8*n;vt.current||(vt.current=a);const i=ft.current.getBoundingClientRect().top;if(Math.abs(ct.current-r)>60&&(st.current=!st.current),d&&d.length>0&&xt&&wt){r+=xt[wt]||0}if(ct.current=r,a>e||st.current){const t=ft.current.getBoundingClientRect().height;let n=t;t>e&&(n=e-(o?i:26)),ft.current.style.height=P?t-Math.max(r,0)+"px":`${Math.max(n,e-i)}px`}else(function(){const t=navigator.userAgent;return"undefined"!=typeof window&&(/Firefox/.test(t)&&/Mobile/.test(t)||/FxiOS/.test(t))})()||(ft.current.style.height=`${vt.current}px`);d&&d.length>0&&!st.current?ft.current.style.bottom="0px":ft.current.style.bottom=`${Math.max(r,0)}px`}}return null==(t=window.visualViewport)||t.addEventListener("resize",e),()=>{var t;return null==(t=window.visualViewport)?void 0:t.removeEventListener("resize",e)}},[wt,d,xt]),e.useEffect(()=>(V&&(E(document.documentElement,{scrollBehavior:"auto"}),nt.current=new Date),()=>{!function(t,e){if(!t||1!==t.nodeType)return;let n=R.get(t);n&&(t.style[e]=n[e])}(document.documentElement,"scrollBehavior")}),[V]),e.useEffect(()=>{T||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[T]),e.createElement(t.Dialog,{defaultOpen:N,onOpenChange:t=>{(v||t)&&(t?K(!0):Dt(!0),G(t))},open:V},e.createElement(a.Provider,{value:{activeSnapPoint:gt,snapPoints:d,setActiveSnapPoint:yt,drawerRef:ft,overlayRef:et,onOpenChange:r,onPress:function(t){var e,n;(v||d)&&(ft.current&&!ft.current.contains(t.target)||(pt.current=(null==(e=ft.current)?void 0:e.getBoundingClientRect().height)||0,mt.current=(null==(n=ft.current)?void 0:n.getBoundingClientRect().width)||0,Z(!0),rt.current=new Date,l()&&window.addEventListener("touchend",()=>it.current=!1,{once:!0}),t.target.setPointerCapture(t.pointerId),lt.current=O(I)?t.pageY:t.pageX))},onRelease:function(t){if(!Q||!ft.current)return;ft.current.classList.remove($),it.current=!1,Z(!1),at.current=new Date;const e=S(ft.current,I);if(!t||!Tt(t.target,!1)||!e||Number.isNaN(e))return;if(null===rt.current)return;const n=at.current.getTime()-rt.current.getTime(),r=lt.current-(O(I)?t.pageY:t.pageX),a=Math.abs(r)/n;if(a>.05&&(tt(!0),setTimeout(()=>{tt(!1)},200)),d){return bt({draggedDistance:r*("bottom"===I||"right"===I?1:-1),closeDrawer:Dt,velocity:a,dismissible:v}),void(null==s||s(t,!0))}if("bottom"===I||"right"===I?r>0:r<0)return Ct(),void(null==s||s(t,!0));if(a>.4)return Dt(),void(null==s||s(t,!1));var o;const i=Math.min(null!=(o=ft.current.getBoundingClientRect().height)?o:0,window.innerHeight);var u;const l=Math.min(null!=(u=ft.current.getBoundingClientRect().width)?u:0,window.innerWidth),c="left"===I||"right"===I;if(Math.abs(e)>=(c?l:i)*p)return Dt(),void(null==s||s(t,!1));null==s||s(t,!0),Ct()},onDrag:function(t){var e;if(ft.current&&Q){const n="bottom"===I||"right"===I?1:-1,r=(lt.current-(O(I)?t.pageY:t.pageX))*n,a=r>0,o=d&&!v&&!a;if(o&&0===wt)return;const i=Math.abs(r),l=document.querySelector("[data-vaul-drawer-wrapper]");let s=i/("bottom"===I||"top"===I?pt.current:mt.current);const f=Et(i,a);if(null!==f&&(s=f),o&&s>=1)return;if(!it.current&&!Tt(t.target,a))return;if(ft.current.classList.add($),it.current=!0,E(ft.current,{transition:"none"}),E(et.current,{transition:"none"}),d&&Pt({draggedDistance:r}),a&&!d){const t=(e=r,8*(Math.log(e+1)-2)),a=Math.min(-1*t,0)*n;return void E(ft.current,{transform:O(I)?`translate3d(0, ${a}px, 0)`:`translate3d(${a}px, 0, 0)`})}const p=1-s;if((Rt||g&&wt===g-1)&&(null==u||u(t,s),E(et.current,{opacity:`${p}`,transition:"none"},!0)),l&&et.current&&c){const t=Math.min(St()+s*(1-St()),1),e=8-8*s,n=Math.max(0,14-14*s);E(l,{borderRadius:`${e}px`,transform:O(I)?`scale(${t}) translate3d(0, ${n}px, 0)`:`scale(${t}) translate3d(${n}px, 0, 0)`,transition:"none"},!0)}if(!d){const t=i*n;E(ft.current,{transform:O(I)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}}},dismissible:v,shouldAnimate:dt,handleOnly:h,isOpen:V,isDragging:Q,shouldFade:Rt,closeDrawer:Dt,onNestedDrag:function(t,e){if(e<0)return;const n=(window.innerWidth-C)/window.innerWidth,r=n+e*(1-n),a=e*C-16;E(ft.current,{transform:O(I)?`scale(${r}) translate3d(0, ${a}px, 0)`:`scale(${r}) translate3d(${a}px, 0, 0)`,transition:"none"})},onNestedOpenChange:function(t){const e=t?(window.innerWidth-C)/window.innerWidth:1,n=t?-16:0;ut.current&&window.clearTimeout(ut.current),E(ft.current,{transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,transform:O(I)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`}),!t&&ft.current&&(ut.current=setTimeout(()=>{const t=S(ft.current,I);E(ft.current,{transition:"none",transform:O(I)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})},500))},onNestedRelease:function(t,e){const n=O(I)?window.innerHeight:window.innerWidth,r=e?(n-C)/n:1,a=e?-16:0;e&&E(ft.current,{transition:`transform ${D.DURATION}s cubic-bezier(${D.EASE.join(",")})`,transform:O(I)?`scale(${r}) translate3d(0, ${a}px, 0)`:`scale(${r}) translate3d(${a}px, 0, 0)`})},keyboardIsOpen:st,modal:T,snapPointsOffset:xt,activeSnapPointIndex:wt,direction:I,shouldScaleBackground:c,setBackgroundColorOnScale:f,noBodyStyles:F,container:q,autoFocus:U}},o))}const F=e.forwardRef(function({...n},r){const{overlayRef:a,snapPoints:i,onRelease:u,shouldFade:l,isOpen:s,modal:d,shouldAnimate:c}=o(),f=P(r,a),p=i&&i.length>0;if(!d)return null;const m=e.useCallback(t=>u(t),[u]);return e.createElement(t.DialogOverlay,{onMouseUp:m,ref:f,"data-vaul-overlay":"","data-vaul-snap-points":s&&p?"true":"false","data-vaul-snap-points-overlay":s&&l?"true":"false","data-vaul-animate":(null==c?void 0:c.current)?"true":"false",...n})});F.displayName="Drawer.Overlay";const I=e.forwardRef(function({onPointerDownOutside:n,style:r,onOpenAutoFocus:a,...i},u){const{drawerRef:l,onPress:s,onRelease:d,onDrag:c,keyboardIsOpen:f,snapPointsOffset:p,activeSnapPointIndex:m,modal:v,isOpen:h,direction:g,snapPoints:w,container:y,handleOnly:b,shouldAnimate:x,autoFocus:R}=o(),[E,S]=e.useState(!1),C=P(u,l),$=e.useRef(null),A=e.useRef(null),k=e.useRef(!1),M=w&&w.length>0;!function(){const{direction:t,isOpen:n,shouldScaleBackground:r,setBackgroundColorOnScale:a,noBodyStyles:i}=o(),u=e.useRef(null),l=e.useMemo(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-26)/window.innerWidth}e.useEffect(()=>{if(n&&r){u.current&&clearTimeout(u.current);const e=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!e)return;a&&!i&&T(document.body,{background:"black"}),T(e,{transformOrigin:O(t)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${D.DURATION}s`,transitionTimingFunction:`cubic-bezier(${D.EASE.join(",")})`});const n=T(e,{borderRadius:"8px",overflow:"hidden",...O(t)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{n(),u.current=window.setTimeout(()=>{l?document.body.style.background=l:document.body.style.removeProperty("background")},1e3*D.DURATION)}}},[n,r,l])}();function B(t){$.current=null,k.current=!1,d(t)}return e.useEffect(()=>{M&&window.requestAnimationFrame(()=>{S(!0)})},[]),e.createElement(t.Content,{"data-vaul-drawer-direction":g,"data-vaul-drawer":"","data-vaul-delayed-snap-points":E?"true":"false","data-vaul-snap-points":h&&M?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":(null==x?void 0:x.current)?"true":"false",...i,ref:C,style:p&&p.length>0?{"--snap-point-height":`${p[null!=m?m:0]}px`,...r}:r,onPointerDown:t=>{b||(null==i.onPointerDown||i.onPointerDown.call(i,t),$.current={x:t.pageX,y:t.pageY},s(t))},onOpenAutoFocus:t=>{null==a||a(t),R||t.preventDefault()},onPointerDownOutside:t=>{null==n||n(t),v&&!t.defaultPrevented?f.current&&(f.current=!1):t.preventDefault()},onFocusOutside:t=>{v||t.preventDefault()},onPointerMove:t=>{if(A.current=t,b)return;if(null==i.onPointerMove||i.onPointerMove.call(i,t),!$.current)return;const e=t.pageY-$.current.y,n=t.pageX-$.current.x,r="touch"===t.pointerType?10:2,a=((t,e,n=0)=>{if(k.current)return!0;const r=Math.abs(t.y),a=Math.abs(t.x),o=a>r,i=["bottom","right"].includes(e)?1:-1;if("left"===e||"right"===e){if(!(t.x*i<0)&&a>=0&&a<=n)return o}else if(!(t.y*i<0)&&r>=0&&r<=n)return!o;return k.current=!0,!0})({x:n,y:e},g,r);a?c(t):(Math.abs(n)>r||Math.abs(e)>r)&&($.current=null)},onPointerUp:t=>{null==i.onPointerUp||i.onPointerUp.call(i,t),$.current=null,k.current=!1,d(t)},onPointerOut:t=>{null==i.onPointerOut||i.onPointerOut.call(i,t),B(A.current)},onContextMenu:t=>{null==i.onContextMenu||i.onContextMenu.call(i,t),A.current&&B(A.current)}})});I.displayName="Drawer.Content";const N=e.forwardRef(function({preventCycle:t=!1,children:n,...r},a){const{closeDrawer:i,isDragging:u,snapPoints:l,activeSnapPoint:s,setActiveSnapPoint:d,dismissible:c,handleOnly:f,isOpen:p,onPress:m,onDrag:v}=o(),h=e.useRef(null),g=e.useRef(!1);function w(){h.current&&window.clearTimeout(h.current),g.current=!1}return e.createElement("div",{onClick:function(){g.current?w():window.setTimeout(()=>{!function(){if(u||t||g.current)return void w();if(w(),!l||0===l.length)return void(c||i());if(s===l[l.length-1]&&c)return void i();const e=l.findIndex(t=>t===s);if(-1===e)return;const n=l[e+1];d(n)}()},120)},onPointerCancel:w,onPointerDown:t=>{f&&m(t),h.current=window.setTimeout(()=>{g.current=!0},250)},onPointerMove:t=>{f&&v(t)},ref:a,"data-vaul-drawer-visible":p?"true":"false","data-vaul-handle":"","aria-hidden":"true",...r},e.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},n))});function L(n){const r=o(),{container:a=r.container,...i}=n;return e.createElement(t.DialogPortal,{container:a,...i})}N.displayName="Drawer.Handle";const H={Root:B,Content:I,Portal:L,Handle:N};exports.Content=I,exports.Drawer=H,exports.Handle=N,exports.Overlay=F,exports.Portal=L,exports.Root=B;