@memobit/libs 1.0.74 → 2.0.1

package/README.md

@@ -1,95 +1,95 @@
-# @memobit/libs
-
-A TypeScript-first React component library — 100+ components, 470+ icons, 70+ themes, plus the hooks and helpers needed to glue them together. Built for, and battle-tested across, the [Memobit](https://memobit.ro) family of apps.
-
-**📚 Live documentation & component playground → [react.memobit.ro](https://react.memobit.ro/)**
-
----
-
-## Install
-
-```bash
-npm install @memobit/libs
-```
-
-Peer dependencies (you provide these in your own app):
-
-```bash
-npm install react@^19 react-dom@^19
-```
-
-## Quick start
-
-```tsx
-import { Button, Card, ToastProvider, useToast } from '@memobit/libs';
-import '@memobit/libs/dist/index.css';
-import '@memobit/libs/dist/styles/themes.scss'; // optional — only if you want the bundled themes
-
-function App() {
-  return (
-    <ToastProvider>
-      <Demo />
-    </ToastProvider>
-  );
-}
-
-function Demo() {
-  const { showToast } = useToast();
-  return (
-    <Card>
-      <Button onClick={() => showToast({ type: 'success', message: 'Hello' })}>
-        Click me
-      </Button>
-    </Card>
-  );
-}
-```
-
-## What's in the box
-
-- **Components** — Buttons, forms (Input/Select/Checkbox/DatePicker/ColorPicker/EmojiPicker/FileDropzone…), navigation (Breadcrumb/AppHeader/ControlPanel/Tabs…), overlays (Drawer/Modal/ConfirmDialog/ContextMenu/Tooltip…), data (DataView/Table/Calendar/CalendarHeatmap/Chart…), feedback (Toast/Banner/Badge/Chip/EmptyState…), and many more.
-- **Icons** — 470+ stroke icons, each tree-shakeable.
-- **Themes** — 70+ ready-made SCSS themes (Arctic Blue, Midnight Atlas, Terracotta Kitchen, Neon Tokyo, …). Theme tokens are pure CSS custom properties, so you can author your own.
-- **Hooks** — `useBreakpoint`, `useBodyScrollLock`, `useComponentEffect`, `useAppPersistence`, `useAuth`.
-- **Helpers** — date formatting, number formatting, string utilities, search/highlight, pagination, URL helpers.
-
-See the [component reference](https://react.memobit.ro/) for props, variants, and live examples.
-
-## Theming
-
-Themes ship as standalone SCSS files. Pick what you need:
-
-```scss
-// import everything
-@use '@memobit/libs/dist/styles/themes.scss';
-
-// or a single theme
-@use '@memobit/libs/dist/styles/theming/arctic-blue.scss';
-```
-
-All tokens — spacing, typography, radii, transitions, colors — are exposed as CSS custom properties (`--spacing-8`, `--card-bg`, `--button-primary-bg`, etc.) so you can override per-component or per-route without forking the library.
-
-Token reference:
-
-- Sizing / spacing / radii / transitions → `@memobit/libs/dist/styles/variables.scss`
-- Theme colors → `@memobit/libs/dist/styles/theming/*.scss`
-
-## Requirements
-
-- React **19.2+** and React DOM **19.2+** (peer deps)
-- ESM-only (your bundler must support ESM — Vite, Next.js 13+, Webpack 5, esbuild, Rollup all do)
-- For SCSS imports: a Sass-capable bundler
-
-## TypeScript
-
-Type definitions are bundled (`dist/index.d.ts`). No `@types/...` package required.
-
-## License
-
-[Apache 2.0](./LICENSE) © Iulian Cristea
-
-## Links
-
-- 📚 Docs & playground — https://react.memobit.ro/
-- 🐙 Source — https://github.com/CristeaIulian/memobit-react-library
-- 📦 npm — https://www.npmjs.com/package/@memobit/libs
+# @memobit/libs
+
+A TypeScript-first React component library — 100+ components, 70+ themes, plus the hooks and helpers needed to glue them together. Built for, and battle-tested across, the [Memobit](https://memobit.ro) family of apps.
+
+**📚 Live documentation & component playground → [react.memobit.ro](https://react.memobit.ro/)**
+
+---
+
+## Install
+
+```bash
+npm install @memobit/libs
+```
+
+Peer dependencies (you provide these in your own app):
+
+```bash
+npm install react@^19 react-dom@^19
+```
+
+## Quick start
+
+```tsx
+import { Button, Card, ToastProvider, useToast } from '@memobit/libs';
+import '@memobit/libs/dist/index.css';
+import '@memobit/libs/dist/styles/themes.scss'; // optional — only if you want the bundled themes
+
+function App() {
+  return (
+    <ToastProvider>
+      <Demo />
+    </ToastProvider>
+  );
+}
+
+function Demo() {
+  const { showToast } = useToast();
+  return (
+    <Card>
+      <Button onClick={() => showToast({ type: 'success', message: 'Hello' })}>
+        Click me
+      </Button>
+    </Card>
+  );
+}
+```
+
+## What's in the box
+
+- **Components** — Buttons, forms (Input/Select/Checkbox/DatePicker/ColorPicker/EmojiPicker/FileDropzone…), navigation (Breadcrumb/AppHeader/ControlPanel/Tabs…), overlays (Drawer/Modal/ConfirmDialog/ContextMenu/Tooltip…), data (DataView/Table/Calendar/CalendarHeatmap/Chart…), feedback (Toast/Banner/Badge/Chip/EmptyState…), and many more.
+- **Icons** — 470+ stroke icons, each tree-shakeable.
+- **Themes** — 70+ ready-made SCSS themes (Arctic Blue, Midnight Atlas, Terracotta Kitchen, Neon Tokyo, …). Theme tokens are pure CSS custom properties, so you can author your own.
+- **Hooks** — `useBreakpoint`, `useBodyScrollLock`, `useComponentEffect`, `useAppPersistence`, `useAuth`.
+- **Helpers** — date formatting, number formatting, string utilities, search/highlight, pagination, URL helpers.
+
+See the [component reference](https://react.memobit.ro/) for props, variants, and live examples.
+
+## Theming
+
+Themes ship as standalone SCSS files. Pick what you need:
+
+```scss
+// import everything
+@use '@memobit/libs/dist/styles/themes.scss';
+
+// or a single theme
+@use '@memobit/libs/dist/styles/theming/arctic-blue.scss';
+```
+
+All tokens — spacing, typography, radii, transitions, colors — are exposed as CSS custom properties (`--spacing-8`, `--card-bg`, `--button-primary-bg`, etc.) so you can override per-component or per-route without forking the library.
+
+Token reference:
+
+- Sizing / spacing / radii / transitions → `@memobit/libs/dist/styles/variables.scss`
+- Theme colors → `@memobit/libs/dist/styles/theming/*.scss`
+
+## Requirements
+
+- React **19.2+** and React DOM **19.2+** (peer deps)
+- ESM-only (your bundler must support ESM — Vite, Next.js 13+, Webpack 5, esbuild, Rollup all do)
+- For SCSS imports: a Sass-capable bundler
+
+## TypeScript
+
+Type definitions are bundled (`dist/index.d.ts`). No `@types/...` package required.
+
+## License
+
+[Apache 2.0](./LICENSE) © Iulian Cristea
+
+## Links
+
+- 📚 Docs & playground — https://react.memobit.ro/
+- 🐙 Source — https://github.com/CristeaIulian/memobit-react-library
+- 📦 npm — https://www.npmjs.com/package/@memobit/libs

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { ErrorInfo } from 'react';
 import { FC } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { IconName } from '@memobit/icons';
 import { JSX } from 'react/jsx-runtime';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
@@ -1711,8 +1712,6 @@ export declare const htmlToPlainText: (html: string | undefined | null) => strin
 
 export declare const Icon: default_2.FC<IconProps>;
 
-export declare type IconName = 'active' | 'afternoon' | 'air-conditioning' | 'ajax' | 'alarm' | 'analysis' | 'angular' | 'announcement' | 'anomaly' | 'ant' | 'antenna' | 'api' | 'appliances' | 'archive' | 'arrow-bidirectional-horizontal' | 'arrow-bidirectional-vertical' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'atom' | 'avocado' | 'backup' | 'badge' | 'balcony' | 'ball' | 'balloon' | 'banana' | 'bank' | 'basement' | 'bat' | 'bath' | 'battery-charging' | 'battery-empty' | 'battery-full' | 'battery-half' | 'beans' | 'bear' | 'bed' | 'bee' | 'beer' | 'bell' | 'benefit' | 'bill' | 'birthday-cake' | 'blood' | 'blueberries' | 'bones' | 'book' | 'bow' | 'brain' | 'bread' | 'breakfast' | 'briefcase' | 'brightness' | 'broken-heart' | 'broom' | 'bug' | 'building' | 'bullet' | 'bunny' | 'burst' | 'bus' | 'butterfly' | 'button-device' | 'cake' | 'calculator' | 'calendar' | 'calendar-day' | 'calendar-month' | 'calendar-week' | 'calendar-year' | 'calibrate' | 'camera' | 'candy' | 'car' | 'carbs' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'carrot' | 'cat' | 'categories' | 'caterpillar' | 'cd-dvd' | 'certificate' | 'chart' | 'checkmark' | 'cheese' | 'cherries' | 'chestnut' | 'chicken' | 'chocolate' | 'christmas-tree' | 'cigarette' | 'clear' | 'clipboard' | 'closet' | 'cloud' | 'coffee' | 'comment' | 'compass' | 'confetti' | 'connected' | 'context' | 'cook' | 'cookies' | 'cooling' | 'corn' | 'correlation' | 'cow' | 'cpu' | 'credit-card' | 'crystal-globe' | 'cube' | 'cucumber' | 'dashboard' | 'death' | 'defect' | 'delete' | 'dental' | 'deselect-all' | 'dessert' | 'detach' | 'devices' | 'digestive' | 'digital' | 'dinner' | 'dinosaur' | 'dishwasher' | 'dns' | 'doctor' | 'document' | 'documents' | 'dog' | 'dolphin' | 'door' | 'dot' | 'download' | 'dragon' | 'drying-machine' | 'duck' | 'duplicates' | 'ears' | 'earth' | 'edit' | 'egg' | 'eggplant' | 'elephant' | 'empty' | 'endocrine' | 'enlarge' | 'equalizer' | 'evening' | 'expense' | 'export' | 'external-link' | 'fan' | 'favorite' | 'fibers' | 'file' | 'filetype-avi' | 'filetype-bat' | 'filetype-c' | 'filetype-css' | 'filetype-csv' | 'filetype-doc' | 'filetype-docx' | 'filetype-gif' | 'filetype-html' | 'filetype-ico' | 'filetype-ini' | 'filetype-javascript' | 'filetype-jpeg' | 'filetype-jpg' | 'filetype-json' | 'filetype-less' | 'filetype-mp3' | 'filetype-mp4' | 'filetype-mpg' | 'filetype-pdf' | 'filetype-php' | 'filetype-png' | 'filetype-ppt' | 'filetype-psd' | 'filetype-rar' | 'filetype-sass' | 'filetype-sql' | 'filetype-tiff' | 'filetype-txt' | 'filetype-typescript' | 'filetype-wav' | 'filetype-xls' | 'filetype-xlsx' | 'filetype-xml' | 'filetype-zip' | 'filters' | 'fire' | 'firewall' | 'fireworks' | 'fish' | 'fishing-rod' | 'fog' | 'folder' | 'folder-open' | 'fondue' | 'food' | 'french-fries' | 'fridge' | 'fruits' | 'furniture' | 'gallery' | 'gas-detector' | 'gateway' | 'gauge-high' | 'gauge-low' | 'gauge-medium' | 'gift-box' | 'girl' | 'github' | 'glass' | 'gloves' | 'glycemic-index' | 'goat' | 'graduation' | 'grid' | 'group' | 'gun' | 'hammer' | 'handshake' | 'hd' | 'headphones' | 'heart' | 'heating' | 'help' | 'hiking' | 'history' | 'home' | 'hospital' | 'humidity' | 'ice-cream' | 'identity' | 'image' | 'import' | 'inactive' | 'incognito' | 'information' | 'ingredients' | 'ink-cartridge' | 'insurance' | 'ir-emitter' | 'job' | 'joystick' | 'jupiter' | 'key' | 'knife' | 'laboratory' | 'language' | 'lantern' | 'layers' | 'leaf' | 'lemon' | 'light-bulb' | 'light-switch' | 'lightning' | 'link' | 'linkedin' | 'lipids' | 'list' | 'liver' | 'location' | 'lock' | 'lock-open' | 'logout' | 'lollipop' | 'lunch' | 'lungs' | 'magnet' | 'mail' | 'manage' | 'map' | 'mapping' | 'mars' | 'meat' | 'meet' | 'melon' | 'memory' | 'mental' | 'menu-hamburger' | 'mercury' | 'microphone' | 'microscope' | 'microwave' | 'milk' | 'minimum' | 'minus' | 'money' | 'monitor' | 'monkey' | 'moon' | 'morning' | 'motion' | 'mouse' | 'movie' | 'mushroom' | 'musical-note' | 'mute' | 'nas' | 'neptune' | 'nervous' | 'network' | 'next' | 'night' | 'ninja' | 'noon' | 'nose' | 'not-found' | 'notes' | 'notice' | 'offline' | 'old-person' | 'olives' | 'online' | 'optimization' | 'other' | 'outdoor' | 'ownership' | 'paint' | 'pause' | 'pawn' | 'peanut' | 'pear' | 'penguin' | 'pension' | 'pepper' | 'pharmacy' | 'phone' | 'pig' | 'pill' | 'pin' | 'pizza' | 'plane' | 'play' | 'plug' | 'plus' | 'pluto' | 'polenta' | 'police' | 'police-man' | 'popcorn' | 'portions' | 'potato' | 'power' | 'predictions' | 'prescription' | 'previous' | 'printer' | 'proteins' | 'pudding' | 'pumpkin' | 'purifier' | 'puzzle' | 'radio' | 'rain' | 'rainbow' | 'raspberry' | 'reading' | 'referral' | 'reload' | 'repeat' | 'report' | 'reproductive' | 'return' | 'rice' | 'robot' | 'rocket' | 'romania-flag' | 'rooms' | 'router' | 'ruler' | 'running' | 'salad' | 'salt' | 'santa' | 'satellite' | 'saturn' | 'save' | 'scales' | 'scan' | 'school' | 'scissors' | 'score' | 'scss' | 'sd' | 'search' | 'security' | 'seeds' | 'sequence' | 'settings' | 'shield' | 'ship' | 'shopping-cart' | 'shrink' | 'shuffle' | 'signal-full' | 'signal-low' | 'signal-medium' | 'skin' | 'skull' | 'smartphone' | 'smb' | 'smoke-detector' | 'snake' | 'snow' | 'snowman' | 'sofa' | 'soft-drink' | 'soup' | 'sources' | 'sparkle' | 'speaker' | 'speedometer' | 'square' | 'ssl' | 'staple' | 'star' | 'status' | 'stethoscope' | 'stop' | 'stop-sign' | 'storm' | 'strawberry' | 'streaming' | 'strength' | 'sugar' | 'sun' | 'surgery' | 'synchronize' | 'table' | 'target' | 'taxi' | 'technical' | 'teeth' | 'telescope' | 'theater' | 'theme-picker' | 'thermometer' | 'threshold' | 'time' | 'toggle-off' | 'toggle-on' | 'tomato' | 'toolbox' | 'train' | 'transactions' | 'transport-box' | 'tree' | 'trend-down' | 'trend-up' | 'trip' | 'trophy' | 'tune' | 'turkey' | 'turtle' | 'tv' | 'unarchive' | 'unassociated' | 'ungroup' | 'unmute' | 'upload' | 'upnp' | 'uranus' | 'user' | 'users' | 'vacuum' | 'vegetables' | 'venus' | 'vertical-dots' | 'video' | 'view' | 'virus' | 'wait' | 'wan' | 'warning' | 'washing-machine' | 'water-leak' | 'web' | 'website-crawl' | 'wifi' | 'wind' | 'workout' | 'wrench' | 'yoga' | 'youtube';
-
 /**
  * Search and pick one of the library's icons.
  *