asheeui 1.1.1 → 2.2.1

package/NOTICE

@@ -7,4 +7,4 @@ This product includes software developed at Ashee Softworks
 The framework's design system, component contracts and development
 methodology are documented in this repository. The AI Test Driven
 Development methodology that the project is developed with is created by
-Ashee Softworks and published openly.
+Ashee Softworks.

package/README.md

@@ -1,36 +1,8 @@
 # asheeui
 
-A React UI framework built on Tailwind CSS v4. Accessible, config-driven
-components, a layout system, the sections a page is made of, and a Puck
-integration behind their own entry point.
-
-## Features
-
-- **Config-driven** — theme, variant, color, radius and spacing defaults resolve
-  through one cascade, so a value can be set globally, per component or per
-  instance.
-- **A layout system** — `Container`, `Section`, `Stack`/`HStack`/`VStack`,
-  `Grid`, `Page`/`PageHeader`/`PageContent`/`PageFooter`, plus `SidebarLayout`
-  and `AuthLayout` for application pages.
-- **Page sections** — `Navbar`, `Hero`, `FeatureGrid`, `CTA`, `Testimonials`,
-  `PricingCard` and `Footer`, each taking its actions as configuration.
-- **Puck integration** — `asheeui/puck` exposes the same components as builder
-  blocks, so an application, an editor and a published page share one
-  implementation. `@puckeditor/core` is an optional peer dependency.
-- **Tailwind CSS v4** — class names are static and complete, and colours resolve
-  through CSS custom properties.
-- **Light and dark themes** — built-in `light`, `dark` and `system` themes, plus
-  custom themes.
-- **Accessible** — landmarks, names, keyboard behaviour and announced state are
-  part of each component's contract, with tests that state them.
-- **TypeScript-first** — fully typed configuration, theme registry and component
-  props, with JSDoc on every exported symbol.
-
-## Requirements
-
-- React 18 or newer
-- Tailwind CSS v4
-- Node.js 22.12 or newer for development
+The AsheeUI umbrella package: one import, two renderers. An application names a
+component once, and the resolver decides which implementation answers — the DOM
+renderer in a browser bundle, the React Native renderer under Expo and Metro.
 
 ## Installation
 
@@ -38,19 +10,34 @@ integration behind their own entry point.
 npm install asheeui
 ```
 
-Import the stylesheet once and wrap your root in the provider:
-
-```css
-@import "tailwindcss";
-@import "asheeui/styles";
-```
-
 ```tsx
-import { AsheeUIProvider } from "asheeui";
+import { Button, Page, PageContent } from "asheeui";
 ```
 
-The optional `@asheeui/cli` package can scaffold that setup and check it, but it
-is not required: the two steps above are the whole setup.
+`asheeui` depends on `@asheeui/web` and `@asheeui/native`, re-exports the
+component surface of each, and adds the `@asheeui/core` helpers both platforms
+offer, so the same import works wherever the application runs.
+
+Nothing is decided at runtime. The manifest's `react-native` field, the
+`react-native` condition of the exports map and the platform extension Metro
+resolves (`index.native.ts` beside `index.ts`) are what route an import, which is
+why a browser bundle carries no React Native and a native bundle carries no DOM.
+
+An application that knows its platform can install a renderer instead —
+`@asheeui/web` or `@asheeui/native` — and read the same components without the
+umbrella. One entry point stays with the web package: the stylesheet,
+`@asheeui/web/styles`. The Puck integration is a package of its own, `@asheeui/puck`,
+because it is used on both platforms: the web half is the editor's block registry and
+the native half renders a composed page with the native components.
+
+## Requirements
+
+| Requirement | Version |
+| --- | --- |
+| React | 18.2 or newer, or 19 |
+| React DOM | the same major as React, for the DOM renderer |
+| React Native | 0.78 or newer, and NativeWind 4.2 or newer, for the native renderer |
+| Tailwind CSS | 4.0 or newer |
 
 ## Documentation
 
@@ -59,40 +46,9 @@ The framework documentation lives in the repository:
 - [Installation](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/installation.md)
 - [Configuration](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/configuration.md)
 - [Components](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/components.md)
-- [Puck](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/puck.md)
-- [Accessibility](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/accessibility.md)
+- [React Native](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/native.md)
 - [Migration](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/migration.md)
 
-## Quick start
-
-```tsx
-import { Button, Page, PageContent, Hero } from "asheeui";
-
-export function App() {
-  return (
-    <Page>
-      <PageContent>
-        <Hero
-          title="Run your campaigns from one place"
-          primaryAction={{ label: "Start free", href: "/signup" }}
-        />
-        <Button>Hello AsheeUI</Button>
-      </PageContent>
-    </Page>
-  );
-}
-```
-
-A complete page is `Navbar`, a band or two, and `Footer`, all of them composing
-through `Page`, `Section`, `Container` and `Grid`.
-
-## Theming
-
-Themes are CSS custom properties (`--ashee-background`, `--ashee-primary`, and
-so on), applied by the provider before the first paint. `useTheme` switches the
-theme at runtime and records the preference, `themeController` does the same
-outside React, and a theme is defined as a block in the configuration.
-
 ## Links
 
 - Documentation: https://asheeui.com
@@ -104,4 +60,3 @@ outside React, and a theme is defined as a block in the configuration.
 AsheeUI is licensed under the [Apache License 2.0](../../LICENSE). Copyright and
 attribution notices are in the root [NOTICE](../../NOTICE) file; the repository's
 [licensing guide](../../docs/licensing.md) explains what redistribution requires.
-

package/dist/index.d.ts

@@ -1,80 +1,28 @@
-export type { AsheeUIProviderProps } from './AsheeUIProvider';
-export { AsheeUIProvider } from './AsheeUIProvider';
 /**
- * All component exports.
- * Each component is exported from its respective directory.
+ * The AsheeUI umbrella package.
  *
- * Internal building blocks (`field` and `menu`) are deliberately not
- * exported. They are implementation details shared by the components that
- * use them, so they are not part of the public component surface and must
- * not be listed as components.
- */
-export * from './components/accordion';
-export * from './components/alert';
-export * from './components/auth-layout';
-export * from './components/autocomplete';
-export * from './components/avatar';
-export * from './components/badge';
-export * from './components/breadcrumb';
-export * from './components/button';
-export * from './components/calendar';
-export * from './components/card';
-export * from './components/carousel';
-export * from './components/chip';
-export * from './components/clipboard';
-export * from './components/container';
-export * from './components/cta';
-export * from './components/drawer';
-export * from './components/dropmenu';
-export * from './components/empty-state';
-export * from './components/feature-grid';
-export * from './components/footer';
-export * from './components/form';
-export * from './components/grid';
-export * from './components/hero';
-export * from './components/image';
-export * from './components/input';
-export * from './components/keyboard';
-export * from './components/link';
-export * from './components/marquee';
-export * from './components/modal';
-export * from './components/multi-select';
-export * from './components/navbar';
-export * from './components/page';
-export * from './components/pagination';
-export * from './components/pin-input';
-export * from './components/pricing-card';
-export * from './components/radio';
-export * from './components/resizable-screen';
-export * from './components/section';
-export * from './components/sidebar';
-export * from './components/sidebar-layout';
-export * from './components/skeleton';
-export * from './components/spinner';
-export * from './components/stack';
-export * from './components/switch';
-export * from './components/table';
-export * from './components/tabs';
-export * from './components/testimonials';
-export * from './components/textarea';
-export * from './components/toast';
-export * from './components/tooltip';
-export * from './components/typography';
-export type { ExternalConfig } from './config';
-/**
- * Shared type exports.
- * These types are used across multiple components for consistency.
- */
-export type { ActionConfig, Color, Radius, Size, Space, Variant, } from './shared';
-/**
- * Theme type exports.
- * These types define the color system and theme configuration.
- */
-export type { AsheeColorRegistry, ColorConfig, ColorVariant, DefaultColorConfig, ThemeName, } from './theme/color';
-/**
- * Theme utilities and hooks.
- * These provide runtime theme management and reactivity.
+ * One entry point, two renderers. An application installs `asheeui`, imports the
+ * components it needs and writes the same import specifiers whether it runs in a browser
+ * or on a device; the resolver decides which implementation answers:
+ *
+ * - On the web, the resolver reads `main` (and the `import` condition) and reaches the
+ *   DOM implementation in `@asheeui/web`.
+ * - Under Expo and Metro, it reads the manifest's `react-native` field, then the
+ *   `react-native` condition of the exports map, and finally Metro's platform extension
+ *   (`.native.ts` next to `.ts`), and reaches the React Native implementation in
+ *   `@asheeui/native`.
+ *
+ * The routing is a property of the file name and the manifest rather than a runtime
+ * check, which is what keeps a browser bundle free of React Native and a native bundle
+ * free of the DOM: this module is the web branch, and it imports no native renderer.
+ * The native branch is the sibling `./index.native`, which exports the other renderer
+ * and the same helpers.
+ *
+ * The helpers exported after the renderer belong to neither platform: the class-name
+ * composition and the cascade every component resolves through are the parts of the
+ * framework an application uses directly, and they come from `@asheeui/core` so both
+ * branches offer exactly the same ones.
  */
-export { THEME_STORAGE_KEY, themeController, } from './theme/controller';
-export { useTheme } from './theme/useTheme';
+export { cn, mergeObject, resolveAnimate, resolveCascade, resolveClassKey, resolveConfigCascade, resolveRadiusKey, } from "@asheeui/core";
+export * from "@asheeui/web";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAKH,OAAO,yCAAyC,CAAC;AAEjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C;;;GAGG;AACH,YAAY,EACV,YAAY,EACZ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,OAAO,GACR,MAAM,UAAU,CAAC;AAClB;;;GAGG;AACH,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,SAAS,GACV,MAAM,eAAe,CAAC;AACvB;;;GAGG;AACH,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EACL,EAAE,EACF,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -1,116 +1,28 @@
-"use client";
-import "./components/scrollbar/scrollbar-config.js";
-import { THEME_STORAGE_KEY as e, themeController as t } from "./theme/controller.js";
-import { useTheme as n } from "./theme/useTheme.js";
-import { AsheeUIProvider as r } from "./AsheeUIProvider.js";
-import { FALLBACK_ACCORDION_CONFIG as i, defaultAccordionConfig as a } from "./components/accordion/accordion-config.js";
-import { Accordion as o } from "./components/accordion/Accordion.js";
-import { FALLBACK_ALERT_CONFIG as s, defaultAlertConfig as c } from "./components/alert/alert-config.js";
-import { Alert as l } from "./components/alert/Alert.js";
-import { FALLBACK_TYPOGRAPHY_CONFIG as u, defaultTypographyConfig as d } from "./components/typography/typography-config.js";
-import { Typography as f } from "./components/typography/Typography.js";
-import { FALLBACK_AUTH_LAYOUT_CONFIG as p, defaultAuthLayoutConfig as m } from "./components/auth-layout/auth-layout-config.js";
-import { AuthLayout as h } from "./components/auth-layout/AuthLayout.js";
-import { FALLBACK_SPINNER_CONFIG as g, defaultSpinnerConfig as _ } from "./components/spinner/spinner-config.js";
-import { Spinner as v } from "./components/spinner/spinner.js";
-import { KeyboardContext as y, useKeyboard as b } from "./components/keyboard/KeyboardContext.js";
-import { FALLBACK_KEYBOARD_CONFIG as x, defaultKeyDisplay as S, defaultKeyboardConfig as C, defaultKeyboardLayouts as w } from "./components/keyboard/keyboard-config.js";
-import { FALLBACK_BUTTON_CONFIG as T, defaultButtonConfig as E } from "./components/button/button-config.js";
-import { Button as D } from "./components/button/Button.js";
-import { OnScreenKeyboard as O } from "./components/keyboard/OnScreenKeyboard.js";
-import { KeyboardProvider as k } from "./components/keyboard/KeyboardProvider.js";
-import { useKeyboardField as A } from "./components/keyboard/use-keyboard-field.js";
-import { Input as j } from "./components/input/Input.js";
-import { defaultInputConfig as M } from "./components/input/input-config.js";
-import { PasswordInput as N } from "./components/input/PasswordInput.js";
-import { FALLBACK_AUTOCOMPLETE_CONFIG as P, defaultAutocompleteConfig as F } from "./components/autocomplete/autocomplete-config.js";
-import { Autocomplete as I } from "./components/autocomplete/Autocomplete.js";
-import { FALLBACK_IMAGE_CONFIG as L, defaultImageConfig as R } from "./components/image/image-config.js";
-import { Image as z } from "./components/image/Image.js";
-import { FALLBACK_AVATAR_CONFIG as B, defaultAvatarConfig as V } from "./components/avatar/avatar-config.js";
-import { Avatar as H } from "./components/avatar/Avatar.js";
-import { FALLBACK_BADGE_CONFIG as U, defaultBadgeConfig as W } from "./components/badge/badge-config.js";
-import { Badge as G } from "./components/badge/Badge.js";
-import { FALLBACK_LINK_CONFIG as K, defaultLinkConfig as q } from "./components/link/link-config.js";
-import { Link as J } from "./components/link/Link.js";
-import { FALLBACK_BREADCRUMB_CONFIG as Y, defaultBreadcrumbConfig as X } from "./components/breadcrumb/breadcrumb-config.js";
-import { Breadcrumb as Z } from "./components/breadcrumb/Breadcrumb.js";
-import { FALLBACK_DATE_PICKER_CONFIG as Q, defaultCalendarConfig as $ } from "./components/calendar/calendar-config.js";
-import { Calendar as ee } from "./components/calendar/Calendar.js";
-import { FALLBACK_CARD_CONFIG as te, defaultCardConfig as ne } from "./components/card/card-config.js";
-import { Card as re } from "./components/card/Card.js";
-import { FALLBACK_CAROUSEL_CONFIG as ie, defaultCarouselConfig as ae } from "./components/carousel/carousel-config.js";
-import { Carousel as oe } from "./components/carousel/Carousel.js";
-import { FALLBACK_CHIP_CONFIG as se, defaultChipConfig as ce } from "./components/chip/chip-config.js";
-import { Chip as le } from "./components/chip/Chip.js";
-import { FALLBACK_CLIPBOARD_CONFIG as ue, defaultClipboardConfig as de } from "./components/clipboard/clipboard-config.js";
-import { Clipboard as fe } from "./components/clipboard/Clipboard.js";
-import { CopyButton as pe } from "./components/clipboard/CopyButton.js";
-import { FALLBACK_CONTAINER_CONFIG as me, defaultContainerConfig as he } from "./components/container/container-config.js";
-import { Container as ge } from "./components/container/Container.js";
-import { FALLBACK_SECTION_CONFIG as _e, defaultSectionConfig as ve } from "./components/section/section-config.js";
-import { Section as ye } from "./components/section/Section.js";
-import { FALLBACK_CTA_CONFIG as be, defaultCtaConfig as xe } from "./components/cta/cta-config.js";
-import { CTA as Se } from "./components/cta/CTA.js";
-import { FALLBACK_DRAWER_CONFIG as Ce, defaultDrawerConfig as we } from "./components/drawer/drawer-config.js";
-import { Drawer as Te } from "./components/drawer/Drawer.js";
-import { FALLBACK_SELECT_CONFIG as Ee, defaultDropmenuConfig as De } from "./components/dropmenu/dropmenu-config.js";
-import { Dropmenu as Oe } from "./components/dropmenu/Dropmenu.js";
-import { FALLBACK_EMPTY_STATE_CONFIG as ke, defaultEmptyStateConfig as Ae } from "./components/empty-state/empty-state-config.js";
-import { EmptyState as je } from "./components/empty-state/EmptyState.js";
-import { FALLBACK_GRID_CONFIG as Me, defaultGridConfig as Ne } from "./components/grid/grid-config.js";
-import { Grid as Pe } from "./components/grid/Grid.js";
-import { FALLBACK_FEATURE_GRID_CONFIG as Fe, defaultFeatureGridConfig as Ie } from "./components/feature-grid/feature-grid-config.js";
-import { FeatureGrid as Le } from "./components/feature-grid/FeatureGrid.js";
-import { FALLBACK_FOOTER_CONFIG as Re, defaultFooterConfig as ze } from "./components/footer/footer-config.js";
-import { Footer as Be } from "./components/footer/Footer.js";
-import { FALLBACK_FORM_CONFIG as Ve, defaultFormConfig as He } from "./components/form/form-config.js";
-import { Form as Ue } from "./components/form/Form.js";
-import { FALLBACK_HERO_CONFIG as We, defaultHeroConfig as Ge } from "./components/hero/hero-config.js";
-import { Hero as Ke } from "./components/hero/Hero.js";
-import { FALLBACK_MARQUEE_CONFIG as qe, defaultMarqueeConfig as Je } from "./components/marquee/marquee-config.js";
-import { Marquee as Ye } from "./components/marquee/Marquee.js";
-import { FALLBACK_MODAL_CONFIG as Xe, defaultModalConfig as Ze } from "./components/modal/modal-config.js";
-import { Modal as Qe } from "./components/modal/Modal.js";
-import { FALLBACK_MULTI_SELECT_CONFIG as $e, defaultMultiSelectConfig as et } from "./components/multi-select/multi-select-config.js";
-import { MultiSelect as tt } from "./components/multi-select/MultiSelect.js";
-import { FALLBACK_NAVBAR_CONFIG as nt, defaultNavbarConfig as rt } from "./components/navbar/navbar-config.js";
-import { Navbar as it } from "./components/navbar/Navbar.js";
-import { FALLBACK_PAGE_CONFIG as at, defaultPageConfig as ot } from "./components/page/page-config.js";
-import { Page as st, PageContent as ct, PageFooter as lt, PageHeader as ut } from "./components/page/Page.js";
-import { FALLBACK_PAGINATION_CONFIG as dt, defaultPaginationConfig as ft } from "./components/pagination/pagination-config.js";
-import { Pagination as pt } from "./components/pagination/Pagination.js";
-import { FALLBACK_PIN_INPUT_CONFIG as mt, defaultPinInputConfig as ht } from "./components/pin-input/pin-input-config.js";
-import { PinInput as gt, sanitizePinValue as _t } from "./components/pin-input/PinInput.js";
-import { FALLBACK_PRICING_CARD_CONFIG as vt, defaultPricingCardConfig as yt } from "./components/pricing-card/pricing-card-config.js";
-import { PricingCard as bt } from "./components/pricing-card/PricingCard.js";
-import { FALLBACK_RADIO_CONFIG as xt, defaultRadioConfig as St } from "./components/radio/radio-config.js";
-import { Radio as Ct } from "./components/radio/Radio.js";
-import { RadioGroup as wt } from "./components/radio/RadioGroup.js";
-import { FALLBACK_RESIZABLE_SCREEN_CONFIG as Tt, defaultResizableScreenConfig as Et } from "./components/resizable-screen/resizable-screen-config.js";
-import { ResizableScreen as Dt } from "./components/resizable-screen/ResizableScreen.js";
-import { FALLBACK_TOOLTIP_CONFIG as Ot, defaultTooltipConfig as kt } from "./components/tooltip/tooltip-config.js";
-import { Tooltip as At } from "./components/tooltip/Tooltip.js";
-import { FALLBACK_SIDEBAR_CONFIG as jt, defaultSidebarConfig as Mt } from "./components/sidebar/sidebar-config.js";
-import { Sidebar as Nt } from "./components/sidebar/Sidebar.js";
-import { FALLBACK_SIDEBAR_LAYOUT_CONFIG as Pt, defaultSidebarLayoutConfig as Ft } from "./components/sidebar-layout/sidebar-layout-config.js";
-import { SidebarLayout as It } from "./components/sidebar-layout/SidebarLayout.js";
-import { FALLBACK_SKELETON_CONFIG as Lt, defaultSkeletonConfig as Rt } from "./components/skeleton/skeleton-config.js";
-import { Skeleton as zt } from "./components/skeleton/Skeleton.js";
-import { FALLBACK_STACK_CONFIG as Bt, defaultStackConfig as Vt } from "./components/stack/stack-config.js";
-import { HStack as Ht, Stack as Ut, VStack as Wt } from "./components/stack/Stack.js";
-import { FALLBACK_SWITCH_CONFIG as Gt, defaultSwitchConfig as Kt } from "./components/switch/switch-config.js";
-import { Switch as qt } from "./components/switch/Switch.js";
-import { FALLBACK_TABLE_CONFIG as Jt, defaultTableConfig as Yt } from "./components/table/table-config.js";
-import { Table as Xt } from "./components/table/Table.js";
-import { FALLBACK_TABS_CONFIG as Zt, defaultTabsConfig as Qt } from "./components/tabs/tabs-config.js";
-import { Tabs as $t } from "./components/tabs/Tabs.js";
-import { FALLBACK_TESTIMONIALS_CONFIG as en, defaultTestimonialsConfig as tn } from "./components/testimonials/testimonials-config.js";
-import { Testimonials as nn } from "./components/testimonials/Testimonials.js";
-import { FALLBACK_TEXTAREA_CONFIG as rn, defaultTextAreaConfig as an } from "./components/textarea/textarea-config.js";
-import { Textarea as on } from "./components/textarea/Textarea.js";
-import { ToastContext as sn, useToast as cn } from "./components/toast/ToastContext.js";
-import { FALLBACK_TOAST_CONFIG as ln, defaultToastConfig as un } from "./components/toast/toast-config.js";
-import { ToastItem as dn } from "./components/toast/ToastItem.js";
-import { ToastProvider as fn } from "./components/toast/ToastProvider.js";
-export { o as Accordion, l as Alert, r as AsheeUIProvider, h as AuthLayout, I as Autocomplete, H as Avatar, G as Badge, Z as Breadcrumb, D as Button, Se as CTA, ee as Calendar, re as Card, oe as Carousel, le as Chip, fe as Clipboard, ge as Container, pe as CopyButton, Te as Drawer, Oe as Dropmenu, je as EmptyState, i as FALLBACK_ACCORDION_CONFIG, s as FALLBACK_ALERT_CONFIG, p as FALLBACK_AUTH_LAYOUT_CONFIG, P as FALLBACK_AUTOCOMPLETE_CONFIG, B as FALLBACK_AVATAR_CONFIG, U as FALLBACK_BADGE_CONFIG, Y as FALLBACK_BREADCRUMB_CONFIG, T as FALLBACK_BUTTON_CONFIG, te as FALLBACK_CARD_CONFIG, ie as FALLBACK_CAROUSEL_CONFIG, se as FALLBACK_CHIP_CONFIG, ue as FALLBACK_CLIPBOARD_CONFIG, me as FALLBACK_CONTAINER_CONFIG, be as FALLBACK_CTA_CONFIG, Q as FALLBACK_DATE_PICKER_CONFIG, Ce as FALLBACK_DRAWER_CONFIG, ke as FALLBACK_EMPTY_STATE_CONFIG, Fe as FALLBACK_FEATURE_GRID_CONFIG, Re as FALLBACK_FOOTER_CONFIG, Ve as FALLBACK_FORM_CONFIG, Me as FALLBACK_GRID_CONFIG, We as FALLBACK_HERO_CONFIG, L as FALLBACK_IMAGE_CONFIG, x as FALLBACK_KEYBOARD_CONFIG, K as FALLBACK_LINK_CONFIG, qe as FALLBACK_MARQUEE_CONFIG, Xe as FALLBACK_MODAL_CONFIG, $e as FALLBACK_MULTI_SELECT_CONFIG, nt as FALLBACK_NAVBAR_CONFIG, at as FALLBACK_PAGE_CONFIG, dt as FALLBACK_PAGINATION_CONFIG, mt as FALLBACK_PIN_INPUT_CONFIG, vt as FALLBACK_PRICING_CARD_CONFIG, xt as FALLBACK_RADIO_CONFIG, Tt as FALLBACK_RESIZABLE_SCREEN_CONFIG, _e as FALLBACK_SECTION_CONFIG, Ee as FALLBACK_SELECT_CONFIG, jt as FALLBACK_SIDEBAR_CONFIG, Pt as FALLBACK_SIDEBAR_LAYOUT_CONFIG, Lt as FALLBACK_SKELETON_CONFIG, g as FALLBACK_SPINNER_CONFIG, Bt as FALLBACK_STACK_CONFIG, Gt as FALLBACK_SWITCH_CONFIG, Jt as FALLBACK_TABLE_CONFIG, Zt as FALLBACK_TABS_CONFIG, en as FALLBACK_TESTIMONIALS_CONFIG, rn as FALLBACK_TEXTAREA_CONFIG, ln as FALLBACK_TOAST_CONFIG, Ot as FALLBACK_TOOLTIP_CONFIG, u as FALLBACK_TYPOGRAPHY_CONFIG, Le as FeatureGrid, Be as Footer, Ue as Form, Pe as Grid, Ht as HStack, Ke as Hero, z as Image, j as Input, y as KeyboardContext, k as KeyboardProvider, J as Link, Ye as Marquee, Qe as Modal, tt as MultiSelect, it as Navbar, O as OnScreenKeyboard, st as Page, ct as PageContent, lt as PageFooter, ut as PageHeader, pt as Pagination, N as PasswordInput, gt as PinInput, bt as PricingCard, Ct as Radio, wt as RadioGroup, Dt as ResizableScreen, ye as Section, Nt as Sidebar, It as SidebarLayout, zt as Skeleton, v as Spinner, Ut as Stack, qt as Switch, e as THEME_STORAGE_KEY, Xt as Table, $t as Tabs, nn as Testimonials, on as Textarea, sn as ToastContext, dn as ToastItem, fn as ToastProvider, At as Tooltip, f as Typography, Wt as VStack, a as defaultAccordionConfig, c as defaultAlertConfig, m as defaultAuthLayoutConfig, F as defaultAutocompleteConfig, V as defaultAvatarConfig, W as defaultBadgeConfig, X as defaultBreadcrumbConfig, E as defaultButtonConfig, $ as defaultCalendarConfig, ne as defaultCardConfig, ae as defaultCarouselConfig, ce as defaultChipConfig, de as defaultClipboardConfig, he as defaultContainerConfig, xe as defaultCtaConfig, we as defaultDrawerConfig, De as defaultDropmenuConfig, Ae as defaultEmptyStateConfig, Ie as defaultFeatureGridConfig, ze as defaultFooterConfig, He as defaultFormConfig, Ne as defaultGridConfig, Ge as defaultHeroConfig, R as defaultImageConfig, M as defaultInputConfig, S as defaultKeyDisplay, C as defaultKeyboardConfig, w as defaultKeyboardLayouts, q as defaultLinkConfig, Je as defaultMarqueeConfig, Ze as defaultModalConfig, et as defaultMultiSelectConfig, rt as defaultNavbarConfig, ot as defaultPageConfig, ft as defaultPaginationConfig, ht as defaultPinInputConfig, yt as defaultPricingCardConfig, St as defaultRadioConfig, Et as defaultResizableScreenConfig, ve as defaultSectionConfig, Mt as defaultSidebarConfig, Ft as defaultSidebarLayoutConfig, Rt as defaultSkeletonConfig, _ as defaultSpinnerConfig, Vt as defaultStackConfig, Kt as defaultSwitchConfig, Yt as defaultTableConfig, Qt as defaultTabsConfig, tn as defaultTestimonialsConfig, an as defaultTextAreaConfig, un as defaultToastConfig, kt as defaultTooltipConfig, d as defaultTypographyConfig, _t as sanitizePinValue, t as themeController, b as useKeyboard, A as useKeyboardField, n as useTheme, cn as useToast };
+/**
+ * The AsheeUI umbrella package.
+ *
+ * One entry point, two renderers. An application installs `asheeui`, imports the
+ * components it needs and writes the same import specifiers whether it runs in a browser
+ * or on a device; the resolver decides which implementation answers:
+ *
+ * - On the web, the resolver reads `main` (and the `import` condition) and reaches the
+ *   DOM implementation in `@asheeui/web`.
+ * - Under Expo and Metro, it reads the manifest's `react-native` field, then the
+ *   `react-native` condition of the exports map, and finally Metro's platform extension
+ *   (`.native.ts` next to `.ts`), and reaches the React Native implementation in
+ *   `@asheeui/native`.
+ *
+ * The routing is a property of the file name and the manifest rather than a runtime
+ * check, which is what keeps a browser bundle free of React Native and a native bundle
+ * free of the DOM: this module is the web branch, and it imports no native renderer.
+ * The native branch is the sibling `./index.native`, which exports the other renderer
+ * and the same helpers.
+ *
+ * The helpers exported after the renderer belong to neither platform: the class-name
+ * composition and the cascade every component resolves through are the parts of the
+ * framework an application uses directly, and they come from `@asheeui/core` so both
+ * branches offer exactly the same ones.
+ */
+export { cn, mergeObject, resolveAnimate, resolveCascade, resolveClassKey, resolveConfigCascade, resolveRadiusKey, } from "@asheeui/core";
+export * from "@asheeui/web";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EACL,EAAE,EACF,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/dist/index.native.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The AsheeUI umbrella package, native branch.
+ *
+ * Metro reaches this file for a React Native platform — through the manifest's
+ * `react-native` field, through the `react-native` condition of the exports map, or by
+ * resolving the platform extension (`.native`) beside `index.ts` — so an application's
+ * import specifiers do not change between the web and a device.
+ *
+ * It exports the React Native renderer alongside the same platform-neutral helpers the
+ * web branch exports, because the point of the umbrella is that the import a developer
+ * writes is the same one on both platforms. It imports no DOM renderer: resolving this
+ * file must not pull Tailwind, React DOM or the browser-only parts of `@asheeui/web`
+ * into a native bundle.
+ *
+ * The file is published as source rather than only as a build, because the manifest's
+ * `react-native` field cannot be redirected at publish time the way `main` and `types`
+ * are: whatever that field names has to exist in the tarball, and a resolver that reads
+ * the field instead of the exports map has to be able to compile it.
+ */
+export { cn, mergeObject, resolveAnimate, resolveCascade, resolveClassKey, resolveConfigCascade, resolveRadiusKey, } from "@asheeui/core";
+export * from "@asheeui/native";
+//# sourceMappingURL=index.native.d.ts.map

package/dist/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACL,EAAE,EACF,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,cAAc,iBAAiB,CAAC"}

package/dist/index.native.js

@@ -0,0 +1,22 @@
+/**
+ * The AsheeUI umbrella package, native branch.
+ *
+ * Metro reaches this file for a React Native platform — through the manifest's
+ * `react-native` field, through the `react-native` condition of the exports map, or by
+ * resolving the platform extension (`.native`) beside `index.ts` — so an application's
+ * import specifiers do not change between the web and a device.
+ *
+ * It exports the React Native renderer alongside the same platform-neutral helpers the
+ * web branch exports, because the point of the umbrella is that the import a developer
+ * writes is the same one on both platforms. It imports no DOM renderer: resolving this
+ * file must not pull Tailwind, React DOM or the browser-only parts of `@asheeui/web`
+ * into a native bundle.
+ *
+ * The file is published as source rather than only as a build, because the manifest's
+ * `react-native` field cannot be redirected at publish time the way `main` and `types`
+ * are: whatever that field names has to exist in the tarball, and a resolver that reads
+ * the field instead of the exports map has to be able to compile it.
+ */
+export { cn, mergeObject, resolveAnimate, resolveCascade, resolveClassKey, resolveConfigCascade, resolveRadiusKey, } from "@asheeui/core";
+export * from "@asheeui/native";
+//# sourceMappingURL=index.native.js.map

package/dist/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACL,EAAE,EACF,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,cAAc,iBAAiB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "asheeui",
-  "version": "1.1.1",
-  "description": "Accessible and customizable React primitives engineered with Tailwind CSS.",
+  "version": "2.2.1",
+  "description": "The AsheeUI umbrella package: the components of @asheeui/web and @asheeui/native behind one import, routed by the bundler instead of by a runtime check.",
   "author": "Ashee Softworks <asheesoftworks@gmail.com>",
   "homepage": "https://asheeui.com",
   "repository": {
@@ -14,91 +14,85 @@
   },
   "keywords": [
     "react",
-    "react-components",
+    "react-native",
+    "expo",
     "component-library",
     "design-system",
     "ui-kit",
     "tailwindcss",
-    "tailwind",
+    "nativewind",
     "typescript",
     "accessible",
-    "a11y",
-    "floating-ui",
-    "headless"
+    "a11y"
   ],
+  "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "react-native": "./src/index.native.ts",
   "exports": {
     ".": {
+      "react-native": {
+        "types": "./dist/index.native.d.ts",
+        "default": "./dist/index.native.js"
+      },
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
-    },
-    "./styles": {
-      "style": "./dist/index.css",
-      "default": "./dist/index.css"
-    },
-    "./styles.css": "./dist/index.css",
-    "./puck": {
-      "types": "./dist/puck/index.d.ts",
-      "import": "./dist/puck/index.js",
-      "default": "./dist/puck/index.js"
     }
   },
   "publishConfig": {
-    "provenance": true,
-    "style": "./dist/index.css"
+    "provenance": true
   },
   "files": [
     "dist",
+    "src/index.ts",
+    "src/index.native.ts",
     "LICENSE",
     "NOTICE"
   ],
-  "sideEffects": [
-    "*.css",
-    "**/*-config*"
-  ],
   "dependencies": {
-    "@floating-ui/react": "^0.27.20",
-    "clsx": "^2.1.1",
-    "tailwind-merge": "^3.6.0"
+    "@asheeui/web": "^2.3.0",
+    "@asheeui/core": "^2.2.0",
+    "@asheeui/native": "^2.3.0"
   },
   "peerDependencies": {
-    "@puckeditor/core": "^0.23.0",
+    "nativewind": ">=4.2.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
+    "react-native": ">=0.78.0",
     "tailwindcss": ">=4.0.0"
   },
   "peerDependenciesMeta": {
-    "@puckeditor/core": {
+    "nativewind": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "tailwindcss": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@floating-ui/react": "^0.27.20",
-    "@puckeditor/core": "^0.23.0",
-    "@testing-library/jest-dom": "^7.0.1",
-    "@testing-library/react": "^16.3.3",
-    "@testing-library/user-event": "^14.6.7",
-    "@types/node": "^26.5.0",
+    "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@typescript/typescript6": "^6.0.2",
-    "@vitejs/plugin-react": "^6.1.1",
-    "jsdom": "^30.0.1",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "tsx": "^4.23.13",
+    "@vitejs/plugin-react": "^6.1.2",
+    "jsdom": "^30.1.3",
+    "nativewind": "^4.2.7",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-native": "0.88.0",
     "typescript": "^7.0.2",
-    "vite": "^8.3.0",
-    "vite-plugin-dts": "^5.1.0",
-    "vitest": "^5.0.0"
+    "vitest": "^5.0.5"
   },
-  "module": "./dist/index.js",
-  "license": "Apache-2.0",
   "scripts": {
-    "build": "vite build",
+    "build": "tsc -p tsconfig.build.json",
     "test": "vitest run",
     "test:watch": "vitest"
   }