asheeui 1.0.0 → 1.1.0

package/README.md

@@ -1,210 +1,105 @@
 # 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
+MIT
+

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"}

package/dist/components/auth-layout/AuthLayout.js

@@ -0,0 +1,54 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
+import { SectionHeading as r } from "../section-kit/SectionHeading.js";
+import { FALLBACK_AUTH_LAYOUT_CONFIG as i } from "./auth-layout-config.js";
+import { AUTH_CONTENT_SIZE_CLASS as a, AUTH_FORM_COLUMN_CLASS as o, AUTH_FORM_WRAPPER_CLASS as s, AUTH_LAYOUT_CLASS as c } from "./auth-layout-styles.js";
+import { forwardRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/auth-layout/AuthLayout.tsx
+var f = l(({ brand: l, title: f, description: p, footer: m, media: h, panel: g, align: _, mediaPosition: v, contentSize: y, as: b, className: x, children: S, ...C }, w) => {
+	let T = t(), E = n({
+		panel: g,
+		align: _,
+		mediaPosition: v,
+		contentSize: y
+	}, T.components?.authlayout, i), D = !!h, O = b ?? "div", k = D && /* @__PURE__ */ u("div", {
+		className: e("flex min-h-48 items-center justify-center overflow-hidden bg-secondary/40", E.mediaPosition === "start" && "lg:order-first"),
+		children: h
+	});
+	return /* @__PURE__ */ d(O, {
+		ref: w,
+		className: e(c, D && "lg:grid-cols-2", x),
+		...C,
+		children: [
+			E.mediaPosition === "start" && k,
+			/* @__PURE__ */ u("div", {
+				className: e(o, E.align === "center" && "justify-center"),
+				children: /* @__PURE__ */ d("div", {
+					className: e(s, a[E.contentSize], E.panel && "rounded-md border border-border bg-background", E.panel && "p-6 md:p-8"),
+					children: [
+						l,
+						/* @__PURE__ */ u(r, {
+							title: f,
+							description: p,
+							align: "center",
+							size: "lg"
+						}),
+						S,
+						m && /* @__PURE__ */ u("div", {
+							className: "text-center",
+							children: m
+						})
+					]
+				})
+			}),
+			E.mediaPosition === "end" && k
+		]
+	});
+});
+f.displayName = "AuthLayout";
+//#endregion
+export { f as AuthLayout };

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

@@ -0,0 +1,41 @@
+import { ContainerSize } from '../container/container-config';
+/**
+ * Theme configuration options for the AuthLayout component.
+ *
+ * Set under `components.authlayout` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface AuthLayoutConfig {
+    /**
+     * Whether the form is drawn on a panel.
+     * A panel suits a page that also shows product media; without one the form
+     * sits directly on the page background.
+     *
+     * @default true
+     */
+    panel?: boolean;
+    /** Vertical alignment of the form column. @default "center" */
+    align?: "center" | "start";
+    /**
+     * Side the media column sits on from the `lg` breakpoint upwards.
+     *
+     * @default "end"
+     */
+    mediaPosition?: "start" | "end";
+    /** Maximum width of the form column. @default "sm" */
+    contentSize?: ContainerSize;
+}
+/**
+ * Default config values registered for the AuthLayout component.
+ */
+export declare const defaultAuthLayoutConfig: AuthLayoutConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        authlayout: AuthLayoutConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_AUTH_LAYOUT_CONFIG: Required<AuthLayoutConfig>;
+//# sourceMappingURL=auth-layout-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout-config.d.ts","sourceRoot":"","sources":["../../../src/components/auth-layout/auth-layout-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAEhC,sDAAsD;IACtD,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,gBAAgB,CAKlE,CAAC"}

package/dist/components/auth-layout/auth-layout-config.js

@@ -0,0 +1,18 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/auth-layout/auth-layout-config.ts
+var t = {
+	panel: !0,
+	align: "center",
+	mediaPosition: "end",
+	contentSize: "sm"
+};
+e("authlayout", t);
+var n = {
+	panel: !0,
+	align: "center",
+	mediaPosition: "end",
+	contentSize: "sm"
+};
+//#endregion
+export { n as FALLBACK_AUTH_LAYOUT_CONFIG, t as defaultAuthLayoutConfig };

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

@@ -0,0 +1,25 @@
+import { ContainerSize } from '../container/container-config';
+/**
+ * The shell: a full-height column that becomes two columns from the `lg`
+ * breakpoint when the page has media.
+ */
+export declare const AUTH_LAYOUT_CLASS = "flex min-h-dvh w-full flex-col bg-background lg:grid lg:grid-cols-2";
+/** The form column. */
+export declare const AUTH_FORM_COLUMN_CLASS = "flex flex-1 flex-col p-6 md:p-10";
+/** Centres the form column vertically. */
+export declare const AUTH_FORM_COLUMN_CENTERED_CLASS = "justify-center";
+/** The form wrapper, which owns the measure of the form. */
+export declare const AUTH_FORM_WRAPPER_CLASS = "mx-auto flex w-full flex-col gap-6";
+/** The panel treatment of the form wrapper. */
+export declare const AUTH_PANEL_CLASS = "rounded-md border border-border bg-background";
+/** Padding of the panel at each content width. */
+export declare const AUTH_PANEL_PADDING_CLASS = "p-6 md:p-8";
+/** The media column. */
+export declare const AUTH_MEDIA_COLUMN_CLASS = "flex min-h-48 items-center justify-center overflow-hidden bg-secondary/40";
+/** Puts the media column first from the `lg` breakpoint upwards. */
+export declare const AUTH_MEDIA_FIRST_CLASS = "lg:order-first";
+/** The row under the form, for a link to the other authentication route. */
+export declare const AUTH_FOOTER_CLASS = "text-center";
+/** Maximum width of the form wrapper at each content width. */
+export declare const AUTH_CONTENT_SIZE_CLASS: Record<ContainerSize, string>;
+//# sourceMappingURL=auth-layout-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout-styles.d.ts","sourceRoot":"","sources":["../../../src/components/auth-layout/auth-layout-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,iBAAiB,wEACyC,CAAC;AAExE,uBAAuB;AACvB,eAAO,MAAM,sBAAsB,qCAAqC,CAAC;AAEzE,0CAA0C;AAC1C,eAAO,MAAM,+BAA+B,mBAAmB,CAAC;AAEhE,4DAA4D;AAC5D,eAAO,MAAM,uBAAuB,uCAAuC,CAAC;AAE5E,+CAA+C;AAC/C,eAAO,MAAM,gBAAgB,kDAAkD,CAAC;AAEhF,kDAAkD;AAClD,eAAO,MAAM,wBAAwB,eAAe,CAAC;AAErD,wBAAwB;AACxB,eAAO,MAAM,uBAAuB,8EACyC,CAAC;AAE9E,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD,4EAA4E;AAC5E,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAE/C,+DAA+D;AAC/D,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMjE,CAAC"}

package/dist/components/auth-layout/auth-layout-styles.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/auth-layout/auth-layout-styles.ts
+var e = "flex min-h-dvh w-full flex-col bg-background lg:grid lg:grid-cols-2", t = "flex flex-1 flex-col p-6 md:p-10", n = "justify-center", r = "mx-auto flex w-full flex-col gap-6", i = "rounded-md border border-border bg-background", a = "p-6 md:p-8", o = "flex min-h-48 items-center justify-center overflow-hidden bg-secondary/40", s = "lg:order-first", c = "text-center", l = {
+	sm: "max-w-md",
+	md: "max-w-lg",
+	lg: "max-w-xl",
+	xl: "max-w-2xl",
+	full: "max-w-none"
+};
+//#endregion
+export { l as AUTH_CONTENT_SIZE_CLASS, c as AUTH_FOOTER_CLASS, n as AUTH_FORM_COLUMN_CENTERED_CLASS, t as AUTH_FORM_COLUMN_CLASS, r as AUTH_FORM_WRAPPER_CLASS, e as AUTH_LAYOUT_CLASS, o as AUTH_MEDIA_COLUMN_CLASS, s as AUTH_MEDIA_FIRST_CLASS, i as AUTH_PANEL_CLASS, a as AUTH_PANEL_PADDING_CLASS };

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

@@ -0,0 +1,3 @@
+export * from './AuthLayout';
+export * from './auth-layout-config';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/auth-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}

package/dist/components/auth-layout/index.js

@@ -0,0 +1,3 @@
+export * from "./AuthLayout.js";
+export * from "./auth-layout-config.js";
+export * from "./auth-layout-styles.js";

package/dist/components/autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,UAAU,EAAiC,MAAM,SAAS,CAAC;AAEzE,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAI/B;;;;GAIG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClC;;;;;OAKG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,eAAO,MAAM,YAAY,gHA2RxB,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,UAAU,EAAiC,MAAM,SAAS,CAAC;AACzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAI/B;;;;GAIG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClC;;;;;OAKG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,eAAO,MAAM,YAAY,gHA2RxB,CAAC"}

package/dist/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,iBAAiB,CAAC;AASzB,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,MAAM,wGAsGlB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,KAAK,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AAQ5E,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,MAAM,wGAmGlB,CAAC"}

package/dist/components/avatar/Avatar.js

@@ -6,20 +6,20 @@ import { resolveVariantClass as n } from "../../shared/variant.js";
 import { useAsheeConfig as r } from "../../libs/context.js";
 import { resolveCascade as i, resolveClassKey as a } from "../../utils/resolve-token.js";
 import { Image as o } from "../image/Image.js";
-import { FALLBACK_AVATAR_CONFIG as s } from "./avatar-config.js";
-import { AVATAR_BASE_CLASS as c, AVATAR_FALLBACK_VARIANT as l, AVATAR_FONT_CLASS as u, AVATAR_SIZE_CLASS as d } from "./avatar-styles.js";
-import { getInitials as f } from "./avatar.helpers.js";
+import { getInitials as s } from "./avatar.helpers.js";
+import { FALLBACK_AVATAR_CONFIG as c } from "./avatar-config.js";
+import { AVATAR_BASE_CLASS as l, AVATAR_FALLBACK_VARIANT as u, AVATAR_FONT_CLASS as d, AVATAR_SIZE_CLASS as f } from "./avatar-styles.js";
 import { forwardRef as p, useState as m } from "react";
 import { jsx as h } from "react/jsx-runtime";
 //#region src/components/avatar/Avatar.tsx
 var g = p(({ name: p, src: g, alt: _, component: v, componentProps: y, fallback: b, size: x, radius: S, color: C, className: w, ...T }, E) => {
-	let D = r(), O = D.components?.avatar, [k, A] = m(!1), j = i(x, O?.size, void 0, s.size), M = i(S, O?.radius, D.defaultRadius, s.radius), N = i(C, O?.color, D.defaultColor, s.color), P = a(j, d, s.size), F = a(j, u, s.size), I = a(M, t, s.radius), L = _ ?? p, R = !!g && !k;
+	let D = r(), O = D.components?.avatar, [k, A] = m(!1), j = i(x, O?.size, void 0, c.size), M = i(S, O?.radius, D.defaultRadius, c.radius), N = i(C, O?.color, D.defaultColor, c.color), P = a(j, f, c.size), F = a(j, d, c.size), I = a(M, t, c.radius), L = _ ?? p, R = !!g && !k;
 	return /* @__PURE__ */ h("div", {
 		ref: E,
 		role: "img",
 		"aria-label": L,
 		"aria-hidden": !L || void 0,
-		className: e(c, P, I, w),
+		className: e(l, P, I, w),
 		...T,
 		children: R ? /* @__PURE__ */ h(o, {
 			src: g,
@@ -33,8 +33,8 @@ var g = p(({ name: p, src: g, alt: _, component: v, componentProps: y, fallback:
 			className: "size-full"
 		}) : /* @__PURE__ */ h("span", {
 			"aria-hidden": "true",
-			className: e("inline-flex items-center justify-center size-full", F, n(l, N)),
-			children: b ?? f(p ?? "")
+			className: e("inline-flex items-center justify-center size-full", F, n(u, N)),
+			children: b ?? s(p ?? "")
 		})
 	});
 });

package/dist/components/badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,OAAO,EACL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAExB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,KAAK,wGA+HjB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EACL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AASxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,KAAK,wGA+HjB,CAAC"}