asheeui 1.0.0 → 1.1.1

package/LICENSE

@@ -1,21 +1,201 @@
-MIT License
-
-Copyright (c) 2026 Ashee Softworks
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+                              Apache License
+                        Version 2.0, January 2004
+                     http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+   "License" shall mean the terms and conditions for use, reproduction,
+   and distribution as defined by Sections 1 through 9 of this document.
+
+   "Licensor" shall mean the copyright owner or entity authorized by
+   the copyright owner that is granting the License.
+
+   "Legal Entity" shall mean the union of the acting entity and all
+   other entities that control, are controlled by, or are under common
+   control with that entity. For the purposes of this definition,
+   "control" means (i) the power, direct or indirect, to cause the
+   direction or management of such entity, whether by contract or
+   otherwise, or (ii) ownership of fifty percent (50%) or more of the
+   outstanding shares, or (iii) beneficial ownership of such entity.
+
+   "You" (or "Your") shall mean an individual or Legal Entity
+   exercising permissions granted by this License.
+
+   "Source" form shall mean the preferred form for making modifications,
+   including but not limited to software source code, documentation
+   source, and configuration files.
+
+   "Object" form shall mean any form resulting from mechanical
+   transformation or translation of a Source form, including but
+   not limited to compiled object code, generated documentation,
+   and conversions to other media types.
+
+   "Work" shall mean the work of authorship, whether in Source or
+   Object form, made available under the License, as indicated by a
+   copyright notice that is included in or attached to the work
+   (an example is provided in the Appendix below).
+
+   "Derivative Works" shall mean any work, whether in Source or Object
+   form, that is based on (or derived from) the Work and for which the
+   editorial revisions, annotations, elaborations, or other modifications
+   represent, as a whole, an original work of authorship. For the purposes
+   of this License, Derivative Works shall not include works that remain
+   separable from, or merely link (or bind by name) to the interfaces of,
+   the Work and Derivative Works thereof.
+
+   "Contribution" shall mean any work of authorship, including
+   the original version of the Work and any modifications or additions
+   to that Work or Derivative Works thereof, that is intentionally
+   submitted to Licensor for inclusion in the Work by the copyright owner
+   or by an individual or Legal Entity authorized to submit on behalf of
+   the copyright owner. For the purposes of this definition, "submitted"
+   means any form of electronic, verbal, or written communication sent
+   to the Licensor or its representatives, including but not limited to
+   communication on electronic mailing lists, source code control systems,
+   and issue tracking systems that are managed by, or on behalf of, the
+   Licensor for the purpose of discussing and improving the Work, but
+   excluding communication that is conspicuously marked or otherwise
+   designated in writing by the copyright owner as "Not a Contribution."
+
+   "Contributor" shall mean Licensor and any individual or Legal Entity
+   on behalf of whom a Contribution has been received by Licensor and
+   subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   copyright license to reproduce, prepare Derivative Works of,
+   publicly display, publicly perform, sublicense, and distribute the
+   Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   (except as stated in this section) patent license to make, have made,
+   use, offer to sell, sell, import, and otherwise transfer the Work,
+   where such license applies only to those patent claims licensable
+   by such Contributor that are necessarily infringed by their
+   Contribution(s) alone or by combination of their Contribution(s)
+   with the Work to which such Contribution(s) was submitted. If You
+   institute patent litigation against any entity (including a
+   cross-claim or counterclaim in a lawsuit) alleging that the Work
+   or a Contribution incorporated within the Work constitutes direct
+   or contributory patent infringement, then any patent licenses
+   granted to You under this License for that Work shall terminate
+   as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+   Work or Derivative Works thereof in any medium, with or without
+   modifications, and in Source or Object form, provided that You
+   meet the following conditions:
+
+   (a) You must give any other recipients of the Work or
+       Derivative Works a copy of this License; and
+
+   (b) You must cause any modified files to carry prominent notices
+       stating that You changed the files; and
+
+   (c) You must retain, in the Source form of any Derivative Works
+       that You distribute, all copyright, patent, trademark, and
+       attribution notices from the Source form of the Work,
+       excluding those notices that do not pertain to any part of
+       the Derivative Works; and
+
+   (d) If the Work includes a "NOTICE" text file as part of its
+       distribution, then any Derivative Works that You distribute must
+       include a readable copy of the attribution notices contained
+       within such NOTICE file, excluding those notices that do not
+       pertain to any part of the Derivative Works, in at least one
+       of the following places: within a NOTICE text file distributed
+       as part of the Derivative Works; within the Source form or
+       documentation, if provided along with the Derivative Works; or,
+       within a display generated by the Derivative Works, if and
+       wherever such third-party notices normally appear. The contents
+       of the NOTICE file are for informational purposes only and
+       do not modify the License. You may add Your own attribution
+       notices within Derivative Works that You distribute, alongside
+       or as an addendum to the NOTICE text from the Work, provided
+       that such additional attribution notices cannot be construed
+       as modifying the License.
+
+   You may add Your own copyright statement to Your modifications and
+   may provide additional or different license terms and conditions
+   for use, reproduction, or distribution of Your modifications, or
+   for any such Derivative Works as a whole, provided Your use,
+   reproduction, and distribution of the Work otherwise complies with
+   the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+   any Contribution intentionally submitted for inclusion in the Work
+   by You to the Licensor shall be under the terms and conditions of
+   this License, without any additional terms or conditions.
+   Notwithstanding the above, nothing herein shall supersede or modify
+   the terms of any separate license agreement you may have executed
+   with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+   names, trademarks, service marks, or product names of the Licensor,
+   except as required for reasonable and customary use in describing the
+   origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+   agreed to in writing, Licensor provides the Work (and each
+   Contributor provides its Contributions) on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied, including, without limitation, any warranties or conditions
+   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+   PARTICULAR PURPOSE. You are solely responsible for determining the
+   appropriateness of using or redistributing the Work and assume any
+   risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+   whether in tort (including negligence), contract, or otherwise,
+   unless required by applicable law (such as deliberate and grossly
+   negligent acts) or agreed to in writing, shall any Contributor be
+   liable to You for damages, including any direct, indirect, special,
+   incidental, or consequential damages of any character arising as a
+   result of this License or out of the use or inability to use the
+   Work (including but not limited to damages for loss of goodwill,
+   work stoppage, computer failure or malfunction, or any and all
+   other commercial damages or losses), even if such Contributor
+   has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+   the Work or Derivative Works thereof, You may choose to offer,
+   and charge a fee for, acceptance of support, warranty, indemnity,
+   or other liability obligations and/or rights consistent with this
+   License. However, in accepting such obligations, You may act only
+   on Your own behalf and on Your sole responsibility, not on behalf
+   of any other Contributor, and only if You agree to indemnify,
+   defend, and hold each Contributor harmless for any liability
+   incurred by, or claims asserted against, such Contributor by reason
+   of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+   To apply the Apache License to your work, attach the following
+   boilerplate notice, with the fields enclosed by brackets "[]"
+   replaced with your own identifying information. (Don't include
+   the brackets!)  The text should be enclosed in the appropriate
+   comment syntax for the file format. We also recommend that a
+   file or class name and description of purpose be included on the
+   same "printed page" as the copyright notice for easier
+   identification within third-party archives.
+
+Copyright 2026 Ashee Softworks
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+	http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/NOTICE

@@ -0,0 +1,10 @@
+AsheeUI
+Copyright 2026 Ashee Softworks
+
+This product includes software developed at Ashee Softworks
+(https://github.com/AsheeSoftworks/AsheeUI).
+
+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.

package/README.md

@@ -1,210 +1,107 @@
 # asheeui
 
-A config-driven React component library built on Tailwind CSS v4. Accessible, styled components with a unified configuration system — set defaults once, override them anywhere.
+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** — Define theme, variant, color, and radius defaults in one place (`asheeui.config.ts`) and override at the component or instance level.
-- **Tailwind CSS v4** — Built on the latest Tailwind with CSS-variable-driven theming.
-- **Light & dark themes** — Ships with built-in `light`, `dark`, and `system` themes, plus full support for custom themes.
-- **Accessible components** — Every component is designed with accessibility in mind.
-- **Runtime theming** — Switch themes on the fly with the `useTheme` hook; preferences persist via `localStorage`.
-- **TypeScript-first** — Fully typed config, theme registry, and component props.
+- **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 18 or newer
+- Node.js 22.12 or newer for development
 
 ## Installation
 
-The fastest way to get started is with the CLI. Run this in your project root:
-
-```bash
-npx asheeui@latest init
-```
-
-The CLI detects your framework, installs dependencies, adds the provider to your root layout, and configures Tailwind.
-
-### Manual setup
-
-Install the package:
-
 ```bash
-npm install asheeui@latest
+npm install asheeui
 ```
 
-Add the styles import to your global CSS file (must come **after** the Tailwind import):
+Import the stylesheet once and wrap your root in the provider:
 
 ```css
 @import "tailwindcss";
 @import "asheeui/styles";
 ```
 
-Wrap your app with `AsheeUIProvider`:
-
-```jsx
+```tsx
 import { AsheeUIProvider } from "asheeui";
-
-export default function RootLayout({ children }) {
-  return (
-    <html suppressHydrationWarning>
-      <body>
-        <AsheeUIProvider>{children}</AsheeUIProvider>
-      </body>
-    </html>
-  );
-}
 ```
 
-> **Note:** `suppressHydrationWarning` is required on the `<html>` element to prevent hydration mismatches from theme switching.
+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.
 
-### Framework guides
+## Documentation
 
-- [Next.js](/docs/installation/nextjs) — App Router and Pages Router
-- [TanStack Start](/docs/installation/tanstack-start) — Full-stack React with TanStack Router
-- [Vite + React](/docs/installation/vite) — Lightweight React SPA
+The framework documentation lives in the repository:
 
-## Quick start
-
-Render a component:
-
-```jsx
-import { Button } from "asheeui";
-
-function App() {
-  return <Button>Hello AsheeUI</Button>;
-}
-```
+- [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)
+- [Migration](https://github.com/AsheeSoftworks/AsheeUI/blob/main/docs/migration.md)
 
-You should see a styled button using the default theme.
-
-## Configuration
-
-AsheeUI is configured through an optional `asheeui.config.ts` file at your project root. Sensible defaults apply with no config at all.
-
-```ts
-// asheeui.config.ts
-import type { ExternalConfig } from "asheeui";
-
-export const config: ExternalConfig = {
-  defaultTheme: "system",   // "light" | "dark" | "system"
-  defaultVariant: "solid",  // "solid" | "ghost" | "bordered" | "faded" | "underlined"
-  defaultColor: "primary",  // "none" | "default" | "primary" | "secondary" | "danger" | "warning" | "success"
-  defaultRadius: "md",      // "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full"
-};
-```
-
-Values are resolved in this order (highest priority first):
-
-1. **Instance prop** — `<Button variant="solid" />`
-2. **Component config** — `components.button.variant`
-3. **Theme default** — top-level `defaultVariant`, `defaultColor`, etc.
-4. **Built-in fallback** — the library's internal default
-
-### Per-component defaults
-
-Set defaults for specific components while keeping global defaults for everything else:
-
-```ts
-export const config: ExternalConfig = {
-  defaultVariant: "bordered",       // applies to all components
-  components: {
-    button: { variant: "solid" },   // overrides for Button only
-    input:  { variant: "bordered", radius: "sm" },
-    toast:  { variant: "bordered", placement: "bottom-right" },
-  },
-};
-```
-
-See the [Configuration docs](/docs/configuration) for the full reference.
-
-## Theming
-
-AsheeUI's theming system is CSS-variable-driven. It ships with `light`, `dark`, and `system` themes, and you can override tokens or define entirely custom themes.
-
-### Switch themes at runtime
-
-```jsx
-import { useTheme } from "asheeui";
+## Quick start
 
-function ThemeSwitcher() {
-  const { theme, setTheme, toggleTheme } = useTheme();
+```tsx
+import { Button, Page, PageContent, Hero } from "asheeui";
 
+export function App() {
   return (
-    <div>
-      <p>Current theme: {theme}</p>
-      <button onClick={() => setTheme("dark")}>Dark</button>
-      <button onClick={() => setTheme("light")}>Light</button>
-      <button onClick={toggleTheme}>Toggle</button>
-    </div>
+    <Page>
+      <PageContent>
+        <Hero
+          title="Run your campaigns from one place"
+          primaryAction={{ label: "Start free", href: "/signup" }}
+        />
+        <Button>Hello AsheeUI</Button>
+      </PageContent>
+    </Page>
   );
 }
 ```
 
-`useTheme` returns:
-
-| Property | Type | Description |
-|---|---|---|
-| `theme` | `ThemeSelection` | Current selected theme (`"light"` \| `"dark"` \| `"system"`) |
-| `resolvedTheme` | `ThemeName` | Actual resolved theme (after system fallback) |
-| `setTheme` | `(theme: ThemeSelection) => void` | Set the active theme |
-| `toggleTheme` | `() => void` | Cycle to the next theme in sequence |
-| `availableThemes` | `readonly string[]` | All registered theme names |
+A complete page is `Navbar`, a band or two, and `Footer`, all of them composing
+through `Page`, `Section`, `Container` and `Grid`.
 
-Theme preference persists across page reloads via `localStorage`.
-
-### Override a built-in theme
-
-```ts
-export const config: ExternalConfig = {
-  color: {
-    light: { primary: "#7c3aed", background: "#faf5ff" },
-    dark:  { primary: "#8b5cf6", border: "#3b3b3b" },
-  },
-};
-```
-
-Only the tokens you specify are overridden — everything else stays at the built-in default.
-
-### Add a custom theme
-
-Extend `light` or `dark` and override only what you need:
-
-```ts
-export const config: ExternalConfig = {
-  defaultTheme: "company-red",
-  color: {
-    "company-red": {
-      extends: "dark",
-      background: "#1a0505",
-      foreground: "#fef2f2",
-      primary: "#dc2626",
-      // ...other tokens inherit from dark
-    },
-  },
-};
-```
-
-> **TypeScript:** Register custom theme names so `useTheme` and `setTheme` recognize them:
->
-> ```ts
-> declare module "asheeui" {
->   interface AsheeColorRegistry {
->     "company-red": true;
->   }
-> }
-> ```
+## Theming
 
-See the [Theming docs](/docs/theming) for the full token list.
+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](/docs)
-- [Configuration reference](/docs/configuration)
-- [Theming reference](/docs/theming)
+- Documentation: https://asheeui.com
+- Repository: https://github.com/AsheeSoftworks/AsheeUI
+- Issues: https://github.com/AsheeSoftworks/AsheeUI/issues
 
 ## License
 
-MIT
+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/components/accordion/Accordion.d.ts

@@ -92,7 +92,7 @@ export interface AccordionProps extends BaseAccordionProps {
  *       variant="separated"
  *       items={[
  *         { title: "What is AsheeUI?", content: "A React component library." },
- *         { title: "Is it free?", content: "Yes, it is MIT licensed." },
+ *         { title: "Is it free?", content: "Yes, it is Apache-2.0 licensed." },
  *       ]}
  *     />
  *   );

package/dist/components/alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBxE,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EAEf,MAAM,gBAAgB,CAAC;AAExB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,KAAK,uGAwFjB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWxE,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EAEf,MAAM,gBAAgB,CAAC;AAUxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,KAAK,uGAwFjB,CAAC"}

package/dist/components/alert/Alert.js

@@ -10,8 +10,8 @@ import { CloseIcon as s } from "../../icons/CloseIcon.js";
 import { ErrorIcon as c } from "../../icons/ErrorIcon.js";
 import { InfoIcon as l } from "../../icons/InfoIcon.js";
 import { WarningIcon as u } from "../../icons/WarningIcon.js";
-import { ALERT_BASE_CLASS as d, ALERT_ICON_CLASS as f, ALERT_TYPE_COLOR as p, ALERT_TYPE_ICON_CLASS as m, ALERT_TYPE_ROLE as h } from "./alert-styles.js";
-import { FALLBACK_ALERT_CONFIG as g } from "./alert-config.js";
+import { FALLBACK_ALERT_CONFIG as d } from "./alert-config.js";
+import { ALERT_BASE_CLASS as f, ALERT_ICON_CLASS as p, ALERT_TYPE_COLOR as m, ALERT_TYPE_ICON_CLASS as h, ALERT_TYPE_ROLE as g } from "./alert-styles.js";
 import { forwardRef as _ } from "react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/alert/Alert.tsx
@@ -24,16 +24,16 @@ function b(e) {
 	}
 }
 var x = _(({ type: o, variant: c, radius: l, title: u, children: _, icon: x, isClosable: S = !1, onClose: C, closeLabel: w = "Dismiss alert", role: T, className: E, ...D }, O) => {
-	let k = r(), A = k.components?.alert, j = i(o, A?.type, void 0, g.type), M = i(c, A?.variant, k.defaultVariant, g.variant), N = M === "underlined" ? "bordered" : M, P = i(l, A?.radius, k.defaultRadius, g.radius), F = a(P, t, g.radius);
+	let k = r(), A = k.components?.alert, j = i(o, A?.type, void 0, d.type), M = i(c, A?.variant, k.defaultVariant, d.variant), N = M === "underlined" ? "bordered" : M, P = i(l, A?.radius, k.defaultRadius, d.radius), F = a(P, t, d.radius);
 	return /* @__PURE__ */ y("div", {
 		ref: O,
-		role: T ?? h[j],
-		className: e(d, F, n(N, p[j]), E),
+		role: T ?? g[j],
+		className: e(f, F, n(N, m[j]), E),
 		...D,
 		children: [
 			/* @__PURE__ */ v("span", {
 				"aria-hidden": "true",
-				className: e(f, m[j]),
+				className: e(p, h[j]),
 				children: x ?? b(j)
 			}),
 			/* @__PURE__ */ y("div", {

package/dist/components/auth-layout/AuthLayout.d.ts

@@ -0,0 +1,79 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { AuthLayoutConfig } from './auth-layout-config';
+type BaseAuthLayoutProps = AuthLayoutConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "title">;
+/**
+ * Props for the AuthLayout component.
+ */
+export interface AuthLayoutProps extends BaseAuthLayoutProps {
+    /** Brand content above the heading, typically a logo and product name. */
+    brand?: ReactNode;
+    /** The heading of the page, for example "Sign in". */
+    title?: ReactNode;
+    /** Supporting sentence under the heading. */
+    description?: ReactNode;
+    /** The form itself. */
+    children: ReactNode;
+    /**
+     * Content under the form, typically the link to the other route.
+     * It is rendered inside the panel, under the form.
+     */
+    footer?: ReactNode;
+    /**
+     * Product media beside the form from the `lg` breakpoint upwards, such as a
+     * screenshot. On a narrow screen the media stacks above the form.
+     */
+    media?: ReactNode;
+    /**
+     * Element to render the shell as.
+     * Defaults to a `div`.
+     *
+     * @default "div"
+     */
+    as?: ElementType;
+}
+/**
+ * The shell of an authentication page.
+ *
+ * AuthLayout gives an authentication route the structure its content assumes: the
+ * form is vertically centred, it has a readable measure, it optionally sits on a
+ * panel, and it has somewhere to put the brand, the heading and the link to the
+ * other route. Everything the reader submits comes from the consumer, so no
+ * authentication behaviour lives in the framework.
+ *
+ * @param props - AuthLayout configuration options and element attributes.
+ * @param props.children - The form.
+ * @param props.brand - Brand content above the heading.
+ * @param props.title - The heading of the page.
+ * @param props.description - Supporting sentence under the heading.
+ * @param props.footer - Content under the form.
+ * @param props.media - Product media beside the form.
+ * @param props.panel - Draw the form on a panel. Defaults to true.
+ * @param props.align - Vertical alignment of the form column. Defaults to
+ * "center".
+ * @param props.mediaPosition - Side of the media column. Defaults to "end".
+ * @param props.contentSize - Maximum width of the form column. Defaults to
+ * "sm".
+ * @param props.as - Element to render. Defaults to "div".
+ * @returns The rendered shell.
+ *
+ * @example
+ * ```tsx
+ * <AuthLayout
+ *   brand="Ashee SMS"
+ *   title="Sign in"
+ *   description="Use the email address your workspace knows."
+ *   footer={<Link href="/reset">Forgot your password?</Link>}
+ *   media={<Image src="/inbox.png" alt="" ratio="video" />}
+ * >
+ *   <Form onSubmit={signIn}>
+ *     <Input label="Email" type="email" name="email" required />
+ *     <Button type="submit" fullWidth>Sign in</Button>
+ *   </Form>
+ * </AuthLayout>
+ * ```
+ *
+ * @see Page - The shell for an authenticated page.
+ */
+export declare const AuthLayout: import('react').ForwardRefExoticComponent<AuthLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=AuthLayout.d.ts.map

package/dist/components/auth-layout/AuthLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/components/auth-layout/AuthLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAc9B,KAAK,mBAAmB,GAAG,gBAAgB,GACzC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,UAAU,4GAkFtB,CAAC"}