@wface/pixel-ui 0.7.3 → 0.7.5

package/README.md

@@ -1,200 +1,201 @@
-# Pixel UI — @wface/pixel-ui
-
-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.
-
-Bu README, bileşenin nasıl kurulacağı, kullanılacağı, geliştirileceği ve paketleneceği hakkında pratik bilgiler içerir.
-
----
-
-İçindekiler
-- Ne işe yarar?
-- Hızlı kurulum
-- Örnek kullanım
-  - Temel kullanım
-  - `PiTable` örneği (alt tablo / expandable)
-- Stiller ve tema
-- Geliştirme & Build
-- Yayınlama
-- Yardımcı (utilities) sınıflar
-- Katkıda bulunma
-- Lisans
-
----
-
-Ne işe yarar?
-
-- Tek bir paket içinde ortak UI bileşenlerini sağlar (buton, input, table, dropdown, modal vb.).
-- Tasarım token'ları ve SCSS utilities ile tutarlı stilizasyon sunar.
-- Tema ve Toast gibi provider'lar ile uygulama seviyesinde kullanım sağlar.
-
-Hızlı kurulum
-
-Projeye bağımlılık olarak eklemek için:
-
-```bash
-# npm
-npm install @wface/pixel-ui
-
-# veya yarn
-yarn add @wface/pixel-ui
-```
-
-Peer-dependencies
-- react 18.2.0
-- react-dom 18.2.0
-- react-router-dom 6.x (pakette 6.2.2 hedeflenmiştir)
-
-Kullanım (örnek)
-
-Temel kullanımda kütüphaneyi import edip stilleri ekleyin:
-
-```tsx
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { Pixel, PiButton } from '@wface/pixel-ui'
-import '@wface/pixel-ui/styles.css' // veya uygulamanızın global stil yükleme noktasına ekleyin
-
-function App() {
-  return (
-    <Pixel>
-      <div style={{ padding: 24 }}>
-        <PiButton>Buton</PiButton>
-      </div>
-    </Pixel>
-  )
-}
-
-ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
-```
-
-Not: `Pixel` provider'ı tema ve bazı global context'leri sağlar; bazı bileşenler (örn. `useTheme`) yalnızca provider içinde çalışır.
-
-PiTable örneği — alt tablo (subtable) ve expandable row
-
-Aşağıdaki örnek, `PiTable` kullanımını, alt tabloyu (subtable) ve bir `user.id` tıklamasıyla satırı genişletmeyi gösterir:
-
-```tsx
-import React, { useState } from 'react'
-import { PiTable } from '@wface/pixel-ui'
-
-const data = [
-  { id: 'u1', name: 'Ali', email: 'ali@example.com' },
-  { id: 'u2', name: 'Ayşe', email: 'ayse@example.com' },
-]
-
-function HomeTable() {
-  const [expanded, setExpanded] = useState<Record<string, boolean>>({})
-
-  const toggle = (id: string) => setExpanded(prev => ({ ...prev, [id]: !prev[id] }))
-
-  return (
-    <PiTable>
-      <PiTable.TableHeader>
-        <PiTable.TableRow>
-          <PiTable.TableCell width={120}>ID</PiTable.TableCell>
-          <PiTable.TableCell>İsim</PiTable.TableCell>
-          <PiTable.TableCell>Mail</PiTable.TableCell>
-        </PiTable.TableRow>
-      </PiTable.TableHeader>
-
-      <PiTable.TableBody>
-        {data.map((u) => (
-          <PiTable.TableRow
-            key={u.id}
-            id={`row-${u.id}`}
-            onClick={() => toggle(u.id)}
-            showSubTable={!!expanded[u.id]}
-            subTable={
-              <PiTable subTable variant="bordered">
-                <PiTable.TableHeader>
-                  <PiTable.TableRow>
-                    <PiTable.TableCell>Alt Bilgi</PiTable.TableCell>
-                  </PiTable.TableRow>
-                </PiTable.TableHeader>
-                <PiTable.TableBody>
-                  <PiTable.TableRow>
-                    <PiTable.TableCell>{`Detay: ${u.email}`}</PiTable.TableCell>
-                  </PiTable.TableRow>
-                </PiTable.TableBody>
-              </PiTable>
-            }
-          >
-            <PiTable.TableCell width={120}>{u.id}</PiTable.TableCell>
-            <PiTable.TableCell>{u.name}</PiTable.TableCell>
-            <PiTable.TableCell>{u.email}</PiTable.TableCell>
-          </PiTable.TableRow>
-        ))}
-      </PiTable.TableBody>
-    </PiTable>
-  )
-}
-```
-
-Açıklamalar:
-- `PiTable.TableRow`, `PiTable.TableCell`, `PiTable.TableHeader`, `PiTable.TableBody` alt bileşenleri `PiTable`'ın üzerine eklenmiş şekilde kullanılabilir.
-- `subTable` prop'u bir React düğüm (element) bekler; `showSubTable` ile görünürlüğü kontrol edebilirsiniz.
-- Satır genişletme (expand) davranışı örnekte tıklama ile yapıldı; isterseniz daha kontrollü state yönetimi sağlayabilirsiniz.
-
-Stiller & tema
-
-- Paket `styles.css` (dist içinde) ile birlikte gelir. Uygulamanıza dahil etmek için `import '@wface/pixel-ui/styles.css'` kullanın.
-- SCSS kaynakları `src/styles` içinde bulunur. Değiştirilebilir tokenlar ve temalar `tokens/` ve `theme.scss` içinde yer alır.
-- 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.
-
-Geliştirme & build
-
-Proje kökünde (paket dizini) yaygın script'ler:
-
-- `yarn dev` — kütüphaneyi uygulama modunda çalıştırır (Vite dev server).
-- `yarn dev:lib` — yalnızca kütüphane için Vite server (farklı port).
-- `yarn build` — kütüphaneyi üretim için derler (Vite build) ve TypeScript tiplerini (`.d.ts`) üretir.
-- `yarn clean` — `dist` klasörünü temizler.
-- `yarn prepublishOnly` — yayın öncesi temizleme ve build çalıştırır.
-
-Örnek: lokal geliştirme
-
-1. repo kökünde bağımlılıkları yükleyin (örn. `yarn` veya `npm install`).
-2. Bu pakete gelin: `cd packages/lib` (eğer monorepo düzeni varsa).
-3. `yarn dev` ile story/dev uygulamayı başlatın.
-
-Yayınlama
-
-Paket `dist` klasörünü içerir ve `package.json` içindeki `files` alanı sayesinde sadece `dist` yayımlanır. Paket yayınlamadan önce:
-
-```bash
-yarn clean && yarn build
-# ardından npm publish (veya yarn publish)
-```
-
-Paket `publishConfig.access` `public` olarak ayarlı, npm registry'ye public olarak yayınlar.
-
-Yardımcı (utilities)
-
-`_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.
-
-Örnekler:
-- `.pi-m-4` — tüm kenarlar için margin
-- `.pi-px-8` — yatay padding
-- `.pi-flex`, `.pi-items-center`, `.pi-justify-between` — flex helper'lar
-
-Katkıda bulunma
-
-- Yeni bileşen eklerken, `src/components` altında modüler şekilde oluşturun ve `src/index.ts` içinde export edin.
-- Stil değişiklikleri SCSS token ve utilities üzerinden yapılmalı.
-- Build ve test aşamalarını yerel olarak çalıştırıp kontrol edin.
-
-Sorun giderme / sık karşılaşılan hatalar
-
-- "useTheme must be used within ThemeProvider" hatası: `useTheme` hook'unu kullanmadan önce `ThemeProvider` veya `Pixel` provider'ı render ağacına eklediğinizden emin olun.
-- Stiller görünmüyorsa: uygulamanızın entry noktasında `@wface/pixel-ui/styles.css` import edildiğinden emin olun.
-- Peer dependency hataları: proje React versiyonunun paket peer dependency ile uyumlu olduğundan emin olun.
-
-İletişim & daha fazla bilgi
-
-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.
-
-Lisans
-
-Bu proje lisans bilgilerini repository kökünde bulundurur. (Burada proje lisansı belirtilmemişse, kök dizindeki `LICENSE` dosyasına bakın.)
-
----
+# Pixel UI — @wface/pixel-ui
+
+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.
+
+Bu README, bileşenin nasıl kurulacağı, kullanılacağı, geliştirileceği ve paketleneceği hakkında pratik bilgiler içerir.
+
+---
+
+İçindekiler
+- Ne işe yarar?
+- Hızlı kurulum
+- Örnek kullanım
+  - Temel kullanım
+  - `PiTable` örneği (alt tablo / expandable)
+- Stiller ve tema
+- Geliştirme & Build
+- Yayınlama
+- Yardımcı (utilities) sınıflar
+- Katkıda bulunma
+- Lisans
+
+---
+
+Ne işe yarar?
+
+- Tek bir paket içinde ortak UI bileşenlerini sağlar (buton, input, table, dropdown, modal vb.).
+- Tasarım token'ları ve SCSS utilities ile tutarlı stilizasyon sunar.
+- Tema ve Toast gibi provider'lar ile uygulama seviyesinde kullanım sağlar.
+
+Hızlı kurulum
+
+Projeye bağımlılık olarak eklemek için:
+
+```bash
+# npm
+npm install @wface/pixel-ui
+
+# veya yarn
+yarn add @wface/pixel-ui
+```
+
+Peer-dependencies
+- react 18.2.0
+- react-dom 18.2.0
+- react-router-dom 6.x (pakette 6.2.2 hedeflenmiştir)
+
+Kullanım (örnek)
+
+Temel kullanımda kütüphaneyi import edip stilleri ekleyin:
+
+```tsx
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { Pixel, PiButton } from '@wface/pixel-ui'
+import '@wface/pixel-ui/styles.css' // veya uygulamanızın global stil yükleme noktasına ekleyin
+
+function App() {
+  return (
+    <Pixel>
+      <div style={{ padding: 24 }}>
+        <PiButton>Buton</PiButton>
+      </div>
+    </Pixel>
+  )
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(<App />)
+```
+
+Not: `Pixel` provider'ı tema ve bazı global context'leri sağlar; bazı bileşenler (örn. `useTheme`) yalnızca provider içinde çalışır.
+
+PiTable örneği — alt tablo (subtable) ve expandable row
+
+Aşağıdaki örnek, `PiTable` kullanımını, alt tabloyu (subtable) ve bir `user.id` tıklamasıyla satırı genişletmeyi gösterir:
+
+```tsx
+import React, { useState } from 'react'
+import { PiTable } from '@wface/pixel-ui'
+
+const data = [
+  { id: 'u1', name: 'Ali', email: 'ali@example.com' },
+  { id: 'u2', name: 'Ayşe', email: 'ayse@example.com' },
+]
+
+function HomeTable() {
+  const [expanded, setExpanded] = useState<Record<string, boolean>>({})
+
+  const toggle = (id: string) => setExpanded(prev => ({ ...prev, [id]: !prev[id] }))
+
+  return (
+    <PiTable>
+      <PiTable.TableHeader>
+        <PiTable.TableRow>
+          <PiTable.TableCell width={120}>ID</PiTable.TableCell>
+          <PiTable.TableCell>İsim</PiTable.TableCell>
+          <PiTable.TableCell>Mail</PiTable.TableCell>
+        </PiTable.TableRow>
+      </PiTable.TableHeader>
+
+      <PiTable.TableBody>
+        {data.map((u) => (
+          <PiTable.TableRow
+            key={u.id}
+            id={`row-${u.id}`}
+            onClick={() => toggle(u.id)}
+            showSubTable={!!expanded[u.id]}
+            subTable={
+              <PiTable subTable variant="bordered">
+                <PiTable.TableHeader>
+                  <PiTable.TableRow>
+                    <PiTable.TableCell>Alt Bilgi</PiTable.TableCell>
+                  </PiTable.TableRow>
+                </PiTable.TableHeader>
+                <PiTable.TableBody>
+                  <PiTable.TableRow>
+                    <PiTable.TableCell>{`Detay: ${u.email}`}</PiTable.TableCell>
+                  </PiTable.TableRow>
+                </PiTable.TableBody>
+              </PiTable>
+            }
+          >
+            <PiTable.TableCell width={120}>{u.id}</PiTable.TableCell>
+            <PiTable.TableCell>{u.name}</PiTable.TableCell>
+            <PiTable.TableCell>{u.email}</PiTable.TableCell>
+          </PiTable.TableRow>
+        ))}
+      </PiTable.TableBody>
+    </PiTable>
+  )
+}
+```
+
+Açıklamalar:
+- `PiTable.TableRow`, `PiTable.TableCell`, `PiTable.TableHeader`, `PiTable.TableBody` alt bileşenleri `PiTable`'ın üzerine eklenmiş şekilde kullanılabilir.
+- `subTable` prop'u bir React düğüm (element) bekler; `showSubTable` ile görünürlüğü kontrol edebilirsiniz.
+- Satır genişletme (expand) davranışı örnekte tıklama ile yapıldı; isterseniz daha kontrollü state yönetimi sağlayabilirsiniz.
+
+Stiller & tema
+
+- Paket `styles.css` (dist içinde) ile birlikte gelir. Uygulamanıza dahil etmek için `import '@wface/pixel-ui/styles.css'` kullanın.
+- SCSS kaynakları `src/styles` içinde bulunur. Değiştirilebilir tokenlar ve temalar `tokens/` ve `theme.scss` içinde yer alır.
+- 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.
+
+Geliştirme & build
+
+Proje kökünde (paket dizini) yaygın script'ler:
+
+- `yarn dev` — kütüphaneyi uygulama modunda çalıştırır (Vite dev server).
+- `yarn dev:lib` — yalnızca kütüphane için Vite server (farklı port).
+- `yarn build` — kütüphaneyi üretim için derler (Vite build) ve TypeScript tiplerini (`.d.ts`) üretir.
+- `yarn clean` — `dist` klasörünü temizler.
+- `yarn prepublishOnly` — yayın öncesi temizleme ve build çalıştırır.
+
+Örnek: lokal geliştirme
+
+1. repo kökünde bağımlılıkları yükleyin (örn. `yarn` veya `npm install`).
+2. Bu pakete gelin: `cd packages/lib` (eğer monorepo düzeni varsa).
+3. `yarn dev` ile story/dev uygulamayı başlatın.
+
+Yayınlama
+
+Paket `dist` klasörünü içerir ve `package.json` içindeki `files` alanı sayesinde sadece `dist` yayımlanır. Paket yayınlamadan önce:
+
+```bash
+yarn clean && yarn build
+# ardından npm publish (veya yarn publish)
+```
+
+Paket `publishConfig.access` `public` olarak ayarlı, npm registry'ye public olarak yayınlar.
+
+Yardımcı (utilities)
+
+`_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.
+
+Örnekler:
+- `.pi-m-4` — tüm kenarlar için margin
+- `.pi-px-8` — yatay padding
+- `.pi-flex`, `.pi-items-center`, `.pi-justify-between` — flex helper'lar
+
+Katkıda bulunma
+
+- Yeni bileşen eklerken, `src/components` altında modüler şekilde oluşturun ve `src/index.ts` içinde export edin.
+- Stil değişiklikleri SCSS token ve utilities üzerinden yapılmalı.
+- Build ve test aşamalarını yerel olarak çalıştırıp kontrol edin.
+
+Sorun giderme / sık karşılaşılan hatalar
+
+- "useTheme must be used within ThemeProvider" hatası: `useTheme` hook'unu kullanmadan önce `ThemeProvider` veya `Pixel` provider'ı render ağacına eklediğinizden emin olun.
+- Stiller görünmüyorsa: uygulamanızın entry noktasında `@wface/pixel-ui/styles.css` import edildiğinden emin olun.
+- Peer dependency hataları: proje React versiyonunun paket peer dependency ile uyumlu olduğundan emin olun.
+
+İletişim & daha fazla bilgi
+
+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.
+
+Lisans
+
+Bu proje lisans bilgilerini repository kökünde bulundurur. (Burada proje lisansı belirtilmemişse, kök dizindeki `LICENSE` dosyasına bakın.)
+
+---
+>>>>>>> 4537863 (Initial commit)

package/dist/components/checkbox/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
+    label?: React.ReactNode;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/dist/components/checkbox/index.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/input/index.d.ts

@@ -7,6 +7,8 @@ interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
     labelDescription?: string;
     prefixIcon?: React.ReactNode;
     suffixIcon?: React.ReactNode;
+    multiline?: boolean;
+    rows?: number;
 }
 declare const Input: {
     (props: Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/index.d.ts.map

@@ -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;;CAiE1B,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"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,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CAwE1B,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/components/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CAC9B,CAAA;AAED,KAAK,KAAK,GAAG;IACT,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,iBAAiB,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CAoE1B,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;CAC9B,CAAA;AAED,KAAK,KAAK,GAAG;IACT,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,iBAAiB,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,KAAK;YAAW,KAAK;;CAqE1B,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/components/radio/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
+    label?: React.ReactNode;
 }
 declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

package/dist/components/radio/index.d.ts.map

@@ -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"}
+{"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"}

package/dist/components/select/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import ReactSelect, { type GroupBase, type OptionProps, type SingleValueProps, type MultiValueProps, type ClearIndicatorProps, type MenuListProps, type IndicatorsContainerProps, type PlaceholderProps } from 'react-select';
+import ReactSelect, { type GroupBase, type OptionProps, type SingleValueProps, type MultiValueProps, type ClearIndicatorProps, type MenuListProps, type IndicatorsContainerProps, type PlaceholderProps, type DropdownIndicatorProps } from 'react-select';
 import type { SelectProps as PiSelectProps, OptionBase } from '../../index';
 export declare function OptionC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
 export declare function SingleValueC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
 export declare function MultiValueC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element | null;
 export declare function ClearIndicatorC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
 export declare function IndicatorsContainerC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownIndicatorC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
 export declare function PlaceholderC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
 export declare function MenuListC<Option extends OptionBase, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
 declare const Select: (<Option extends OptionBase, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(p: PiSelectProps<Option, IsMulti, Group> & {

package/dist/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,WAAW,EAAE,EAElB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAA;AAKrB,OAAO,KAAK,EAAC,WAAW,IAAI,aAAa,EAAE,UAAU,EAAC,MAAM,aAAa,CAAA;AAIzE,wBAAgB,OAAO,CACrB,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAkB3C;AAED,wBAAgB,YAAY,CAC1B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAehD;AAED,wBAAgB,WAAW,CACzB,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,kDA+B/C;AAED,wBAAgB,eAAe,CAC7B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAQnD;AAED,wBAAgB,oBAAoB,CAClC,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,wBAAwB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAmBxD;AAED,wBAAgB,YAAY,CAC1B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAWhD;AAED,wBAAgB,SAAS,CACvB,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAU7C;AAiGD,QAAA,MAAM,MAAM,EAAyC,CAAC,CACpD,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EAEnD,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,KAChE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAG/D,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,WAAW,EAAE,EAElB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC5B,MAAM,cAAc,CAAA;AAMrB,OAAO,KAAK,EAAC,WAAW,IAAI,aAAa,EAAE,UAAU,EAAC,MAAM,aAAa,CAAA;AAIzE,wBAAgB,OAAO,CACrB,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAkB3C;AAED,wBAAgB,YAAY,CAC1B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAehD;AAED,wBAAgB,WAAW,CACzB,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,kDA+B/C;AAED,wBAAgB,eAAe,CAC7B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,mBAAmB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAQnD;AAED,wBAAgB,oBAAoB,CAClC,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,wBAAwB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAExD;AAED,wBAAgB,kBAAkB,CAChC,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,sBAAsB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAiBtD;AAED,wBAAgB,YAAY,CAC1B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAWhD;AAED,wBAAgB,SAAS,CACvB,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,2CAU7C;AAqGD,QAAA,MAAM,MAAM,EAAyC,CAAC,CACpD,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,EAEnD,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,KAChE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAG/D,eAAe,MAAM,CAAA"}

package/dist/components/select/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,SAAS,EAQf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAA+B,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEpF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,OAChD,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAmFtC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,SAAS,EAQf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAA+B,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEpF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,SAAS,UAAU,EACzB,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/B,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,OAChD,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CA2FtC,CAAC"}