asheeui 1.0.0 → 1.1.0

package/dist/components/hero/Hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/components/hero/Hero.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAUtE,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,IAAI,mGAuFhB,CAAC"}

package/dist/components/hero/Hero.js

@@ -0,0 +1,63 @@
+"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 { Container as i } from "../container/Container.js";
+import { Section as a } from "../section/Section.js";
+import { ActionGroup as o } from "../section-kit/ActionGroup.js";
+import { FALLBACK_HERO_CONFIG as s } from "./hero-config.js";
+import { HERO_LAYOUT_CLASS as c, HERO_MEDIA_CLASS as l, HERO_TEXT_COLUMN_CLASS as u } from "./hero-styles.js";
+import { forwardRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/hero/Hero.tsx
+var m = d(({ eyebrow: d, title: m, description: h, primaryAction: g, secondaryAction: _, media: v, align: y, spacing: b, background: x, mediaPosition: S, containerSize: C, contained: w, as: T, className: E, children: D, ...O }, k) => {
+	let A = t(), j = n({
+		align: y,
+		spacing: b,
+		background: x,
+		mediaPosition: S,
+		containerSize: C,
+		contained: w
+	}, A.components?.hero, s), M = j.align === "center", N = /* @__PURE__ */ p("div", {
+		className: e(u, M && "items-center text-center", !v && "max-w-2xl"),
+		children: [
+			/* @__PURE__ */ f(r, {
+				eyebrow: d,
+				title: m,
+				description: h,
+				align: j.align,
+				size: "xl"
+			}),
+			/* @__PURE__ */ f(o, {
+				primaryAction: g,
+				secondaryAction: _,
+				align: j.align
+			}),
+			D
+		]
+	}), P = v ? /* @__PURE__ */ p("div", {
+		className: c,
+		children: [N, /* @__PURE__ */ f("div", {
+			className: e(l, j.mediaPosition === "start" && "lg:order-first"),
+			children: v
+		})]
+	}) : N;
+	return /* @__PURE__ */ f(a, {
+		ref: k,
+		as: T,
+		spacing: j.spacing,
+		background: j.background,
+		contained: !1,
+		className: E,
+		...O,
+		children: j.contained ? /* @__PURE__ */ f(i, {
+			size: j.containerSize,
+			children: P
+		}) : P
+	});
+});
+m.displayName = "Hero";
+//#endregion
+export { m as Hero };

package/dist/components/hero/hero-config.d.ts

@@ -0,0 +1,71 @@
+import { Space } from '../../shared';
+import { ContainerSize } from '../container/container-config';
+import { SectionBackground } from '../section/section-config';
+/**
+ * Horizontal alignment of a hero's text column.
+ */
+export type HeroAlign = "start" | "center";
+/**
+ * Side the media occupies on a wide screen.
+ */
+export type HeroMediaPosition = "end" | "start";
+/**
+ * Theme configuration options for the Hero component.
+ *
+ * Set under `components.hero` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface HeroConfig {
+    /**
+     * Alignment of the text column.
+     *
+     * @default "start"
+     */
+    align?: HeroAlign;
+    /**
+     * Vertical padding of the hero band.
+     *
+     * @default "xl"
+     */
+    spacing?: Space;
+    /**
+     * Background treatment of the hero band.
+     *
+     * @default "none"
+     */
+    background?: SectionBackground;
+    /**
+     * Side the media occupies from the `lg` breakpoint upwards.
+     *
+     * @default "end"
+     */
+    mediaPosition?: HeroMediaPosition;
+    /**
+     * Maximum content width of the hero.
+     *
+     * @default "lg"
+     */
+    containerSize?: ContainerSize;
+    /**
+     * Whether the hero wraps its content in a {@link Container}.
+     * The hero is contained automatically, so the framework's width and gutter
+     * apply; a consumer turns this off to nest the hero in its own layout.
+     *
+     * @default true
+     */
+    contained?: boolean;
+}
+/**
+ * Default config values registered for the Hero component.
+ */
+export declare const defaultHeroConfig: HeroConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        hero: HeroConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_HERO_CONFIG: Required<HeroConfig>;
+//# sourceMappingURL=hero-config.d.ts.map

package/dist/components/hero/hero-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-config.d.ts","sourceRoot":"","sources":["../../../src/components/hero/hero-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,OAAO,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;;OAIG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAElC;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAO/B,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,UAAU,CAOrD,CAAC"}

package/dist/components/hero/hero-config.js

@@ -0,0 +1,22 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/hero/hero-config.ts
+var t = {
+	align: "start",
+	spacing: "xl",
+	background: "none",
+	mediaPosition: "end",
+	containerSize: "lg",
+	contained: !0
+};
+e("hero", t);
+var n = {
+	align: "start",
+	spacing: "xl",
+	background: "none",
+	mediaPosition: "end",
+	containerSize: "lg",
+	contained: !0
+};
+//#endregion
+export { n as FALLBACK_HERO_CONFIG, t as defaultHeroConfig };

package/dist/components/hero/hero-styles.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Hero component styles for AsheeUI.
+ * This file provides the static class mappings for the Hero pattern: the
+ * two-column arrangement used when the hero has media, and the measure of the
+ * text column.
+ */
+/** The grid that places the text column and the media beside each other. */
+export declare const HERO_LAYOUT_CLASS = "grid items-center gap-10 lg:grid-cols-2";
+/** The text column. */
+export declare const HERO_TEXT_COLUMN_CLASS = "flex min-w-0 flex-col gap-6";
+/** Puts the media column first from the `lg` breakpoint upwards. */
+export declare const HERO_MEDIA_FIRST_CLASS = "lg:order-first";
+/** The media column. */
+export declare const HERO_MEDIA_CLASS = "min-w-0";
+/** Added to the text column when the hero is centred. */
+export declare const HERO_CENTERED_CLASS = "items-center text-center";
+/** Measure of the description when the hero stands alone. */
+export declare const HERO_DESCRIPTION_MEASURE_CLASS = "max-w-2xl";
+//# sourceMappingURL=hero-styles.d.ts.map

package/dist/components/hero/hero-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-styles.d.ts","sourceRoot":"","sources":["../../../src/components/hero/hero-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,4EAA4E;AAC5E,eAAO,MAAM,iBAAiB,4CAA4C,CAAC;AAE3E,uBAAuB;AACvB,eAAO,MAAM,sBAAsB,gCAAgC,CAAC;AAEpE,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD,wBAAwB;AACxB,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,yDAAyD;AACzD,eAAO,MAAM,mBAAmB,6BAA6B,CAAC;AAE9D,6DAA6D;AAC7D,eAAO,MAAM,8BAA8B,cAAc,CAAC"}

package/dist/components/hero/hero-styles.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/hero/hero-styles.ts
+var e = "grid items-center gap-10 lg:grid-cols-2", t = "flex min-w-0 flex-col gap-6", n = "lg:order-first", r = "min-w-0", i = "items-center text-center", a = "max-w-2xl";
+//#endregion
+export { i as HERO_CENTERED_CLASS, a as HERO_DESCRIPTION_MEASURE_CLASS, e as HERO_LAYOUT_CLASS, r as HERO_MEDIA_CLASS, n as HERO_MEDIA_FIRST_CLASS, t as HERO_TEXT_COLUMN_CLASS };

package/dist/components/hero/index.d.ts

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

package/dist/components/hero/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hero/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/components/hero/index.js

@@ -0,0 +1,3 @@
+export * from "./Hero.js";
+export * from "./hero-config.js";
+export * from "./hero-styles.js";

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AACpD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAybvB,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1C;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAobvB,CAAC"}

package/dist/components/navbar/Navbar.d.ts

@@ -0,0 +1,87 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { NavbarConfig } from './navbar-config';
+/**
+ * One destination in the bar.
+ */
+export interface NavbarLinkItem {
+    /** Stable identifier for the link. Defaults to its position in the list. */
+    id?: string | number;
+    /** Visible name of the link. */
+    label: ReactNode;
+    /** Destination of the link. */
+    href?: string;
+    /**
+     * Whether this link leads to the page currently shown.
+     * An active link is marked `aria-current="page"`, which is what tells
+     * assistive technology where the reader is, and is styled with emphasis as
+     * well.
+     */
+    isActive?: boolean;
+    /** Content before the label, typically an icon. */
+    icon?: ReactNode;
+    /** Component that replaces the anchor for this link only. */
+    component?: ElementType;
+    /** Additional props for that component. */
+    componentProps?: Record<string, unknown>;
+}
+/**
+ * Substitution applied to every link in the bar.
+ */
+export interface NavbarLink {
+    /** Component that replaces the anchor, such as a framework router link. */
+    component?: ElementType;
+    /** Additional props for that component. */
+    props?: Record<string, unknown>;
+}
+type BaseNavbarProps = NavbarConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "title">;
+/**
+ * Props for the Navbar component.
+ */
+export interface NavbarProps extends BaseNavbarProps {
+    /** Brand content, typically a logo and a product name. */
+    brand?: ReactNode;
+    /** Destination of the brand. */
+    brandHref?: string;
+    /** The navigation links. */
+    links?: NavbarLinkItem[];
+    /** Actions shown at the trailing edge, typically a sign-in and a signup. */
+    actions?: ReactNode;
+    /** Substitution applied to every link the bar renders. */
+    link?: NavbarLink;
+    /**
+     * Name of the navigation landmark.
+     * Distinguishes this region from any other navigation on the page.
+     *
+     * @default "Main"
+     */
+    label?: string;
+    /**
+     * Accessible name of the control that opens the mobile panel.
+     *
+     * @default "Menu"
+     */
+    mobileLabel?: string;
+    /** Optional second row under the bar, for a search field or a toolbar. */
+    secondary?: ReactNode;
+    /**
+     * Whether the mobile panel is open, for a consumer that owns the state.
+     * Leave it unset to let the bar manage its own panel.
+     */
+    mobileOpen?: boolean;
+    /**
+     * Called when the mobile panel should open or close.
+     * A router-integration consumer uses it to close the panel after a
+     * navigation.
+     */
+    onMobileOpenChange?: (open: boolean) => void;
+    /**
+     * Element to render the bar as.
+     * Defaults to `header`, which is the banner landmark.
+     *
+     * @default "header"
+     */
+    as?: ElementType;
+}
+export declare const Navbar: import('react').ForwardRefExoticComponent<NavbarProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Navbar.d.ts.map

package/dist/components/navbar/Navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/Navbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAEnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiB5E;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,gCAAgC;IAChC,KAAK,EAAE,SAAS,CAAC;IAEjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IAEzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AA8FD,eAAO,MAAM,MAAM,qGAoJlB,CAAC"}

package/dist/components/navbar/Navbar.js

@@ -0,0 +1,117 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { ChevronDownIcon as n } from "../../icons/ChevronDownIcon.js";
+import { resolveConfigCascade as r } from "../../utils/resolve-token.js";
+import { Button as i } from "../button/Button.js";
+import { Link as a } from "../link/Link.js";
+import { ChevronUpIcon as o } from "../../icons/ChevronUpIcon.js";
+import { Container as s } from "../container/Container.js";
+import { FALLBACK_NAVBAR_CONFIG as c } from "./navbar-config.js";
+import { NAVBAR_INNER_CLASS as l, NAVBAR_LINKS_CENTER_CLASS as u, NAVBAR_LINKS_CLASS as d, NAVBAR_LINKS_END_CLASS as f, NAVBAR_LINK_CLASS as p, NAVBAR_VARIANT_CLASS as m } from "./navbar-styles.js";
+import { forwardRef as h, useCallback as g, useId as _, useRef as v, useState as ee } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/navbar/Navbar.tsx
+function S({ id: t, links: n, link: r, className: i, onNavigate: o }) {
+	return /* @__PURE__ */ b("ul", {
+		id: t,
+		className: i,
+		children: n.map((t, n) => /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b(a, {
+			href: t.href,
+			startIcon: t.icon,
+			component: t.component ?? r?.component,
+			componentProps: {
+				...r?.props,
+				...t.componentProps
+			},
+			"aria-current": t.isActive ? "page" : void 0,
+			onClick: o,
+			className: e(p, t.isActive && "bg-secondary/60 text-foreground"),
+			children: t.label
+		}) }, t.id ?? n))
+	});
+}
+var C = h(({ brand: p, brandHref: h, links: C, actions: w, link: T, label: E = "Main", mobileLabel: D = "Menu", secondary: O, mobileOpen: k, onMobileOpenChange: A, position: j, variant: M, align: N, contained: P, containerSize: F, as: I, className: L, children: R, ...z }, B) => {
+	let V = t(), H = r({
+		position: j,
+		variant: M,
+		align: N,
+		contained: P,
+		containerSize: F
+	}, V.components?.navbar, c), U = _(), W = v(null), [G, K] = ee(!1), q = k !== void 0, J = q ? k : G, Y = g((e) => {
+		q || K(e), A?.(e);
+	}, [q, A]), X = (e) => {
+		e.key === "Escape" && (Y(!1), W.current?.focus());
+	}, Z = H.align === "center" ? u : H.align === "end" ? f : d, Q = I ?? "header", te = /* @__PURE__ */ x("div", {
+		className: l,
+		children: [
+			p && /* @__PURE__ */ b("div", {
+				className: "flex shrink-0 items-center gap-2 font-semibold text-foreground",
+				children: h ? /* @__PURE__ */ b(a, {
+					href: h,
+					component: T?.component,
+					componentProps: T?.props,
+					className: "flex shrink-0 items-center gap-2 font-semibold text-foreground",
+					children: p
+				}) : p
+			}),
+			C && C.length > 0 && /* @__PURE__ */ b("nav", {
+				"aria-label": E,
+				className: e("min-w-0", Z),
+				children: /* @__PURE__ */ b(S, {
+					links: C,
+					link: T,
+					className: "flex"
+				})
+			}),
+			C && C.length > 0 && /* @__PURE__ */ b(i, {
+				ref: W,
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				icon: !0,
+				className: "ml-auto md:hidden",
+				"aria-label": D,
+				"aria-expanded": J,
+				"aria-controls": U,
+				onClick: () => Y(!J),
+				children: b(J ? o : n, {})
+			}),
+			w && /* @__PURE__ */ b("div", {
+				className: "ml-auto flex shrink-0 items-center gap-2",
+				children: w
+			})
+		]
+	}), ne = J && C && C.length > 0 && /* @__PURE__ */ b("nav", {
+		"aria-label": E,
+		children: /* @__PURE__ */ b(S, {
+			id: U,
+			links: C,
+			link: T,
+			className: "flex flex-col gap-1 border-t border-border pb-3 pt-2 md:hidden",
+			onNavigate: () => Y(!1)
+		})
+	}), $ = /* @__PURE__ */ x(y, { children: [
+		te,
+		ne,
+		O && /* @__PURE__ */ b("div", {
+			className: "w-full border-t border-border py-2",
+			children: O
+		}),
+		R
+	] });
+	return /* @__PURE__ */ b(Q, {
+		ref: B,
+		className: e(m[H.variant], H.position === "sticky" && "sticky top-0 z-20", L),
+		onKeyDown: X,
+		...z,
+		children: H.contained ? /* @__PURE__ */ b(s, {
+			size: H.containerSize,
+			children: $
+		}) : $
+	});
+});
+C.displayName = "Navbar";
+//#endregion
+export { C as Navbar };

package/dist/components/navbar/index.d.ts

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

package/dist/components/navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/components/navbar/index.js

@@ -0,0 +1,3 @@
+export * from "./Navbar.js";
+export * from "./navbar-config.js";
+export * from "./navbar-styles.js";

package/dist/components/navbar/navbar-config.d.ts

@@ -0,0 +1,52 @@
+import { ContainerSize } from '../container/container-config';
+/**
+ * How the bar behaves when the page scrolls.
+ *
+ * - `static`: the bar scrolls away with the page.
+ * - `sticky`: the bar stays at the top of the viewport.
+ */
+export type NavbarPosition = "static" | "sticky";
+/**
+ * Surface treatment of the bar.
+ *
+ * - `solid`: the page background, so the bar reads as part of the page.
+ * - `ghost`: transparent, so the bar sits on a hero without adding a band.
+ * - `bordered`: the page background with a separator below it.
+ */
+export type NavbarVariant = "solid" | "ghost" | "bordered";
+/**
+ * Where the navigation links sit in the bar.
+ */
+export type NavbarAlign = "start" | "center" | "end";
+/**
+ * Theme configuration options for the Navbar component.
+ *
+ * Set under `components.navbar` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface NavbarConfig {
+    /** How the bar behaves when the page scrolls. @default "sticky" */
+    position?: NavbarPosition;
+    /** Surface treatment of the bar. @default "solid" */
+    variant?: NavbarVariant;
+    /** Where the navigation links sit. @default "start" */
+    align?: NavbarAlign;
+    /** Whether the bar wraps its content in a `Container`. @default true */
+    contained?: boolean;
+    /** Maximum content width of the bar. @default "lg" */
+    containerSize?: ContainerSize;
+}
+/**
+ * Default config values registered for the Navbar component.
+ */
+export declare const defaultNavbarConfig: NavbarConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        navbar: NavbarConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_NAVBAR_CONFIG: Required<NavbarConfig>;
+//# sourceMappingURL=navbar-config.d.ts.map

package/dist/components/navbar/navbar-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-config.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,qDAAqD;IACrD,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,uDAAuD;IACvD,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAMjC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CAMzD,CAAC"}

package/dist/components/navbar/navbar-config.js

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/navbar/navbar-config.ts
+var t = {
+	position: "sticky",
+	variant: "solid",
+	align: "start",
+	contained: !0,
+	containerSize: "lg"
+};
+e("navbar", t);
+var n = {
+	position: "sticky",
+	variant: "solid",
+	align: "start",
+	contained: !0,
+	containerSize: "lg"
+};
+//#endregion
+export { n as FALLBACK_NAVBAR_CONFIG, t as defaultNavbarConfig };

package/dist/components/navbar/navbar-styles.d.ts

@@ -0,0 +1,28 @@
+import { NavbarVariant } from './navbar-config';
+/** Surface treatment classes. */
+export declare const NAVBAR_VARIANT_CLASS: Record<NavbarVariant, string>;
+/** Position classes. */
+export declare const NAVBAR_POSITION_CLASS = "sticky top-0 z-20";
+/** The bar's inner row. */
+export declare const NAVBAR_INNER_CLASS = "flex w-full items-center gap-4 py-3";
+/** The brand region. */
+export declare const NAVBAR_BRAND_CLASS = "flex shrink-0 items-center gap-2 font-semibold text-foreground";
+/** The desktop link list, next to the brand. */
+export declare const NAVBAR_LINKS_CLASS = "hidden items-center gap-1 md:flex";
+/** The desktop link list, centred in the bar. */
+export declare const NAVBAR_LINKS_CENTER_CLASS = "hidden flex-1 items-center justify-center gap-1 md:flex";
+/** The desktop link list, pushed to the trailing edge. */
+export declare const NAVBAR_LINKS_END_CLASS = "hidden flex-1 items-center justify-end gap-1 md:flex";
+/** One navigation link. */
+export declare const NAVBAR_LINK_CLASS = "rounded-xs px-3 py-2 text-sm font-medium text-foreground/70 transition-colors hover:bg-secondary/60 hover:text-foreground";
+/** The navigation link of the current page. */
+export declare const NAVBAR_LINK_ACTIVE_CLASS = "bg-secondary/60 text-foreground";
+/** The action region. */
+export declare const NAVBAR_ACTIONS_CLASS = "ml-auto flex shrink-0 items-center gap-2";
+/** The control that opens the mobile panel. */
+export declare const NAVBAR_TOGGLE_CLASS = "ml-auto md:hidden";
+/** The mobile panel, shown only on a narrow screen. */
+export declare const NAVBAR_MOBILE_PANEL_CLASS = "flex flex-col gap-1 border-t border-border pb-3 pt-2 md:hidden";
+/** The optional second row of the bar. */
+export declare const NAVBAR_SECONDARY_CLASS = "w-full border-t border-border py-2";
+//# sourceMappingURL=navbar-styles.d.ts.map

package/dist/components/navbar/navbar-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-styles.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,iCAAiC;AACjC,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI9D,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AAEzD,2BAA2B;AAC3B,eAAO,MAAM,kBAAkB,wCAAwC,CAAC;AAExE,wBAAwB;AACxB,eAAO,MAAM,kBAAkB,mEACmC,CAAC;AAEnE,gDAAgD;AAChD,eAAO,MAAM,kBAAkB,sCAAsC,CAAC;AAEtE,iDAAiD;AACjD,eAAO,MAAM,yBAAyB,4DACqB,CAAC;AAE5D,0DAA0D;AAC1D,eAAO,MAAM,sBAAsB,yDACqB,CAAC;AAEzD,2BAA2B;AAC3B,eAAO,MAAM,iBAAiB,8HAC+F,CAAC;AAE9H,+CAA+C;AAC/C,eAAO,MAAM,wBAAwB,oCAAoC,CAAC;AAE1E,yBAAyB;AACzB,eAAO,MAAM,oBAAoB,6CAA6C,CAAC;AAE/E,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AAEvD,uDAAuD;AACvD,eAAO,MAAM,yBAAyB,mEAC4B,CAAC;AAEnE,0CAA0C;AAC1C,eAAO,MAAM,sBAAsB,uCAAuC,CAAC"}

package/dist/components/navbar/navbar-styles.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/navbar/navbar-styles.ts
+var e = {
+	solid: "bg-background",
+	ghost: "bg-transparent",
+	bordered: "bg-background border-b border-border"
+}, t = "sticky top-0 z-20", n = "flex w-full items-center gap-4 py-3", r = "flex shrink-0 items-center gap-2 font-semibold text-foreground", i = "hidden items-center gap-1 md:flex", a = "hidden flex-1 items-center justify-center gap-1 md:flex", o = "hidden flex-1 items-center justify-end gap-1 md:flex", s = "rounded-xs px-3 py-2 text-sm font-medium text-foreground/70 transition-colors hover:bg-secondary/60 hover:text-foreground", c = "bg-secondary/60 text-foreground", l = "ml-auto flex shrink-0 items-center gap-2", u = "ml-auto md:hidden", d = "flex flex-col gap-1 border-t border-border pb-3 pt-2 md:hidden", f = "w-full border-t border-border py-2";
+//#endregion
+export { l as NAVBAR_ACTIONS_CLASS, r as NAVBAR_BRAND_CLASS, n as NAVBAR_INNER_CLASS, a as NAVBAR_LINKS_CENTER_CLASS, i as NAVBAR_LINKS_CLASS, o as NAVBAR_LINKS_END_CLASS, c as NAVBAR_LINK_ACTIVE_CLASS, s as NAVBAR_LINK_CLASS, d as NAVBAR_MOBILE_PANEL_CLASS, t as NAVBAR_POSITION_CLASS, f as NAVBAR_SECONDARY_CLASS, u as NAVBAR_TOGGLE_CLASS, e as NAVBAR_VARIANT_CLASS };