@wface/pixel-ui 0.7.2 → 0.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,200 +1,201 @@
1
- # Pixel UI — @wface/pixel-ui
2
-
3
- Pixel UI, WFace ekosistemi için hazırlanmış, React + TypeScript ile yazılmış bir bileşen kütüphanesidir. Bu paket, yeniden kullanılabilir UI bileşenleri, tema/context sağlayıcıları ve yardımcı stiller (utilities) içerir. Kütüphane hem uygulama içinde (dev mode) hem de bağımsız paket olarak (npm/yarn) kullanılmak üzere hazırlanmıştır.
4
-
5
- Bu README, bileşenin nasıl kurulacağı, kullanılacağı, geliştirileceği ve paketleneceği hakkında pratik bilgiler içerir.
6
-
7
- ---
8
-
9
- İçindekiler
10
- - Ne işe yarar?
11
- - Hızlı kurulum
12
- - Örnek kullanım
13
- - Temel kullanım
14
- - `PiTable` örneği (alt tablo / expandable)
15
- - Stiller ve tema
16
- - Geliştirme & Build
17
- - Yayınlama
18
- - Yardımcı (utilities) sınıflar
19
- - Katkıda bulunma
20
- - Lisans
21
-
22
- ---
23
-
24
- Ne işe yarar?
25
-
26
- - Tek bir paket içinde ortak UI bileşenlerini sağlar (buton, input, table, dropdown, modal vb.).
27
- - Tasarım token'ları ve SCSS utilities ile tutarlı stilizasyon sunar.
28
- - Tema ve Toast gibi provider'lar ile uygulama seviyesinde kullanım sağlar.
29
-
30
- Hızlı kurulum
31
-
32
- Projeye bağımlılık olarak eklemek için:
33
-
34
- ```bash
35
- # npm
36
- npm install @wface/pixel-ui
37
-
38
- # veya yarn
39
- yarn add @wface/pixel-ui
40
- ```
41
-
42
- Peer-dependencies
43
- - react 18.2.0
44
- - react-dom 18.2.0
45
- - react-router-dom 6.x (pakette 6.2.2 hedeflenmiştir)
46
-
47
- Kullanım (örnek)
48
-
49
- Temel kullanımda kütüphaneyi import edip stilleri ekleyin:
50
-
51
- ```tsx
52
- import React from 'react'
53
- import ReactDOM from 'react-dom/client'
54
- import { Pixel, PiButton } from '@wface/pixel-ui'
55
- import '@wface/pixel-ui/styles.css' // veya uygulamanızın global stil yükleme noktasına ekleyin
56
-
57
- function App() {
58
- return (
59
- <Pixel>
60
- <div style={{ padding: 24 }}>
61
- <PiButton>Buton</PiButton>
62
- </div>
63
- </Pixel>
64
- )
65
- }
66
-
67
- ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
68
- ```
69
-
70
- Not: `Pixel` provider'ı tema ve bazı global context'leri sağlar; bazı bileşenler (örn. `useTheme`) yalnızca provider içinde çalışır.
71
-
72
- PiTable örneği — alt tablo (subtable) ve expandable row
73
-
74
- Aşağıdaki örnek, `PiTable` kullanımını, alt tabloyu (subtable) ve bir `user.id` tıklamasıyla satırı genişletmeyi gösterir:
75
-
76
- ```tsx
77
- import React, { useState } from 'react'
78
- import { PiTable } from '@wface/pixel-ui'
79
-
80
- const data = [
81
- { id: 'u1', name: 'Ali', email: 'ali@example.com' },
82
- { id: 'u2', name: 'Ayşe', email: 'ayse@example.com' },
83
- ]
84
-
85
- function HomeTable() {
86
- const [expanded, setExpanded] = useState<Record<string, boolean>>({})
87
-
88
- const toggle = (id: string) => setExpanded(prev => ({ ...prev, [id]: !prev[id] }))
89
-
90
- return (
91
- <PiTable>
92
- <PiTable.TableHeader>
93
- <PiTable.TableRow>
94
- <PiTable.TableCell width={120}>ID</PiTable.TableCell>
95
- <PiTable.TableCell>İsim</PiTable.TableCell>
96
- <PiTable.TableCell>Mail</PiTable.TableCell>
97
- </PiTable.TableRow>
98
- </PiTable.TableHeader>
99
-
100
- <PiTable.TableBody>
101
- {data.map((u) => (
102
- <PiTable.TableRow
103
- key={u.id}
104
- id={`row-${u.id}`}
105
- onClick={() => toggle(u.id)}
106
- showSubTable={!!expanded[u.id]}
107
- subTable={
108
- <PiTable subTable variant="bordered">
109
- <PiTable.TableHeader>
110
- <PiTable.TableRow>
111
- <PiTable.TableCell>Alt Bilgi</PiTable.TableCell>
112
- </PiTable.TableRow>
113
- </PiTable.TableHeader>
114
- <PiTable.TableBody>
115
- <PiTable.TableRow>
116
- <PiTable.TableCell>{`Detay: ${u.email}`}</PiTable.TableCell>
117
- </PiTable.TableRow>
118
- </PiTable.TableBody>
119
- </PiTable>
120
- }
121
- >
122
- <PiTable.TableCell width={120}>{u.id}</PiTable.TableCell>
123
- <PiTable.TableCell>{u.name}</PiTable.TableCell>
124
- <PiTable.TableCell>{u.email}</PiTable.TableCell>
125
- </PiTable.TableRow>
126
- ))}
127
- </PiTable.TableBody>
128
- </PiTable>
129
- )
130
- }
131
- ```
132
-
133
- Açıklamalar:
134
- - `PiTable.TableRow`, `PiTable.TableCell`, `PiTable.TableHeader`, `PiTable.TableBody` alt bileşenleri `PiTable`'ın üzerine eklenmiş şekilde kullanılabilir.
135
- - `subTable` prop'u bir React düğüm (element) bekler; `showSubTable` ile görünürlüğü kontrol edebilirsiniz.
136
- - Satır genişletme (expand) davranışı örnekte tıklama ile yapıldı; isterseniz daha kontrollü state yönetimi sağlayabilirsiniz.
137
-
138
- Stiller & tema
139
-
140
- - Paket `styles.css` (dist içinde) ile birlikte gelir. Uygulamanıza dahil etmek için `import '@wface/pixel-ui/styles.css'` kullanın.
141
- - SCSS kaynakları `src/styles` içinde bulunur. Değiştirilebilir tokenlar ve temalar `tokens/` ve `theme.scss` içinde yer alır.
142
- - Utility sınıflar `src/styles/_utilities.scss` içinde tanımlıdır. `.pi-m-4`, `.pi-p-8`, `.pi-flex` gibi sınıflarla hızlı düzenlemeler yapabilirsiniz.
143
-
144
- Geliştirme & build
145
-
146
- Proje kökünde (paket dizini) yaygın script'ler:
147
-
148
- - `yarn dev` — kütüphaneyi uygulama modunda çalıştırır (Vite dev server).
149
- - `yarn dev:lib` — yalnızca kütüphane için Vite server (farklı port).
150
- - `yarn build` — kütüphaneyi üretim için derler (Vite build) ve TypeScript tiplerini (`.d.ts`) üretir.
151
- - `yarn clean` — `dist` klasörünü temizler.
152
- - `yarn prepublishOnly` — yayın öncesi temizleme ve build çalıştırır.
153
-
154
- Örnek: lokal geliştirme
155
-
156
- 1. repo kökünde bağımlılıkları yükleyin (örn. `yarn` veya `npm install`).
157
- 2. Bu pakete gelin: `cd packages/lib` (eğer monorepo düzeni varsa).
158
- 3. `yarn dev` ile story/dev uygulamayı başlatın.
159
-
160
- Yayınlama
161
-
162
- Paket `dist` klasörünü içerir ve `package.json` içindeki `files` alanı sayesinde sadece `dist` yayımlanır. Paket yayınlamadan önce:
163
-
164
- ```bash
165
- yarn clean && yarn build
166
- # ardından npm publish (veya yarn publish)
167
- ```
168
-
169
- Paket `publishConfig.access` `public` olarak ayarlı, npm registry'ye public olarak yayınlar.
170
-
171
- Yardımcı (utilities)
172
-
173
- `_utilities.scss` içinde bir dizi yardımcı sınıf (spacing, typography, display, gap, border vb.) bulunur. Bu sınıflar hızlı layout ve spacing işleri için uygundur ve komponent modul SCSS'leri içinde `@extend` veya component className ile kullanılabilir.
174
-
175
- Örnekler:
176
- - `.pi-m-4` — tüm kenarlar için margin
177
- - `.pi-px-8` — yatay padding
178
- - `.pi-flex`, `.pi-items-center`, `.pi-justify-between` — flex helper'lar
179
-
180
- Katkıda bulunma
181
-
182
- - Yeni bileşen eklerken, `src/components` altında modüler şekilde oluşturun ve `src/index.ts` içinde export edin.
183
- - Stil değişiklikleri SCSS token ve utilities üzerinden yapılmalı.
184
- - Build ve test aşamalarını yerel olarak çalıştırıp kontrol edin.
185
-
186
- Sorun giderme / sık karşılaşılan hatalar
187
-
188
- - "useTheme must be used within ThemeProvider" hatası: `useTheme` hook'unu kullanmadan önce `ThemeProvider` veya `Pixel` provider'ı render ağacına eklediğinizden emin olun.
189
- - Stiller görünmüyorsa: uygulamanızın entry noktasında `@wface/pixel-ui/styles.css` import edildiğinden emin olun.
190
- - Peer dependency hataları: proje React versiyonunun paket peer dependency ile uyumlu olduğundan emin olun.
191
-
192
- İletişim & daha fazla bilgi
193
-
194
- Daha detaylı kullanım örnekleri ve demo uygulamalar `packages/lib/src/demo` ve `packages/docs` içinde bulunabilir (monorepo yapısına bağlı olarak). Hata bildirmek veya katkıda bulunmak için repository'de issue açabilirsiniz.
195
-
196
- Lisans
197
-
198
- Bu proje lisans bilgilerini repository kökünde bulundurur. (Burada proje lisansı belirtilmemişse, kök dizindeki `LICENSE` dosyasına bakın.)
199
-
200
- ---
1
+ # Pixel UI — @wface/pixel-ui
2
+
3
+ Pixel UI, WFace ekosistemi için hazırlanmış, React + TypeScript ile yazılmış bir bileşen kütüphanesidir. Bu paket, yeniden kullanılabilir UI bileşenleri, tema/context sağlayıcıları ve yardımcı stiller (utilities) içerir. Kütüphane hem uygulama içinde (dev mode) hem de bağımsız paket olarak (npm/yarn) kullanılmak üzere hazırlanmıştır.
4
+
5
+ Bu README, bileşenin nasıl kurulacağı, kullanılacağı, geliştirileceği ve paketleneceği hakkında pratik bilgiler içerir.
6
+
7
+ ---
8
+
9
+ İçindekiler
10
+ - Ne işe yarar?
11
+ - Hızlı kurulum
12
+ - Örnek kullanım
13
+ - Temel kullanım
14
+ - `PiTable` örneği (alt tablo / expandable)
15
+ - Stiller ve tema
16
+ - Geliştirme & Build
17
+ - Yayınlama
18
+ - Yardımcı (utilities) sınıflar
19
+ - Katkıda bulunma
20
+ - Lisans
21
+
22
+ ---
23
+
24
+ Ne işe yarar?
25
+
26
+ - Tek bir paket içinde ortak UI bileşenlerini sağlar (buton, input, table, dropdown, modal vb.).
27
+ - Tasarım token'ları ve SCSS utilities ile tutarlı stilizasyon sunar.
28
+ - Tema ve Toast gibi provider'lar ile uygulama seviyesinde kullanım sağlar.
29
+
30
+ Hızlı kurulum
31
+
32
+ Projeye bağımlılık olarak eklemek için:
33
+
34
+ ```bash
35
+ # npm
36
+ npm install @wface/pixel-ui
37
+
38
+ # veya yarn
39
+ yarn add @wface/pixel-ui
40
+ ```
41
+
42
+ Peer-dependencies
43
+ - react 18.2.0
44
+ - react-dom 18.2.0
45
+ - react-router-dom 6.x (pakette 6.2.2 hedeflenmiştir)
46
+
47
+ Kullanım (örnek)
48
+
49
+ Temel kullanımda kütüphaneyi import edip stilleri ekleyin:
50
+
51
+ ```tsx
52
+ import React from 'react'
53
+ import ReactDOM from 'react-dom/client'
54
+ import { Pixel, PiButton } from '@wface/pixel-ui'
55
+ import '@wface/pixel-ui/styles.css' // veya uygulamanızın global stil yükleme noktasına ekleyin
56
+
57
+ function App() {
58
+ return (
59
+ <Pixel>
60
+ <div style={{ padding: 24 }}>
61
+ <PiButton>Buton</PiButton>
62
+ </div>
63
+ </Pixel>
64
+ )
65
+ }
66
+
67
+ ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
68
+ ```
69
+
70
+ Not: `Pixel` provider'ı tema ve bazı global context'leri sağlar; bazı bileşenler (örn. `useTheme`) yalnızca provider içinde çalışır.
71
+
72
+ PiTable örneği — alt tablo (subtable) ve expandable row
73
+
74
+ Aşağıdaki örnek, `PiTable` kullanımını, alt tabloyu (subtable) ve bir `user.id` tıklamasıyla satırı genişletmeyi gösterir:
75
+
76
+ ```tsx
77
+ import React, { useState } from 'react'
78
+ import { PiTable } from '@wface/pixel-ui'
79
+
80
+ const data = [
81
+ { id: 'u1', name: 'Ali', email: 'ali@example.com' },
82
+ { id: 'u2', name: 'Ayşe', email: 'ayse@example.com' },
83
+ ]
84
+
85
+ function HomeTable() {
86
+ const [expanded, setExpanded] = useState<Record<string, boolean>>({})
87
+
88
+ const toggle = (id: string) => setExpanded(prev => ({ ...prev, [id]: !prev[id] }))
89
+
90
+ return (
91
+ <PiTable>
92
+ <PiTable.TableHeader>
93
+ <PiTable.TableRow>
94
+ <PiTable.TableCell width={120}>ID</PiTable.TableCell>
95
+ <PiTable.TableCell>İsim</PiTable.TableCell>
96
+ <PiTable.TableCell>Mail</PiTable.TableCell>
97
+ </PiTable.TableRow>
98
+ </PiTable.TableHeader>
99
+
100
+ <PiTable.TableBody>
101
+ {data.map((u) => (
102
+ <PiTable.TableRow
103
+ key={u.id}
104
+ id={`row-${u.id}`}
105
+ onClick={() => toggle(u.id)}
106
+ showSubTable={!!expanded[u.id]}
107
+ subTable={
108
+ <PiTable subTable variant="bordered">
109
+ <PiTable.TableHeader>
110
+ <PiTable.TableRow>
111
+ <PiTable.TableCell>Alt Bilgi</PiTable.TableCell>
112
+ </PiTable.TableRow>
113
+ </PiTable.TableHeader>
114
+ <PiTable.TableBody>
115
+ <PiTable.TableRow>
116
+ <PiTable.TableCell>{`Detay: ${u.email}`}</PiTable.TableCell>
117
+ </PiTable.TableRow>
118
+ </PiTable.TableBody>
119
+ </PiTable>
120
+ }
121
+ >
122
+ <PiTable.TableCell width={120}>{u.id}</PiTable.TableCell>
123
+ <PiTable.TableCell>{u.name}</PiTable.TableCell>
124
+ <PiTable.TableCell>{u.email}</PiTable.TableCell>
125
+ </PiTable.TableRow>
126
+ ))}
127
+ </PiTable.TableBody>
128
+ </PiTable>
129
+ )
130
+ }
131
+ ```
132
+
133
+ Açıklamalar:
134
+ - `PiTable.TableRow`, `PiTable.TableCell`, `PiTable.TableHeader`, `PiTable.TableBody` alt bileşenleri `PiTable`'ın üzerine eklenmiş şekilde kullanılabilir.
135
+ - `subTable` prop'u bir React düğüm (element) bekler; `showSubTable` ile görünürlüğü kontrol edebilirsiniz.
136
+ - Satır genişletme (expand) davranışı örnekte tıklama ile yapıldı; isterseniz daha kontrollü state yönetimi sağlayabilirsiniz.
137
+
138
+ Stiller & tema
139
+
140
+ - Paket `styles.css` (dist içinde) ile birlikte gelir. Uygulamanıza dahil etmek için `import '@wface/pixel-ui/styles.css'` kullanın.
141
+ - SCSS kaynakları `src/styles` içinde bulunur. Değiştirilebilir tokenlar ve temalar `tokens/` ve `theme.scss` içinde yer alır.
142
+ - Utility sınıflar `src/styles/_utilities.scss` içinde tanımlıdır. `.pi-m-4`, `.pi-p-8`, `.pi-flex` gibi sınıflarla hızlı düzenlemeler yapabilirsiniz.
143
+
144
+ Geliştirme & build
145
+
146
+ Proje kökünde (paket dizini) yaygın script'ler:
147
+
148
+ - `yarn dev` — kütüphaneyi uygulama modunda çalıştırır (Vite dev server).
149
+ - `yarn dev:lib` — yalnızca kütüphane için Vite server (farklı port).
150
+ - `yarn build` — kütüphaneyi üretim için derler (Vite build) ve TypeScript tiplerini (`.d.ts`) üretir.
151
+ - `yarn clean` — `dist` klasörünü temizler.
152
+ - `yarn prepublishOnly` — yayın öncesi temizleme ve build çalıştırır.
153
+
154
+ Örnek: lokal geliştirme
155
+
156
+ 1. repo kökünde bağımlılıkları yükleyin (örn. `yarn` veya `npm install`).
157
+ 2. Bu pakete gelin: `cd packages/lib` (eğer monorepo düzeni varsa).
158
+ 3. `yarn dev` ile story/dev uygulamayı başlatın.
159
+
160
+ Yayınlama
161
+
162
+ Paket `dist` klasörünü içerir ve `package.json` içindeki `files` alanı sayesinde sadece `dist` yayımlanır. Paket yayınlamadan önce:
163
+
164
+ ```bash
165
+ yarn clean && yarn build
166
+ # ardından npm publish (veya yarn publish)
167
+ ```
168
+
169
+ Paket `publishConfig.access` `public` olarak ayarlı, npm registry'ye public olarak yayınlar.
170
+
171
+ Yardımcı (utilities)
172
+
173
+ `_utilities.scss` içinde bir dizi yardımcı sınıf (spacing, typography, display, gap, border vb.) bulunur. Bu sınıflar hızlı layout ve spacing işleri için uygundur ve komponent modul SCSS'leri içinde `@extend` veya component className ile kullanılabilir.
174
+
175
+ Örnekler:
176
+ - `.pi-m-4` — tüm kenarlar için margin
177
+ - `.pi-px-8` — yatay padding
178
+ - `.pi-flex`, `.pi-items-center`, `.pi-justify-between` — flex helper'lar
179
+
180
+ Katkıda bulunma
181
+
182
+ - Yeni bileşen eklerken, `src/components` altında modüler şekilde oluşturun ve `src/index.ts` içinde export edin.
183
+ - Stil değişiklikleri SCSS token ve utilities üzerinden yapılmalı.
184
+ - Build ve test aşamalarını yerel olarak çalıştırıp kontrol edin.
185
+
186
+ Sorun giderme / sık karşılaşılan hatalar
187
+
188
+ - "useTheme must be used within ThemeProvider" hatası: `useTheme` hook'unu kullanmadan önce `ThemeProvider` veya `Pixel` provider'ı render ağacına eklediğinizden emin olun.
189
+ - Stiller görünmüyorsa: uygulamanızın entry noktasında `@wface/pixel-ui/styles.css` import edildiğinden emin olun.
190
+ - Peer dependency hataları: proje React versiyonunun paket peer dependency ile uyumlu olduğundan emin olun.
191
+
192
+ İletişim & daha fazla bilgi
193
+
194
+ Daha detaylı kullanım örnekleri ve demo uygulamalar `packages/lib/src/demo` ve `packages/docs` içinde bulunabilir (monorepo yapısına bağlı olarak). Hata bildirmek veya katkıda bulunmak için repository'de issue açabilirsiniz.
195
+
196
+ Lisans
197
+
198
+ Bu proje lisans bilgilerini repository kökünde bulundurur. (Burada proje lisansı belirtilmemişse, kök dizindeki `LICENSE` dosyasına bakın.)
199
+
200
+ ---
201
+ >>>>>>> 4537863 (Initial commit)
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
- label?: string;
3
+ label?: React.ReactNode;
4
4
  }
5
5
  declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
6
6
  export default Checkbox;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,aAAc,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,wFAoBb,CAAC;AAGF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,aAAc,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,wFAoBb,CAAC;AAGF,eAAe,QAAQ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,KAAM,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CA6D1B,CAAC;AAGF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,KAAM,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CAiE1B,CAAC;AAGF,eAAe,KAAK,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
- label?: string;
3
+ label?: React.ReactNode;
4
4
  }
5
5
  declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
6
6
  export default Radio;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,KAAK,qFAiCV,CAAA;AAGD,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,QAAA,MAAM,KAAK,qFAiCV,CAAA;AAGD,eAAe,KAAK,CAAA"}
@@ -2,6 +2,7 @@ import type { FC } from 'react';
2
2
  interface TruncateTextProps {
3
3
  data?: string;
4
4
  size?: number;
5
+ className?: string;
5
6
  }
6
7
  declare const TruncateText: FC<TruncateTextProps>;
7
8
  export default TruncateText;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/truncate-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwBvC,CAAA;AAGD,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/truncate-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgBvC,CAAA;AAGD,eAAe,YAAY,CAAA"}
package/dist/index.cjs CHANGED
@@ -1,17 +1,17 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),NC=require("wface"),l=require("react"),wg=require("react-dom");function fe(A){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(A){for(const C in A)if(C!=="default"){const I=Object.getOwnPropertyDescriptor(A,C);Object.defineProperty(g,C,I.get?I:{enumerable:!0,get:()=>A[C]})}}return g.default=A,Object.freeze(g)}const pe=fe(NC),N=fe(l),he=l.createContext(void 0),ve=({children:A})=>{const[g,C]=l.useState("light"),[I,B]=l.useState(!0),E=t=>{C(t),document.body.setAttribute("data-theme",t),localStorage.setItem("theme",t)},Q=()=>{C(t=>{const n=t==="light"?"dark":"light";return document.body.setAttribute("data-theme",n),localStorage.setItem("theme",n),n})},e=()=>{B(t=>{const n=!t;return localStorage.setItem("expanded",JSON.stringify(n)),n})};return l.useEffect(()=>{const n=localStorage.getItem("theme")||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");C(n),document.body.setAttribute("data-theme",n)},[]),l.useEffect(()=>{const t=localStorage.getItem("expanded");t!==null?B(JSON.parse(t)):localStorage.setItem("expanded",JSON.stringify(!0))},[]),a.jsx(he.Provider,{value:{theme:g,setTheme:E,toggleTheme:Q,expanded:I,toggleExpand:e},children:A})},ho=()=>{const A=l.useContext(he);if(!A)throw new Error("useTheme must be used within ThemeProvider");return A},vo="_region_jo93y_1",bo="_stack_jo93y_10",mo="_toast_jo93y_16",wo="_body_jo93y_29",Do="_icon_jo93y_35",yo="_neutral_jo93y_42",So="_message_jo93y_48",Po="_success_jo93y_51",xo="_warning_jo93y_60",No="_danger_jo93y_69",Ro="_info_jo93y_78",Sg={region:vo,stack:bo,toast:mo,body:wo,icon:Do,neutral:yo,message:So,success:Po,warning:xo,danger:No,info:Ro};function be(A){var g,C,I="";if(typeof A=="string"||typeof A=="number")I+=A;else if(typeof A=="object")if(Array.isArray(A))for(g=0;g<A.length;g++)A[g]&&(C=be(A[g]))&&(I&&(I+=" "),I+=C);else for(g in A)A[g]&&(I&&(I+=" "),I+=g);return I}function lA(){for(var A,g,C=0,I="";C<arguments.length;)(A=arguments[C++])&&(g=be(A))&&(I&&(I+=" "),I+=g);return I}var me={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},kE=l.createContext&&l.createContext(me),Fo=["attr","size","title"];function Oo(A,g){if(A==null)return{};var C=Mo(A,g),I,B;if(Object.getOwnPropertySymbols){var E=Object.getOwnPropertySymbols(A);for(B=0;B<E.length;B++)I=E[B],!(g.indexOf(I)>=0)&&Object.prototype.propertyIsEnumerable.call(A,I)&&(C[I]=A[I])}return C}function Mo(A,g){if(A==null)return{};var C={};for(var I in A)if(Object.prototype.hasOwnProperty.call(A,I)){if(g.indexOf(I)>=0)continue;C[I]=A[I]}return C}function QI(){return QI=Object.assign?Object.assign.bind():function(A){for(var g=1;g<arguments.length;g++){var C=arguments[g];for(var I in C)Object.prototype.hasOwnProperty.call(C,I)&&(A[I]=C[I])}return A},QI.apply(this,arguments)}function UE(A,g){var C=Object.keys(A);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(A);g&&(I=I.filter(function(B){return Object.getOwnPropertyDescriptor(A,B).enumerable})),C.push.apply(C,I)}return C}function eI(A){for(var g=1;g<arguments.length;g++){var C=arguments[g]!=null?arguments[g]:{};g%2?UE(Object(C),!0).forEach(function(I){ko(A,I,C[I])}):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(C)):UE(Object(C)).forEach(function(I){Object.defineProperty(A,I,Object.getOwnPropertyDescriptor(C,I))})}return A}function ko(A,g,C){return g=Uo(g),g in A?Object.defineProperty(A,g,{value:C,enumerable:!0,configurable:!0,writable:!0}):A[g]=C,A}function Uo(A){var g=Go(A,"string");return typeof g=="symbol"?g:g+""}function Go(A,g){if(typeof A!="object"||!A)return A;var C=A[Symbol.toPrimitive];if(C!==void 0){var I=C.call(A,g);if(typeof I!="object")return I;throw new TypeError("@@toPrimitive must return a primitive value.")}return(g==="string"?String:Number)(A)}function we(A){return A&&A.map((g,C)=>l.createElement(g.tag,eI({key:C},g.attr),we(g.child)))}function PA(A){return g=>l.createElement(Jo,QI({attr:eI({},A.attr)},g),we(A.child))}function Jo(A){var g=C=>{var{attr:I,size:B,title:E}=A,Q=Oo(A,Fo),e=B||C.size||"1em",t;return C.className&&(t=C.className),A.className&&(t=(t?t+" ":"")+A.className),l.createElement("svg",QI({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},C.attr,I,Q,{className:t,style:eI(eI({color:A.color||C.color},C.style),A.style),height:e,width:e,xmlns:"http://www.w3.org/2000/svg"}),E&&l.createElement("title",null,E),A.children)};return kE!==void 0?l.createElement(kE.Consumer,null,C=>g(C)):g(me)}function Ho(A){return PA({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0z"},child:[]},{tag:"path",attr:{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"},child:[]}]})(A)}function NB(A){return PA({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"},child:[]}]})(A)}function De(A){return PA({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"},child:[]}]})(A)}const ye=l.createContext(null),To=()=>Math.random().toString(36).slice(2,9);function Se({children:A,defaultDuration:g=6e3,maxVisible:C=3}){const[I,B]=l.useState([]),E=l.useRef({}),Q=l.useCallback(o=>{B(r=>r.filter(i=>i.id!==o)),E.current[o]&&(clearTimeout(E.current[o]),delete E.current[o])},[]),e=l.useCallback((o,r)=>{const i=r?.id??To(),s={id:i,message:o,variant:r?.variant??"neutral",duration:r?.duration===void 0?g:r.duration,actionLabel:r?.actionLabel,onAction:r?.onAction};return B(u=>{const d=[...u,s];return d.length>C&&d.shift(),d}),s.duration&&s.duration>0&&(E.current[i]=window.setTimeout(()=>Q(i),s.duration)),i},[g,C,Q]),t=l.useCallback(()=>{Object.values(E.current).forEach(o=>clearTimeout(o)),E.current={},B([])},[]),n=l.useMemo(()=>({show:e,dismiss:Q,clear:t}),[e,Q,t]);return a.jsxs(ye.Provider,{value:n,children:[A,wg.createPortal(a.jsx("div",{className:Sg.region,children:a.jsx("div",{className:Sg.stack,children:I.map(o=>a.jsxs("div",{className:lA(Sg.toast,o.variant?Sg[o.variant]:""),role:"status",children:[a.jsxs("div",{className:Sg.body,children:[a.jsx("span",{className:Sg.icon,children:a.jsx(NB,{size:18})}),a.jsx(DA,{size:"sm",weight:"regular",className:Sg.message,children:o.message})]}),o.actionLabel&&o.onAction&&a.jsx(fI,{variant:"subtle",onClick:()=>{o.onAction?.(),Q(o.id)},children:o.actionLabel})]},o.id))})}),document.body)]})}function Ko(){const A=l.useContext(ye);if(!A)throw new Error("useToast must be used within <ToastProvider>");return A}const Pe=A=>{const{config:g}=A;return a.jsx(ve,{children:a.jsx(Se,{defaultDuration:5e3,children:a.jsx(NC.WFace,{configuration:g})})})};Pe.displayName="Pixel";const Yo="_alert_1scdn_1",Vo="_wrapper_1scdn_5",Lo="_icon_1scdn_11",jo="_content_1scdn_18",Xo="_success_1scdn_23",zo="_bold_1scdn_29",Wo="_warning_1scdn_35",qo="_info_1scdn_47",Zo="_danger_1scdn_59",Gg={alert:Yo,wrapper:Vo,icon:Lo,content:jo,success:Xo,bold:zo,warning:Wo,info:qo,danger:Zo};function GE(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"line",attr:{x1:"12",y1:"8",x2:"12",y2:"12"},child:[]},{tag:"line",attr:{x1:"12",y1:"16",x2:"12.01",y2:"16"},child:[]}]})(A)}function _o(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"},child:[]},{tag:"line",attr:{x1:"12",y1:"9",x2:"12",y2:"13"},child:[]},{tag:"line",attr:{x1:"12",y1:"17",x2:"12.01",y2:"17"},child:[]}]})(A)}function $o(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"line",attr:{x1:"19",y1:"12",x2:"5",y2:"12"},child:[]},{tag:"polyline",attr:{points:"12 19 5 12 12 5"},child:[]}]})(A)}function RB(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"},child:[]},{tag:"line",attr:{x1:"16",y1:"2",x2:"16",y2:"6"},child:[]},{tag:"line",attr:{x1:"8",y1:"2",x2:"8",y2:"6"},child:[]},{tag:"line",attr:{x1:"3",y1:"10",x2:"21",y2:"10"},child:[]}]})(A)}function Ai(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"20 6 9 17 4 12"},child:[]}]})(A)}function gi(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"15 18 9 12 15 6"},child:[]}]})(A)}function xe(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"9 18 15 12 9 6"},child:[]}]})(A)}function Ci(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"polyline",attr:{points:"12 6 12 12 16 14"},child:[]}]})(A)}function Ii(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"},child:[]},{tag:"line",attr:{x1:"1",y1:"1",x2:"23",y2:"23"},child:[]}]})(A)}function Bi(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"},child:[]},{tag:"circle",attr:{cx:"12",cy:"12",r:"3"},child:[]}]})(A)}function Ei(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"1"},child:[]},{tag:"circle",attr:{cx:"12",cy:"5",r:"1"},child:[]},{tag:"circle",attr:{cx:"12",cy:"19",r:"1"},child:[]}]})(A)}function Qi(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"},child:[]},{tag:"circle",attr:{cx:"12",cy:"7",r:"4"},child:[]}]})(A)}function Ne(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"line",attr:{x1:"18",y1:"6",x2:"6",y2:"18"},child:[]},{tag:"line",attr:{x1:"6",y1:"6",x2:"18",y2:"18"},child:[]}]})(A)}const Re=A=>{const{variant:g,appearance:C="default",content:I,className:B}=A,E={success:a.jsx(Ai,{}),info:a.jsx(GE,{}),warning:a.jsx(_o,{}),danger:a.jsx(GE,{})};return a.jsx("div",{className:lA(Gg.alert,B,Gg[g],Gg[C]),children:a.jsx("div",{className:Gg.wrapper,children:l.isValidElement(I)?I:a.jsxs(a.Fragment,{children:[a.jsx("div",{className:Gg.icon,children:E[g]}),a.jsx("div",{className:Gg.content,children:I})]})})})};Re.displayName="PiAlert";const ei="_badge_13roa_1",ti="_danger_13roa_13",ni="_filled_13roa_17",ri="_success_13roa_21",oi="_warning_13roa_29",ii="_info_13roa_37",ai="_red_13roa_45",si="_orange_13roa_54",ci="_purple_13roa_62",li="_disabled_13roa_70",VC={badge:ei,danger:ti,filled:ni,success:ri,warning:oi,info:ii,red:ai,orange:si,purple:ci,disabled:li},Fe=A=>{const{variant:g,filled:C=!1,content:I,disabled:B,className:E=""}=A;return a.jsx("span",{className:lA(VC.badge,VC[g],C?VC.filled:"",E,B?VC.disabled:""),children:I})};Fe.displayName="PiBadge";const ui="_body_5fzmn_1",di="_left_5fzmn_6",fi="_center_5fzmn_10",pi="_right_5fzmn_14",hi="_truncate_5fzmn_18",vi="_muted_5fzmn_24",bi="_xxl_5fzmn_28",mi="_xl_5fzmn_33",wi="_lg_5fzmn_38",Di="_md_5fzmn_43",yi="_sm_5fzmn_48",Si="_light_5fzmn_53",Pi="_regular_5fzmn_57",xi="_medium_5fzmn_61",Ni="_semibold_5fzmn_65",Jg={body:ui,left:di,center:fi,right:pi,truncate:hi,muted:vi,xxl:bi,xl:mi,lg:wi,md:Di,sm:yi,light:Si,regular:Pi,medium:xi,semibold:Ni},Ri={xxl:"p",xl:"p",lg:"p",md:"p",sm:"p"},DA=A=>{const{children:g,className:C="",as:I,size:B="md",weight:E="regular",align:Q="inherit",muted:e,truncate:t}=A,n=I||Ri[B],o=[Jg.body,Jg[B],Jg[E],Jg[Q],e?Jg.muted:"",t?Jg.truncate:"",C].filter(Boolean).join(" ");return a.jsx(n,{className:o,children:g})};DA.displayName="PiBody";const Fi="_wrapper_thhtr_1",Oi="_list_thhtr_5",Mi="_item_thhtr_12",ki="_link_thhtr_16",Ui="_label_thhtr_25",Gi="_current_thhtr_28",Ji="_separator_thhtr_32",Pg={wrapper:Fi,list:Oi,item:Mi,link:ki,label:Ui,current:Gi,separator:Ji},Oe=({items:A,separator:g="/",className:C})=>a.jsx("nav",{className:lA(Pg.wrapper,C),"aria-label":"Breadcrumb",children:a.jsx("ol",{className:Pg.list,children:A.map((I,B)=>{const E=B===A.length-1;return a.jsxs("li",{className:Pg.item,children:[I.href&&!E?a.jsx("a",{href:I.href,className:Pg.link,children:I.label}):a.jsx("span",{className:lA(Pg.label,E&&Pg.current),children:I.label}),!E&&a.jsx("span",{className:Pg.separator,children:g})]},B)})})});Oe.displayName="PiBreadcrumb";const Hi="_button_1xylc_1",Ti="_primary_1xylc_14",Ki="_secondary_1xylc_26",Yi="_tertiary_1xylc_39",Vi="_subtle_1xylc_53",Li="_destructive_1xylc_65",ji="_success_1xylc_77",Xi="_warning_1xylc_89",zi="_fullWidth_1xylc_96",Wi="_link_1xylc_103",qi="_iconButton_1xylc_120",xg={button:Hi,primary:Ti,secondary:Ki,tertiary:Yi,subtle:Vi,destructive:Li,success:ji,warning:Xi,fullWidth:zi,link:Wi,iconButton:qi},fI=A=>{const{children:g,variant:C="primary",className:I="",fullWidth:B=!1,link:E=!1,prefixIcon:Q,suffixIcon:e,iconButton:t,...n}=A;return a.jsxs("button",{...n,className:`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),NC=require("wface"),l=require("react"),wg=require("react-dom");function fe(A){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(A){for(const C in A)if(C!=="default"){const I=Object.getOwnPropertyDescriptor(A,C);Object.defineProperty(g,C,I.get?I:{enumerable:!0,get:()=>A[C]})}}return g.default=A,Object.freeze(g)}const pe=fe(NC),N=fe(l),he=l.createContext(void 0),ve=({children:A})=>{const[g,C]=l.useState("light"),[I,B]=l.useState(!0),E=t=>{C(t),document.body.setAttribute("data-theme",t),localStorage.setItem("theme",t)},Q=()=>{C(t=>{const n=t==="light"?"dark":"light";return document.body.setAttribute("data-theme",n),localStorage.setItem("theme",n),n})},e=()=>{B(t=>{const n=!t;return localStorage.setItem("expanded",JSON.stringify(n)),n})};return l.useEffect(()=>{const n=localStorage.getItem("theme")||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");C(n),document.body.setAttribute("data-theme",n)},[]),l.useEffect(()=>{const t=localStorage.getItem("expanded");t!==null?B(JSON.parse(t)):localStorage.setItem("expanded",JSON.stringify(!0))},[]),a.jsx(he.Provider,{value:{theme:g,setTheme:E,toggleTheme:Q,expanded:I,toggleExpand:e},children:A})},ho=()=>{const A=l.useContext(he);if(!A)throw new Error("useTheme must be used within ThemeProvider");return A},vo="_region_jo93y_1",bo="_stack_jo93y_10",mo="_toast_jo93y_16",wo="_body_jo93y_29",Do="_icon_jo93y_35",yo="_neutral_jo93y_42",So="_message_jo93y_48",Po="_success_jo93y_51",xo="_warning_jo93y_60",No="_danger_jo93y_69",Ro="_info_jo93y_78",Sg={region:vo,stack:bo,toast:mo,body:wo,icon:Do,neutral:yo,message:So,success:Po,warning:xo,danger:No,info:Ro};function be(A){var g,C,I="";if(typeof A=="string"||typeof A=="number")I+=A;else if(typeof A=="object")if(Array.isArray(A))for(g=0;g<A.length;g++)A[g]&&(C=be(A[g]))&&(I&&(I+=" "),I+=C);else for(g in A)A[g]&&(I&&(I+=" "),I+=g);return I}function lA(){for(var A,g,C=0,I="";C<arguments.length;)(A=arguments[C++])&&(g=be(A))&&(I&&(I+=" "),I+=g);return I}var me={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},kE=l.createContext&&l.createContext(me),Fo=["attr","size","title"];function Oo(A,g){if(A==null)return{};var C=Mo(A,g),I,B;if(Object.getOwnPropertySymbols){var E=Object.getOwnPropertySymbols(A);for(B=0;B<E.length;B++)I=E[B],!(g.indexOf(I)>=0)&&Object.prototype.propertyIsEnumerable.call(A,I)&&(C[I]=A[I])}return C}function Mo(A,g){if(A==null)return{};var C={};for(var I in A)if(Object.prototype.hasOwnProperty.call(A,I)){if(g.indexOf(I)>=0)continue;C[I]=A[I]}return C}function QI(){return QI=Object.assign?Object.assign.bind():function(A){for(var g=1;g<arguments.length;g++){var C=arguments[g];for(var I in C)Object.prototype.hasOwnProperty.call(C,I)&&(A[I]=C[I])}return A},QI.apply(this,arguments)}function UE(A,g){var C=Object.keys(A);if(Object.getOwnPropertySymbols){var I=Object.getOwnPropertySymbols(A);g&&(I=I.filter(function(B){return Object.getOwnPropertyDescriptor(A,B).enumerable})),C.push.apply(C,I)}return C}function eI(A){for(var g=1;g<arguments.length;g++){var C=arguments[g]!=null?arguments[g]:{};g%2?UE(Object(C),!0).forEach(function(I){ko(A,I,C[I])}):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(C)):UE(Object(C)).forEach(function(I){Object.defineProperty(A,I,Object.getOwnPropertyDescriptor(C,I))})}return A}function ko(A,g,C){return g=Uo(g),g in A?Object.defineProperty(A,g,{value:C,enumerable:!0,configurable:!0,writable:!0}):A[g]=C,A}function Uo(A){var g=Go(A,"string");return typeof g=="symbol"?g:g+""}function Go(A,g){if(typeof A!="object"||!A)return A;var C=A[Symbol.toPrimitive];if(C!==void 0){var I=C.call(A,g);if(typeof I!="object")return I;throw new TypeError("@@toPrimitive must return a primitive value.")}return(g==="string"?String:Number)(A)}function we(A){return A&&A.map((g,C)=>l.createElement(g.tag,eI({key:C},g.attr),we(g.child)))}function PA(A){return g=>l.createElement(Jo,QI({attr:eI({},A.attr)},g),we(A.child))}function Jo(A){var g=C=>{var{attr:I,size:B,title:E}=A,Q=Oo(A,Fo),e=B||C.size||"1em",t;return C.className&&(t=C.className),A.className&&(t=(t?t+" ":"")+A.className),l.createElement("svg",QI({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},C.attr,I,Q,{className:t,style:eI(eI({color:A.color||C.color},C.style),A.style),height:e,width:e,xmlns:"http://www.w3.org/2000/svg"}),E&&l.createElement("title",null,E),A.children)};return kE!==void 0?l.createElement(kE.Consumer,null,C=>g(C)):g(me)}function Ho(A){return PA({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0z"},child:[]},{tag:"path",attr:{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"},child:[]}]})(A)}function NB(A){return PA({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"},child:[]}]})(A)}function De(A){return PA({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"},child:[]}]})(A)}const ye=l.createContext(null),To=()=>crypto.randomUUID();function Se({children:A,defaultDuration:g=6e3,maxVisible:C=3}){const[I,B]=l.useState([]),E=l.useRef({}),Q=l.useCallback(o=>{B(r=>r.filter(i=>i.id!==o)),E.current[o]&&(clearTimeout(E.current[o]),delete E.current[o])},[]),e=l.useCallback((o,r)=>{const i=r?.id??To(),s={id:i,message:o,variant:r?.variant??"neutral",duration:r?.duration===void 0?g:r.duration,actionLabel:r?.actionLabel,onAction:r?.onAction};return B(u=>{const d=[...u,s];return d.length>C&&d.shift(),d}),s.duration&&s.duration>0&&(E.current[i]=window.setTimeout(()=>Q(i),s.duration)),i},[g,C,Q]),t=l.useCallback(()=>{Object.values(E.current).forEach(o=>clearTimeout(o)),E.current={},B([])},[]),n=l.useMemo(()=>({show:e,dismiss:Q,clear:t}),[e,Q,t]);return a.jsxs(ye.Provider,{value:n,children:[A,wg.createPortal(a.jsx("div",{className:Sg.region,children:a.jsx("div",{className:Sg.stack,children:I.map(o=>a.jsxs("div",{className:lA(Sg.toast,o.variant?Sg[o.variant]:""),role:"status",children:[a.jsxs("div",{className:Sg.body,children:[a.jsx("span",{className:Sg.icon,children:a.jsx(NB,{size:18})}),a.jsx(DA,{size:"sm",weight:"regular",className:Sg.message,children:o.message})]}),o.actionLabel&&o.onAction&&a.jsx(fI,{variant:"subtle",onClick:()=>{o.onAction?.(),Q(o.id)},children:o.actionLabel})]},o.id))})}),document.body)]})}function Ko(){const A=l.useContext(ye);if(!A)throw new Error("useToast must be used within <ToastProvider>");return A}const Pe=A=>{const{config:g}=A;return a.jsx(ve,{children:a.jsx(Se,{defaultDuration:5e3,children:a.jsx(NC.WFace,{configuration:g})})})};Pe.displayName="Pixel";const Yo="_alert_1scdn_1",Vo="_wrapper_1scdn_5",Lo="_icon_1scdn_11",jo="_content_1scdn_18",Xo="_success_1scdn_23",zo="_bold_1scdn_29",Wo="_warning_1scdn_35",qo="_info_1scdn_47",Zo="_danger_1scdn_59",Gg={alert:Yo,wrapper:Vo,icon:Lo,content:jo,success:Xo,bold:zo,warning:Wo,info:qo,danger:Zo};function GE(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"line",attr:{x1:"12",y1:"8",x2:"12",y2:"12"},child:[]},{tag:"line",attr:{x1:"12",y1:"16",x2:"12.01",y2:"16"},child:[]}]})(A)}function _o(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"},child:[]},{tag:"line",attr:{x1:"12",y1:"9",x2:"12",y2:"13"},child:[]},{tag:"line",attr:{x1:"12",y1:"17",x2:"12.01",y2:"17"},child:[]}]})(A)}function $o(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"line",attr:{x1:"19",y1:"12",x2:"5",y2:"12"},child:[]},{tag:"polyline",attr:{points:"12 19 5 12 12 5"},child:[]}]})(A)}function RB(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"},child:[]},{tag:"line",attr:{x1:"16",y1:"2",x2:"16",y2:"6"},child:[]},{tag:"line",attr:{x1:"8",y1:"2",x2:"8",y2:"6"},child:[]},{tag:"line",attr:{x1:"3",y1:"10",x2:"21",y2:"10"},child:[]}]})(A)}function Ai(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"20 6 9 17 4 12"},child:[]}]})(A)}function gi(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"15 18 9 12 15 6"},child:[]}]})(A)}function xe(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"9 18 15 12 9 6"},child:[]}]})(A)}function Ci(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"polyline",attr:{points:"12 6 12 12 16 14"},child:[]}]})(A)}function Ii(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"},child:[]},{tag:"line",attr:{x1:"1",y1:"1",x2:"23",y2:"23"},child:[]}]})(A)}function Bi(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"},child:[]},{tag:"circle",attr:{cx:"12",cy:"12",r:"3"},child:[]}]})(A)}function Ei(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"1"},child:[]},{tag:"circle",attr:{cx:"12",cy:"5",r:"1"},child:[]},{tag:"circle",attr:{cx:"12",cy:"19",r:"1"},child:[]}]})(A)}function Qi(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"},child:[]},{tag:"circle",attr:{cx:"12",cy:"7",r:"4"},child:[]}]})(A)}function Ne(A){return PA({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"line",attr:{x1:"18",y1:"6",x2:"6",y2:"18"},child:[]},{tag:"line",attr:{x1:"6",y1:"6",x2:"18",y2:"18"},child:[]}]})(A)}const Re=A=>{const{variant:g,appearance:C="default",content:I,className:B}=A,E={success:a.jsx(Ai,{}),info:a.jsx(GE,{}),warning:a.jsx(_o,{}),danger:a.jsx(GE,{})};return a.jsx("div",{className:lA(Gg.alert,B,Gg[g],Gg[C]),children:a.jsx("div",{className:Gg.wrapper,children:l.isValidElement(I)?I:a.jsxs(a.Fragment,{children:[a.jsx("div",{className:Gg.icon,children:E[g]}),a.jsx("div",{className:Gg.content,children:I})]})})})};Re.displayName="PiAlert";const ei="_badge_13roa_1",ti="_danger_13roa_13",ni="_filled_13roa_17",ri="_success_13roa_21",oi="_warning_13roa_29",ii="_info_13roa_37",ai="_red_13roa_45",si="_orange_13roa_54",ci="_purple_13roa_62",li="_disabled_13roa_70",VC={badge:ei,danger:ti,filled:ni,success:ri,warning:oi,info:ii,red:ai,orange:si,purple:ci,disabled:li},Fe=A=>{const{variant:g,filled:C=!1,content:I,disabled:B,className:E=""}=A;return a.jsx("span",{className:lA(VC.badge,VC[g],C?VC.filled:"",E,B?VC.disabled:""),children:I})};Fe.displayName="PiBadge";const ui="_body_5fzmn_1",di="_left_5fzmn_6",fi="_center_5fzmn_10",pi="_right_5fzmn_14",hi="_truncate_5fzmn_18",vi="_muted_5fzmn_24",bi="_xxl_5fzmn_28",mi="_xl_5fzmn_33",wi="_lg_5fzmn_38",Di="_md_5fzmn_43",yi="_sm_5fzmn_48",Si="_light_5fzmn_53",Pi="_regular_5fzmn_57",xi="_medium_5fzmn_61",Ni="_semibold_5fzmn_65",Jg={body:ui,left:di,center:fi,right:pi,truncate:hi,muted:vi,xxl:bi,xl:mi,lg:wi,md:Di,sm:yi,light:Si,regular:Pi,medium:xi,semibold:Ni},Ri={xxl:"p",xl:"p",lg:"p",md:"p",sm:"p"},DA=A=>{const{children:g,className:C="",as:I,size:B="md",weight:E="regular",align:Q="inherit",muted:e,truncate:t}=A,n=I||Ri[B],o=[Jg.body,Jg[B],Jg[E],Jg[Q],e?Jg.muted:"",t?Jg.truncate:"",C].filter(Boolean).join(" ");return a.jsx(n,{className:o,children:g})};DA.displayName="PiBody";const Fi="_wrapper_thhtr_1",Oi="_list_thhtr_5",Mi="_item_thhtr_12",ki="_link_thhtr_16",Ui="_label_thhtr_25",Gi="_current_thhtr_28",Ji="_separator_thhtr_32",Pg={wrapper:Fi,list:Oi,item:Mi,link:ki,label:Ui,current:Gi,separator:Ji},Oe=({items:A,separator:g="/",className:C})=>a.jsx("nav",{className:lA(Pg.wrapper,C),"aria-label":"Breadcrumb",children:a.jsx("ol",{className:Pg.list,children:A.map((I,B)=>{const E=B===A.length-1;return a.jsxs("li",{className:Pg.item,children:[I.href&&!E?a.jsx("a",{href:I.href,className:Pg.link,children:I.label}):a.jsx("span",{className:lA(Pg.label,E&&Pg.current),children:I.label}),!E&&a.jsx("span",{className:Pg.separator,children:g})]},B)})})});Oe.displayName="PiBreadcrumb";const Hi="_button_1xylc_1",Ti="_primary_1xylc_14",Ki="_secondary_1xylc_26",Yi="_tertiary_1xylc_39",Vi="_subtle_1xylc_53",Li="_destructive_1xylc_65",ji="_success_1xylc_77",Xi="_warning_1xylc_89",zi="_fullWidth_1xylc_96",Wi="_link_1xylc_103",qi="_iconButton_1xylc_120",xg={button:Hi,primary:Ti,secondary:Ki,tertiary:Yi,subtle:Vi,destructive:Li,success:ji,warning:Xi,fullWidth:zi,link:Wi,iconButton:qi},fI=A=>{const{children:g,variant:C="primary",className:I="",fullWidth:B=!1,link:E=!1,prefixIcon:Q,suffixIcon:e,iconButton:t,...n}=A;return a.jsxs("button",{...n,className:`
2
2
  ${xg.button}
3
3
  ${xg[C]}
4
4
  ${I}
5
5
  ${B?xg.fullWidth:""}
6
6
  ${E?xg.link:""}
7
7
  ${t?xg.iconButton:""}
8
- `,children:[Q&&a.jsx("span",{className:xg.icon,children:Q}),g,e&&a.jsx("span",{className:xg.icon,children:e})]})};fI.displayName="PiButton";const Zi="_checkbox_19q9y_1",_i="_box_19q9y_11",$i="_check_19q9y_1",Aa="_label_19q9y_33",EC={checkbox:Zi,box:_i,check:$i,label:Aa},Me=l.forwardRef(({label:A,className:g="",...C},I)=>a.jsxs("div",{className:`${EC.checkbox} ${g||""}`,children:[a.jsx("input",{ref:I,type:"checkbox",className:EC.input,...C}),a.jsxs("label",{htmlFor:C.id,children:[a.jsx("div",{className:EC.box,children:a.jsx("span",{className:EC.check,children:a.jsx(NB,{})})}),A&&a.jsx("span",{className:EC.label,children:A})]})]}));Me.displayName="PiCheckbox";const ga="_heading_1ptr3_1",Ca="_h1_1ptr3_8",Ia="_h2_1ptr3_13",Ba="_h3_1ptr3_18",Ea="_h4_1ptr3_23",Qa="_h5_1ptr3_28",ea="_h6_1ptr3_33",ta="_left_1ptr3_38",na="_center_1ptr3_42",ra="_right_1ptr3_46",oa="_truncate_1ptr3_50",LC={heading:ga,h1:Ca,h2:Ia,h3:Ba,h4:Ea,h5:Qa,h6:ea,left:ta,center:na,right:ra,truncate:oa},ia={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6"},ke=A=>{const{variant:g,children:C,className:I="",as:B,align:E="inherit",truncate:Q}=A,e=B||ia[g],t=[LC.heading,LC[g],LC[E],Q?LC.truncate:"",I].filter(Boolean).join(" ");return a.jsx(e,{className:t,children:C})};ke.displayName="PiHeading";const aa="_inputContainer_edg5z_1",sa="_input_edg5z_1",ca="_desc_edg5z_16",la="_inputWrapper_edg5z_21",ua="_showPassword_edg5z_47",da="_prefix_edg5z_61",fa="_suffix_edg5z_61",pa="_withSuffix_edg5z_77",ha="_withPassword_edg5z_77",va="_withPrefix_edg5z_80",ba="_timeInput_edg5z_83",ma="_errorInput_edg5z_95",wa="_error_edg5z_95",Da="_errorMessage_edg5z_105",xA={inputContainer:aa,input:sa,desc:ca,inputWrapper:la,showPassword:ua,prefix:da,suffix:fa,withSuffix:pa,withPassword:ha,withPrefix:va,timeInput:ba,errorInput:ma,error:wa,errorMessage:Da},jg=A=>{const{label:g="",labelDescription:C="",className:I="",error:B,errorMessage:E,type:Q,min:e,prefixIcon:t,suffixIcon:n,...o}=A,[r,i]=l.useState(!1),[s,u]=l.useState(null),d=f=>{const v=f.target.value;Q==="number"&&typeof e=="number"&&e>=0&&(Number(v)<0?u("Value must be a positive number."):u(null)),o.onChange?.(f)},c=Q==="password"?r?"text":"password":Q;return a.jsxs("div",{className:`${xA.inputContainer} ${I}`,children:[a.jsxs("div",{className:`${xA.input} ${B||s?xA.errorInput:""}`,children:[g?a.jsx("label",{htmlFor:o.id,className:xA.label,children:g}):null,C?a.jsx(DA,{size:"sm",weight:"light",as:"span",className:xA.desc,children:C}):null,a.jsxs("div",{className:`
8
+ `,children:[Q&&a.jsx("span",{className:xg.icon,children:Q}),g,e&&a.jsx("span",{className:xg.icon,children:e})]})};fI.displayName="PiButton";const Zi="_checkbox_15rrt_1",_i="_box_15rrt_11",$i="_check_15rrt_1",Aa="_label_15rrt_33",EC={checkbox:Zi,box:_i,check:$i,label:Aa},Me=l.forwardRef(({label:A,className:g="",...C},I)=>a.jsxs("div",{className:`${EC.checkbox} ${g||""}`,children:[a.jsx("input",{ref:I,type:"checkbox",className:EC.input,...C}),a.jsxs("label",{htmlFor:C.id,children:[a.jsx("div",{className:EC.box,children:a.jsx("span",{className:EC.check,children:a.jsx(NB,{})})}),A&&a.jsx("span",{className:EC.label,children:A})]})]}));Me.displayName="PiCheckbox";const ga="_heading_1ptr3_1",Ca="_h1_1ptr3_8",Ia="_h2_1ptr3_13",Ba="_h3_1ptr3_18",Ea="_h4_1ptr3_23",Qa="_h5_1ptr3_28",ea="_h6_1ptr3_33",ta="_left_1ptr3_38",na="_center_1ptr3_42",ra="_right_1ptr3_46",oa="_truncate_1ptr3_50",LC={heading:ga,h1:Ca,h2:Ia,h3:Ba,h4:Ea,h5:Qa,h6:ea,left:ta,center:na,right:ra,truncate:oa},ia={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6"},ke=A=>{const{variant:g,children:C,className:I="",as:B,align:E="inherit",truncate:Q}=A,e=B||ia[g],t=[LC.heading,LC[g],LC[E],Q?LC.truncate:"",I].filter(Boolean).join(" ");return a.jsx(e,{className:t,children:C})};ke.displayName="PiHeading";const aa="_inputContainer_1c8vl_1",sa="_input_1c8vl_1",ca="_desc_1c8vl_16",la="_inputWrapper_1c8vl_21",ua="_showPassword_1c8vl_47",da="_prefix_1c8vl_61",fa="_suffix_1c8vl_61",pa="_withSuffix_1c8vl_77",ha="_withPassword_1c8vl_77",va="_withPrefix_1c8vl_80",ba="_timeInput_1c8vl_83",ma="_errorInput_1c8vl_95",wa="_error_1c8vl_95",Da="_errorMessage_1c8vl_105",xA={inputContainer:aa,input:sa,desc:ca,inputWrapper:la,showPassword:ua,prefix:da,suffix:fa,withSuffix:pa,withPassword:ha,withPrefix:va,timeInput:ba,errorInput:ma,error:wa,errorMessage:Da},jg=A=>{const{label:g="",labelDescription:C="",className:I="",error:B,errorMessage:E,type:Q,min:e,prefixIcon:t,suffixIcon:n,...o}=A,[r,i]=l.useState(!1),[s,u]=l.useState(null),d=f=>{const v=f.target.value;Q==="number"&&typeof e=="number"&&e>=0&&(Number(v)<0?u("Value must be a positive number."):u(null)),o.onChange?.(f)},c=Q==="password"?r?"text":"password":Q;return a.jsxs("div",{className:`${xA.inputContainer} ${I}`,children:[a.jsxs("div",{className:`${xA.input} ${B||s?xA.errorInput:""}`,children:[g?a.jsx("label",{htmlFor:o.id,className:xA.label,children:g}):null,C?a.jsx(DA,{size:"sm",weight:"light",as:"span",className:xA.desc,children:C}):null,a.jsxs("div",{className:`
9
9
  ${xA.inputWrapper}
10
10
  ${t?xA.withPrefix:""}
11
11
  ${n?xA.withSuffix:""}
12
12
  ${Q==="password"?xA.withPassword:""}
13
13
  ${Q==="time"?xA.timeInput:""}
14
- `,children:[t&&a.jsx("span",{className:xA.prefix,children:t}),a.jsx("input",{...o,type:c,min:e,onChange:d}),Q==="password"?a.jsx("span",{className:xA.showPassword,onClick:()=>i(!r),children:r?a.jsx(Ii,{}):a.jsx(Bi,{})}):n&&a.jsx("span",{className:xA.suffix,children:n})]})]}),(B||s)&&a.jsx("div",{className:xA.error,children:a.jsx("span",{className:xA.errorMessage,children:s||E})})]})};jg.displayName="PiInput";const ya="_container_1iucr_1",Sa="_textarea_1iucr_4",Pa="_desc_1iucr_16",xa="_wrapper_1iucr_21",Na="_prefix_1iucr_52",Ra="_suffix_1iucr_52",Fa="_withSuffix_1iucr_70",Oa="_withPrefix_1iucr_73",Ma="_error_1iucr_86",ka="_errorMessage_1iucr_89",LA={container:ya,textarea:Sa,desc:Pa,wrapper:xa,prefix:Na,suffix:Ra,withSuffix:Fa,withPrefix:Oa,error:Ma,errorMessage:ka},Ue=A=>{const{label:g="",labelDescription:C="",className:I="",error:B,errorMessage:E,prefixIcon:Q,suffixIcon:e,...t}=A;return a.jsxs("div",{className:`${LA.container} ${I}`,children:[a.jsxs("div",{className:`${LA.textarea} ${B?LA.errorTextarea:""}`,children:[g?a.jsx("label",{className:LA.label,children:g}):null,C?a.jsx(DA,{size:"sm",weight:"light",as:"span",className:LA.desc,children:C}):null,a.jsxs("div",{className:`
14
+ `,children:[t&&a.jsx("span",{className:xA.prefix,children:t}),a.jsx("input",{...o,type:c,min:e,onChange:d}),Q==="password"?a.jsx("span",{className:xA.showPassword,onClick:()=>i(!r),role:"button","aria-label":r?"Hide password":"Show password",tabIndex:0,onKeyDown:f=>f.key==="Enter"&&i(!r),children:r?a.jsx(Ii,{}):a.jsx(Bi,{})}):n&&a.jsx("span",{className:xA.suffix,children:n})]})]}),(B||s)&&a.jsx("div",{className:xA.error,children:a.jsx("span",{className:xA.errorMessage,children:s||E})})]})};jg.displayName="PiInput";const ya="_container_1iucr_1",Sa="_textarea_1iucr_4",Pa="_desc_1iucr_16",xa="_wrapper_1iucr_21",Na="_prefix_1iucr_52",Ra="_suffix_1iucr_52",Fa="_withSuffix_1iucr_70",Oa="_withPrefix_1iucr_73",Ma="_error_1iucr_86",ka="_errorMessage_1iucr_89",LA={container:ya,textarea:Sa,desc:Pa,wrapper:xa,prefix:Na,suffix:Ra,withSuffix:Fa,withPrefix:Oa,error:Ma,errorMessage:ka},Ue=A=>{const{label:g="",labelDescription:C="",className:I="",error:B,errorMessage:E,prefixIcon:Q,suffixIcon:e,...t}=A;return a.jsxs("div",{className:`${LA.container} ${I}`,children:[a.jsxs("div",{className:`${LA.textarea} ${B?LA.errorTextarea:""}`,children:[g?a.jsx("label",{className:LA.label,children:g}):null,C?a.jsx(DA,{size:"sm",weight:"light",as:"span",className:LA.desc,children:C}):null,a.jsxs("div",{className:`
15
15
  ${LA.wrapper}
16
16
  ${Q?LA.withPrefix:""}
17
17
  ${e?LA.withSuffix:""}
@@ -187,5 +187,4 @@ ${iA.current.stack}
187
187
 
188
188
  Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
189
189
  More information: https://github.com/hello-pangea/dnd/blob/main/docs/api/droppable.md
190
- `)}],T9=[function({props:g}){g.renderClone||(process.env.NODE_ENV!=="production"?h(!1,"Must provide a clone render function (renderClone) for virtual lists"):h())},function({getPlaceholderRef:g}){g()&&(process.env.NODE_ENV!=="production"?h(!1,"Expected virtual list to not have a placeholder"):h())}];function K9(A){KC(()=>{oB(A,J9),A.props.mode==="standard"&&oB(A,H9),A.props.mode==="virtual"&&oB(A,T9)})}class Y9 extends l.PureComponent{constructor(...g){super(...g),this.state={isVisible:!!this.props.on,data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{this.state.animate==="close"&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(g,C){return g.shouldAnimate?g.on?{isVisible:!0,data:g.on,animate:"open"}:C.isVisible?{isVisible:!0,data:C.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!g.on,data:g.on,animate:"none"}}render(){if(!this.state.isVisible)return null;const g={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(g)}}const V9=A=>{const g=l.useContext(NI);g||(process.env.NODE_ENV!=="production"?h(!1,"Could not find app context"):h());const{contextId:C,isMovementAllowed:I}=g,B=l.useRef(null),E=l.useRef(null),{children:Q,droppableId:e,type:t,mode:n,direction:o,ignoreContainerClipping:r,isDropDisabled:i,isCombineEnabled:s,snapshot:u,useClone:d,updateViewportMaxScroll:c,getContainerForClone:f}=A,v=G(()=>B.current,[]),m=G((K=null)=>{B.current=K},[]),w=G(()=>E.current,[]),p=G((K=null)=>{E.current=K},[]);K9({props:A,getDroppableRef:v,getPlaceholderRef:w});const b=G(()=>{I()&&c({maxScroll:yr()})},[I,c]);O9({droppableId:e,type:t,mode:n,direction:o,isDropDisabled:i,isCombineEnabled:s,ignoreContainerClipping:r,getDroppableRef:v});const D=$(()=>l.createElement(Y9,{on:A.placeholder,shouldAnimate:A.shouldAnimatePlaceholder},({onClose:K,data:X,animate:k})=>l.createElement(G9,{placeholder:X,onClose:K,innerRef:p,animate:k,contextId:C,onTransitionEnd:b})),[C,b,A.placeholder,A.shouldAnimatePlaceholder,p]),S=$(()=>({innerRef:m,placeholder:D,droppableProps:{"data-rfd-droppable-id":e,"data-rfd-droppable-context-id":C}}),[C,e,D,m]),O=d?d.dragging.draggableId:null,R=$(()=>({droppableId:e,type:t,isUsingCloneFor:O}),[e,O,t]);function L(){if(!d)return null;const{dragging:K,render:X}=d,k=l.createElement(Lr,{draggableId:K.draggableId,index:K.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(x,V)=>X(x,V,K));return wg.createPortal(k,f())}return l.createElement(NE.Provider,{value:R},Q(S,u),L())};function L9(){return document.body||(process.env.NODE_ENV!=="production"?h(!1,"document.body is not ready"):h()),document.body}const le={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:L9},zr=A=>{let g={...A},C;for(C in le)A[C]===void 0&&(g={...g,[C]:le[C]});return g},iB=(A,g)=>A===g.droppable.type,ue=(A,g)=>g.draggables[A.draggable.id],j9=()=>{const A={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},g={...A,shouldAnimatePlaceholder:!1},C=hA(E=>({draggableId:E.id,type:E.type,source:{index:E.index,droppableId:E.droppableId}})),I=hA((E,Q,e,t,n,o)=>{const r=n.descriptor.id;if(n.descriptor.droppableId===E){const u=o?{render:o,dragging:C(n.descriptor)}:null,d={isDraggingOver:e,draggingOverWith:e?r:null,draggingFromThisWith:r,isUsingPlaceholder:!0};return{placeholder:n.placeholder,shouldAnimatePlaceholder:!1,snapshot:d,useClone:u}}if(!Q)return g;if(!t)return A;const s={isDraggingOver:e,draggingOverWith:r,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:n.placeholder,shouldAnimatePlaceholder:!0,snapshot:s,useClone:null}});return(E,Q)=>{const e=zr(Q),t=e.droppableId,n=e.type,o=!e.isDropDisabled,r=e.renderClone;if(xC(E)){const i=E.critical;if(!iB(n,i))return g;const s=ue(i,E.dimensions),u=KA(E.impact)===t;return I(t,o,u,u,s,r)}if(E.phase==="DROP_ANIMATING"){const i=E.completed;if(!iB(n,i.critical))return g;const s=ue(i.critical,E.dimensions);return I(t,o,Yr(i.result)===t,KA(i.impact)===t,s,r)}if(E.phase==="IDLE"&&E.completed&&!E.shouldFlush){const i=E.completed;if(!iB(n,i.critical))return g;const s=KA(i.impact)===t,u=!!(i.impact.at&&i.impact.at.type==="COMBINE"),d=i.critical.droppable.id===t;return s?u?A:g:d?A:g}return g}},X9={updateViewportMaxScroll:Tw},z9=jn(j9,X9,(A,g,C)=>({...zr(C),...A,...g}),{context:DE,areStatePropsEqual:Kr})(V9),de=l.createContext(0),YC=(...A)=>A.filter(Boolean).join(" "),W9=A=>{const{children:g,className:C,width:I,textAlign:B="left",padding:E}=A,Q=I!==void 0,e=typeof I=="number"?`${I}px`:I,t=l.useMemo(()=>({...Q?{flex:`0 0 ${e}`,width:e,minWidth:e,maxWidth:e}:{flex:1,minWidth:"100px"},textAlign:B,...E?{padding:E}:{}}),[Q,e,B,E]);return a.jsx("div",{className:YC(FA.tableCell,C),style:t,children:g})},q9=A=>{const{children:g,className:C,subTable:I,showSubTable:B=!1,index:E,draggable:Q,disabled:e=!1,error:t=!1,id:n,onClick:o}=A,r=l.useCallback((s=!1)=>YC(FA.tableRow,C,e&&FA.disabled,t&&FA.error,s&&FA.dragging,B&&FA.expanded),[C,e,t,B]),i=a.jsxs(a.Fragment,{children:[a.jsx("div",{className:FA.tableRowFlex,children:g}),B?I:null]});return Q?a.jsx(h9,{draggableId:`draggable-${E}`,index:E??0,isDragDisabled:e,children:(s,u)=>a.jsx("div",{className:r(u.isDragging),ref:s.innerRef,...s.draggableProps,...s.dragHandleProps,onClick:o,children:i})}):a.jsx("div",{className:r(),id:n,onClick:o,children:i})},Z9=A=>{const{children:g,className:C,draggable:I,onDragEnd:B}=A,E=l.useCallback((...e)=>B?.(...e),[B]),Q=YC(FA.tableBody,C);return I?a.jsx(A9,{onDragEnd:E,children:a.jsx(z9,{droppableId:"droppable",children:e=>a.jsxs("div",{className:Q,ref:e.innerRef,...e.droppableProps,children:[l.Children.map(g,(t,n)=>l.isValidElement(t)?l.cloneElement(t,{index:n,draggable:I}):t),e.placeholder]})})}):a.jsx("div",{className:Q,children:g})},_9=A=>a.jsx("div",{className:YC(FA.tableHeader,A.className),children:A.children}),BC=A=>{const{children:g,className:C,subTable:I=!1,variant:B,expandable:E,smaller:Q,draggable:e=!1,noHeader:t,onDragEnd:n}=A,o=l.useContext(de),r=I?o+1:o,i=YC(FA.table,C,I&&FA.subTable,t&&FA.noHeader,B&&FA[B],E&&FA.expandable,Q&&FA.smaller),s=I?{"--table-indent":`${r*24}px`}:void 0;return a.jsx(de.Provider,{value:r,children:a.jsx("div",{className:i,style:s,children:e?l.Children.map(g,u=>l.isValidElement(u)?l.cloneElement(u,{draggable:e,onDragEnd:n}):u):g})})};BC.TableRow=q9;BC.TableCell=W9;BC.TableBody=Z9;BC.TableHeader=_9;BC.displayName="PiTable";const $9="_empty_1xo3m_1",Ay="_content_1xo3m_5",gy="_title_1xo3m_15",Cy="_desc_1xo3m_18",gI={empty:$9,content:Ay,title:gy,desc:Cy},Wr=A=>{const{title:g,description:C,footer:I,className:B}=A;return a.jsx("div",{className:`${gI.empty} ${B||""}`,children:a.jsxs("div",{className:gI.content,children:[a.jsx(DA,{className:gI.title,weight:"medium",size:"lg",as:"h3",children:g}),C?a.jsx(DA,{className:gI.desc,weight:"light",size:"lg",children:C}):null,I]})})};Wr.displayName="PiEmpty";const qr=A=>{const{size:g=20,color:C="inherit"}=A;return a.jsx(NC.WCircularProgress,{size:g,color:C})};qr.displayName="PiLoading";const Zr=({data:A,size:g=20})=>A?A.length<=g?a.jsx("span",{children:A}):a.jsx(zB,{content:A,placement:"top",children:a.jsxs("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"inline-block",maxWidth:"100%"},children:[A.substring(0,g),"…"]})}):a.jsx("span",{children:"-"});Zr.displayName="PiTruncateText";exports.PiAlert=Re;exports.PiAvatar=Ft;exports.PiBadge=Fe;exports.PiBody=DA;exports.PiBreadcrumb=Oe;exports.PiButton=fI;exports.PiCard=vn;exports.PiCheckbox=Me;exports.PiCountryFlag=Nn;exports.PiDatePicker=sn;exports.PiDateRangePicker=ln;exports.PiDateTimePicker=cn;exports.PiDrawer=dn;exports.PiDropdown=pn;exports.PiEmpty=Wr;exports.PiGrid=hn;exports.PiHeading=ke;exports.PiInput=jg;exports.PiLoading=qr;exports.PiModal=un;exports.PiOtpInput=Ot;exports.PiPagination=Ge;exports.PiRadio=Te;exports.PiRadioGroup=He;exports.PiSelect=XB;exports.PiSkeleton=Mt;exports.PiStepper=xt;exports.PiSwitch=Nt;exports.PiTable=BC;exports.PiTabs=Rt;exports.PiTextarea=Ue;exports.PiTooltip=zB;exports.PiTruncateText=Zr;exports.Pixel=Pe;exports.ThemeProvider=ve;exports.ToastProvider=Se;exports.helpers=fu;exports.useClickOnOutside=fn;exports.useTheme=ho;exports.useToast=Ko;
191
- //# sourceMappingURL=index.cjs.map
190
+ `)}],T9=[function({props:g}){g.renderClone||(process.env.NODE_ENV!=="production"?h(!1,"Must provide a clone render function (renderClone) for virtual lists"):h())},function({getPlaceholderRef:g}){g()&&(process.env.NODE_ENV!=="production"?h(!1,"Expected virtual list to not have a placeholder"):h())}];function K9(A){KC(()=>{oB(A,J9),A.props.mode==="standard"&&oB(A,H9),A.props.mode==="virtual"&&oB(A,T9)})}class Y9 extends l.PureComponent{constructor(...g){super(...g),this.state={isVisible:!!this.props.on,data:this.props.on,animate:this.props.shouldAnimate&&this.props.on?"open":"none"},this.onClose=()=>{this.state.animate==="close"&&this.setState({isVisible:!1})}}static getDerivedStateFromProps(g,C){return g.shouldAnimate?g.on?{isVisible:!0,data:g.on,animate:"open"}:C.isVisible?{isVisible:!0,data:C.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!g.on,data:g.on,animate:"none"}}render(){if(!this.state.isVisible)return null;const g={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(g)}}const V9=A=>{const g=l.useContext(NI);g||(process.env.NODE_ENV!=="production"?h(!1,"Could not find app context"):h());const{contextId:C,isMovementAllowed:I}=g,B=l.useRef(null),E=l.useRef(null),{children:Q,droppableId:e,type:t,mode:n,direction:o,ignoreContainerClipping:r,isDropDisabled:i,isCombineEnabled:s,snapshot:u,useClone:d,updateViewportMaxScroll:c,getContainerForClone:f}=A,v=G(()=>B.current,[]),m=G((K=null)=>{B.current=K},[]),w=G(()=>E.current,[]),p=G((K=null)=>{E.current=K},[]);K9({props:A,getDroppableRef:v,getPlaceholderRef:w});const b=G(()=>{I()&&c({maxScroll:yr()})},[I,c]);O9({droppableId:e,type:t,mode:n,direction:o,isDropDisabled:i,isCombineEnabled:s,ignoreContainerClipping:r,getDroppableRef:v});const D=$(()=>l.createElement(Y9,{on:A.placeholder,shouldAnimate:A.shouldAnimatePlaceholder},({onClose:K,data:X,animate:k})=>l.createElement(G9,{placeholder:X,onClose:K,innerRef:p,animate:k,contextId:C,onTransitionEnd:b})),[C,b,A.placeholder,A.shouldAnimatePlaceholder,p]),S=$(()=>({innerRef:m,placeholder:D,droppableProps:{"data-rfd-droppable-id":e,"data-rfd-droppable-context-id":C}}),[C,e,D,m]),O=d?d.dragging.draggableId:null,R=$(()=>({droppableId:e,type:t,isUsingCloneFor:O}),[e,O,t]);function L(){if(!d)return null;const{dragging:K,render:X}=d,k=l.createElement(Lr,{draggableId:K.draggableId,index:K.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},(x,V)=>X(x,V,K));return wg.createPortal(k,f())}return l.createElement(NE.Provider,{value:R},Q(S,u),L())};function L9(){return document.body||(process.env.NODE_ENV!=="production"?h(!1,"document.body is not ready"):h()),document.body}const le={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:L9},zr=A=>{let g={...A},C;for(C in le)A[C]===void 0&&(g={...g,[C]:le[C]});return g},iB=(A,g)=>A===g.droppable.type,ue=(A,g)=>g.draggables[A.draggable.id],j9=()=>{const A={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},g={...A,shouldAnimatePlaceholder:!1},C=hA(E=>({draggableId:E.id,type:E.type,source:{index:E.index,droppableId:E.droppableId}})),I=hA((E,Q,e,t,n,o)=>{const r=n.descriptor.id;if(n.descriptor.droppableId===E){const u=o?{render:o,dragging:C(n.descriptor)}:null,d={isDraggingOver:e,draggingOverWith:e?r:null,draggingFromThisWith:r,isUsingPlaceholder:!0};return{placeholder:n.placeholder,shouldAnimatePlaceholder:!1,snapshot:d,useClone:u}}if(!Q)return g;if(!t)return A;const s={isDraggingOver:e,draggingOverWith:r,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:n.placeholder,shouldAnimatePlaceholder:!0,snapshot:s,useClone:null}});return(E,Q)=>{const e=zr(Q),t=e.droppableId,n=e.type,o=!e.isDropDisabled,r=e.renderClone;if(xC(E)){const i=E.critical;if(!iB(n,i))return g;const s=ue(i,E.dimensions),u=KA(E.impact)===t;return I(t,o,u,u,s,r)}if(E.phase==="DROP_ANIMATING"){const i=E.completed;if(!iB(n,i.critical))return g;const s=ue(i.critical,E.dimensions);return I(t,o,Yr(i.result)===t,KA(i.impact)===t,s,r)}if(E.phase==="IDLE"&&E.completed&&!E.shouldFlush){const i=E.completed;if(!iB(n,i.critical))return g;const s=KA(i.impact)===t,u=!!(i.impact.at&&i.impact.at.type==="COMBINE"),d=i.critical.droppable.id===t;return s?u?A:g:d?A:g}return g}},X9={updateViewportMaxScroll:Tw},z9=jn(j9,X9,(A,g,C)=>({...zr(C),...A,...g}),{context:DE,areStatePropsEqual:Kr})(V9),de=l.createContext(0),YC=(...A)=>A.filter(Boolean).join(" "),W9=A=>{const{children:g,className:C,width:I,textAlign:B="left",padding:E}=A,Q=I!==void 0,e=typeof I=="number"?`${I}px`:I,t=l.useMemo(()=>({...Q?{flex:`0 0 ${e}`,width:e,minWidth:e,maxWidth:e}:{flex:1,minWidth:"100px"},textAlign:B,...E?{padding:E}:{}}),[Q,e,B,E]);return a.jsx("div",{className:YC(FA.tableCell,C),style:t,children:g})},q9=A=>{const{children:g,className:C,subTable:I,showSubTable:B=!1,index:E,draggable:Q,disabled:e=!1,error:t=!1,id:n,onClick:o}=A,r=l.useCallback((s=!1)=>YC(FA.tableRow,C,e&&FA.disabled,t&&FA.error,s&&FA.dragging,B&&FA.expanded),[C,e,t,B]),i=a.jsxs(a.Fragment,{children:[a.jsx("div",{className:FA.tableRowFlex,children:g}),B?I:null]});return Q?a.jsx(h9,{draggableId:n??`draggable-${E}`,index:E??0,isDragDisabled:e,children:(s,u)=>a.jsx("div",{className:r(u.isDragging),ref:s.innerRef,...s.draggableProps,...s.dragHandleProps,onClick:o,children:i})}):a.jsx("div",{className:r(),id:n,onClick:o,children:i})},Z9=A=>{const{children:g,className:C,draggable:I,onDragEnd:B}=A,E=l.useCallback((...e)=>B?.(...e),[B]),Q=YC(FA.tableBody,C);return I?a.jsx(A9,{onDragEnd:E,children:a.jsx(z9,{droppableId:"droppable",children:e=>a.jsxs("div",{className:Q,ref:e.innerRef,...e.droppableProps,children:[l.Children.map(g,(t,n)=>l.isValidElement(t)?l.cloneElement(t,{index:n,draggable:I}):t),e.placeholder]})})}):a.jsx("div",{className:Q,children:g})},_9=A=>a.jsx("div",{className:YC(FA.tableHeader,A.className),children:A.children}),BC=A=>{const{children:g,className:C,subTable:I=!1,variant:B,expandable:E,smaller:Q,draggable:e=!1,noHeader:t,onDragEnd:n}=A,o=l.useContext(de),r=I?o+1:o,i=YC(FA.table,C,I&&FA.subTable,t&&FA.noHeader,B&&FA[B],E&&FA.expandable,Q&&FA.smaller),s=I?{"--table-indent":`${r*24}px`}:void 0;return a.jsx(de.Provider,{value:r,children:a.jsx("div",{className:i,style:s,children:e?l.Children.map(g,u=>l.isValidElement(u)?l.cloneElement(u,{draggable:e,onDragEnd:n}):u):g})})};BC.TableRow=q9;BC.TableCell=W9;BC.TableBody=Z9;BC.TableHeader=_9;BC.displayName="PiTable";const $9="_empty_1xo3m_1",Ay="_content_1xo3m_5",gy="_title_1xo3m_15",Cy="_desc_1xo3m_18",gI={empty:$9,content:Ay,title:gy,desc:Cy},Wr=A=>{const{title:g,description:C,footer:I,className:B}=A;return a.jsx("div",{className:`${gI.empty} ${B||""}`,children:a.jsxs("div",{className:gI.content,children:[a.jsx(DA,{className:gI.title,weight:"medium",size:"lg",as:"h3",children:g}),C?a.jsx(DA,{className:gI.desc,weight:"light",size:"lg",children:C}):null,I]})})};Wr.displayName="PiEmpty";const qr=A=>{const{size:g=20,color:C="inherit"}=A;return a.jsx(NC.WCircularProgress,{size:g,color:C})};qr.displayName="PiLoading";const Iy="_text_nfh8h_1",By={text:Iy},Zr=({data:A,size:g=20,className:C})=>A?A.length<=g?a.jsx("span",{children:A}):a.jsx(zB,{content:A,placement:"top",children:a.jsxs("span",{className:lA(C,By.text),children:[A.substring(0,g),"…"]})}):a.jsx("span",{children:"-"});Zr.displayName="PiTruncateText";exports.PiAlert=Re;exports.PiAvatar=Ft;exports.PiBadge=Fe;exports.PiBody=DA;exports.PiBreadcrumb=Oe;exports.PiButton=fI;exports.PiCard=vn;exports.PiCheckbox=Me;exports.PiCountryFlag=Nn;exports.PiDatePicker=sn;exports.PiDateRangePicker=ln;exports.PiDateTimePicker=cn;exports.PiDrawer=dn;exports.PiDropdown=pn;exports.PiEmpty=Wr;exports.PiGrid=hn;exports.PiHeading=ke;exports.PiInput=jg;exports.PiLoading=qr;exports.PiModal=un;exports.PiOtpInput=Ot;exports.PiPagination=Ge;exports.PiRadio=Te;exports.PiRadioGroup=He;exports.PiSelect=XB;exports.PiSkeleton=Mt;exports.PiStepper=xt;exports.PiSwitch=Nt;exports.PiTable=BC;exports.PiTabs=Rt;exports.PiTextarea=Ue;exports.PiTooltip=zB;exports.PiTruncateText=Zr;exports.Pixel=Pe;exports.ThemeProvider=ve;exports.ToastProvider=Se;exports.helpers=fu;exports.useClickOnOutside=fn;exports.useTheme=ho;exports.useToast=Ko;