banhaten 0.1.1 → 0.1.2

package/README.md

@@ -2,7 +2,7 @@
 
 Banhaten design system is an Arabic and English-first React design system. It installs source components into a project, shadcn-style:
 
-```bash
+```text
 npx banhaten init
 npx banhaten add button
 npx banhaten add button-group
@@ -16,8 +16,10 @@ npx banhaten add toolbar
 npx banhaten add social-button
 npx banhaten add input
 npx banhaten add select
+npx banhaten add autocomplete
 npx banhaten add date-picker
 npx banhaten add slider
+npx banhaten add skeleton
 npx banhaten add progress
 npx banhaten add progress-slider
 npx banhaten add textarea
@@ -54,10 +56,13 @@ The current scaffold includes:
 - A Radix Switch-backed `toggle` registry item with sm/md geometry, active/disabled states, optional handle icons, labeled fields, supporting text, and RTL-safe label placement.
 - A Figma-matched `textarea` registry item with label, helper text, error, default and tags modes, placeholder, filled, disabled, and RTL states.
 - A Radix Select-backed, Figma-matched `select` registry item with default and soft triggers, error/filled/disabled states, menu surface, checkbox and check selection, and item media for text, icons, users, companies, payment methods, and status dots.
+- A composed `autocomplete` registry item with Input field anatomy, Select menu rows, Tag selections, filtering, keyboard navigation, controlled state, and RTL layout.
 - A Figma-matched `date-picker` registry item with Calendar, Range Calendar, Date Picker, Date Range Picker, presets, time rows, open states, month/year view, and RTL.
 - A Radix Slider-backed `slider` registry item with single, range, multi-thumb, text/tooltip indicators, ticks, vertical layout, pill treatment, tones, and RTL behavior.
+- A token-built `skeleton` registry item with primitive, text, avatar, button, input, card, list, table, form, shimmer, reduced-motion, and RTL loading compositions.
 - A read-only `progress` registry item with value meters, label placements, helper text, indicators, spinner, and RTL fill direction.
 - A Radix-based `progress-slider` registry item with semantic tones, ticks, focus treatment, and RTL-aware keyboard behavior.
+- A `spinner` registry item with steady `Spinner`, variable-arc `DynamicSpinner`, inherited text color, and CSS variable sizing.
 - A Radix Tooltip-backed `tooltip` registry item with dark/default variants, small/large sizes, pointer positions, shortcut and close slots, and RTL-safe layout.
 - Token CSS generated from the local token exports in `tokens`, with the Banhaten alias layer kept in the same generated stylesheet.
 - Inter as the single font family, loaded through `@fontsource/inter` weights 400, 500, 600, and 700.
@@ -67,7 +72,7 @@ The current scaffold includes:
 
 From this repository:
 
-```bash
+```text
 node src/cli/index.js init --cwd ./playground
 node src/cli/index.js add button --cwd ./playground
 node src/cli/index.js add button-group --cwd ./playground
@@ -81,8 +86,11 @@ node src/cli/index.js add toolbar --cwd ./playground
 node src/cli/index.js add social-button --cwd ./playground
 node src/cli/index.js add input --cwd ./playground
 node src/cli/index.js add select --cwd ./playground
+node src/cli/index.js add autocomplete --cwd ./playground
 node src/cli/index.js add date-picker --cwd ./playground
 node src/cli/index.js add slider --cwd ./playground
+node src/cli/index.js add skeleton --cwd ./playground
+node src/cli/index.js add spinner --cwd ./playground
 node src/cli/index.js add progress --cwd ./playground
 node src/cli/index.js add progress-slider --cwd ./playground
 node src/cli/index.js add textarea --cwd ./playground
@@ -98,14 +106,14 @@ node src/cli/index.js add tooltip --cwd ./playground
 
 Run the local component playground:
 
-```bash
+```text
 npm --prefix playground install
 npm run playground:dev
 ```
 
 In a published package:
 
-```bash
+```text
 npx banhaten init
 npx banhaten add button
 npx banhaten add button-group
@@ -119,8 +127,11 @@ npx banhaten add toolbar
 npx banhaten add social-button
 npx banhaten add input
 npx banhaten add select
+npx banhaten add autocomplete
 npx banhaten add date-picker
 npx banhaten add slider
+npx banhaten add skeleton
+npx banhaten add spinner
 npx banhaten add progress
 npx banhaten add progress-slider
 npx banhaten add textarea
@@ -136,7 +147,7 @@ npx banhaten add tooltip
 
 After `init` or `add`, run your package manager install command when the CLI reports new dependencies:
 
-```bash
+```text
 npm install
 ```
 
@@ -144,7 +155,7 @@ npm install
 
 Use the CLI from the root of a React app:
 
-```bash
+```text
 npx banhaten init
 npx banhaten add button input select
 npm install
@@ -219,6 +230,7 @@ Banhaten themes are controlled by attributes on the document element:
 | `Modal` | `size`, `dir`, `title`, `description`, `showIcon`, `showCloseButton`, `showDivider`, `showFooter`, `showCheckbox`, `footer`; `ConfirmModal` adds `intent`, `confirmLabel`, `confirmLoading`, `preventOutsideDismiss` |
 | `Pagination` | `type`, `variant`, `dir`, `page`, `totalPages`, `labels` |
 | `Progress` | `value`, `min`, `max`, `size`, `labelPosition`, `helperText`, `showIndicator`, `showSpinner` |
+| `Spinner` | `Spinner`, `DynamicSpinner`, inherited text color, `--bh-spinner-size` CSS variable |
 | `Slider` | `value`, `defaultValue`, `tone`, `size`, `variant`, `orientation`, `showTicks` |
 | `ProgressSlider` | `value`, `defaultValue`, `tone`, `size`, `showTicks`, `ariaValueText` |
 | `Toggle` | `size`, `showIcon`, `disabled`; `ToggleField` supports `controlPosition`, `label`, `description` |
@@ -231,14 +243,14 @@ Banhaten themes are controlled by attributes on the document element:
 
 Check for local drift without writing files:
 
-```bash
+```text
 npx banhaten diff
 npx banhaten diff button
 ```
 
 Refresh all detected installed components, or target a specific component:
 
-```bash
+```text
 npx banhaten update
 npx banhaten update button
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "banhaten",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Banhaten design system: an Arabic and English-first React design system with shadcn-style component installation.",
   "type": "module",
   "bin": {
@@ -55,5 +55,11 @@
   "bugs": {
     "url": "https://github.com/AhmadGalal85/Banhaten-design-system/issues"
   },
-  "homepage": "https://github.com/AhmadGalal85/Banhaten-design-system#readme"
+  "homepage": "https://github.com/AhmadGalal85/Banhaten-design-system#readme",
+  "main": "index.js",
+  "directories": {
+    "doc": "docs"
+  },
+  "devDependencies": {},
+  "author": ""
 }