asheeui 0.7.0 → 1.1.0

package/dist/libs/use-body-scroll-lock.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Body scroll lock for overlay components.
+ *
+ * Overlays that cover the page (modal dialogs, drawers, dropdown menus) stop
+ * the page behind them from scrolling. The lock is reference counted, so
+ * overlays that are open at the same time share one lock: the body styles
+ * captured when the first overlay opens are restored only after the last one
+ * closes. An overlay therefore never captures the styles of an already locked
+ * body, and never restores them while another overlay is still open.
+ */
+/**
+ * Locks body scroll while `active` is true.
+ *
+ * The lock is shared by every caller: it applies on the first overlay that
+ * becomes active and is released when the last one stops being active. The
+ * lock is applied from an effect, so server rendering is unaffected.
+ *
+ * @param active - Whether the calling overlay currently covers the page.
+ */
+export declare function useBodyScrollLock(active: boolean): void;
+//# sourceMappingURL=use-body-scroll-lock.d.ts.map

package/dist/libs/use-body-scroll-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-body-scroll-lock.d.ts","sourceRoot":"","sources":["../../src/libs/use-body-scroll-lock.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAsDH;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAevD"}

package/dist/libs/use-body-scroll-lock.js

@@ -0,0 +1,27 @@
+"use client";
+"use client";
+import { useEffect as e } from "react";
+//#region src/libs/use-body-scroll-lock.ts
+var t = 0, n = null;
+function r() {
+	let e = window.scrollY, { style: t } = document.body, n = {
+		position: t.position,
+		top: t.top,
+		left: t.left,
+		right: t.right,
+		width: t.width,
+		overflow: t.overflow
+	};
+	return t.position = "fixed", t.top = `-${e}px`, t.left = "0", t.right = "0", t.width = "100%", t.overflow = "hidden", () => {
+		t.position = n.position, t.top = n.top, t.left = n.left, t.right = n.right, t.width = n.width, t.overflow = n.overflow, window.scrollTo(0, e);
+	};
+}
+function i(i) {
+	e(() => {
+		if (!(!i || typeof document > "u" || !document.body)) return t === 0 && (n = r()), t += 1, () => {
+			--t, t === 0 && (n?.(), n = null);
+		};
+	}, [i]);
+}
+//#endregion
+export { i as useBodyScrollLock };

package/dist/libs/use-dialog-overlay.d.ts

@@ -0,0 +1,21 @@
+import { FloatingRootContext } from '@floating-ui/react';
+import { RefCallback } from 'react';
+/** The focus wiring a dialog overlay needs. */
+export interface DialogOverlayWiring {
+    /** Context consumed by `FloatingFocusManager`. */
+    context: FloatingRootContext;
+    /** Registers the dialog element as the focus scope root. */
+    setDialogRef: RefCallback<HTMLElement>;
+}
+/**
+ * Wires a dialog overlay to the shared focus management.
+ *
+ * The dialog element is held in state rather than a ref so that the root
+ * context exposes it on the render after it mounts: the focus manager ignores a
+ * context whose floating element is still unknown.
+ *
+ * @param isOpen - Whether the dialog is open.
+ * @returns The focus context and the dialog ref setter.
+ */
+export declare function useDialogOverlay(isOpen: boolean): DialogOverlayWiring;
+//# sourceMappingURL=use-dialog-overlay.d.ts.map

package/dist/libs/use-dialog-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-overlay.d.ts","sourceRoot":"","sources":["../../src/libs/use-dialog-overlay.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,WAAW,EAAyB,MAAM,OAAO,CAAC;AAEhE,+CAA+C;AAC/C,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,OAAO,EAAE,mBAAmB,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAerE"}

package/dist/libs/use-dialog-overlay.js

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+import { useCallback as e, useState as t } from "react";
+import { useFloatingRootContext as n } from "@floating-ui/react";
+//#region src/libs/use-dialog-overlay.ts
+function r(r) {
+	let [i, a] = t(null), o = e(() => {}, []);
+	return {
+		context: n({
+			open: r,
+			onOpenChange: o,
+			elements: {
+				reference: null,
+				floating: i
+			}
+		}),
+		setDialogRef: a
+	};
+}
+//#endregion
+export { r as useDialogOverlay };

package/dist/libs/use-prefers-reduced-motion.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Reduced-motion preference for AsheeUI.
+ *
+ * Continuous or automatic motion (a marquee loop, carousel autoplay and
+ * transitions) must yield to the operating system's reduced-motion preference.
+ * Components read the preference through this hook instead of each
+ * one querying the media query themselves, so the behaviour is defined once and
+ * is observable in a test.
+ */
+/** Media query that reports the user's reduced-motion preference. */
+export declare const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+/**
+ * Reports whether the user asked for reduced motion.
+ *
+ * The preference is read after mount, so server rendering always produces the
+ * motion-safe markup and hydration never mismatches. Without a `matchMedia`
+ * implementation the preference is reported as `false`, which keeps the
+ * component's own behaviour unchanged.
+ *
+ * @returns `true` while the user prefers reduced motion.
+ */
+export declare function usePrefersReducedMotion(): boolean;
+//# sourceMappingURL=use-prefers-reduced-motion.d.ts.map

package/dist/libs/use-prefers-reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prefers-reduced-motion.d.ts","sourceRoot":"","sources":["../../src/libs/use-prefers-reduced-motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,qEAAqE;AACrE,eAAO,MAAM,oBAAoB,qCAAqC,CAAC;AAEvE;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAoBjD"}

package/dist/libs/use-prefers-reduced-motion.js

@@ -0,0 +1,19 @@
+"use client";
+"use client";
+import { useEffect as e, useState as t } from "react";
+//#region src/libs/use-prefers-reduced-motion.ts
+var n = "(prefers-reduced-motion: reduce)";
+function r() {
+	let [r, i] = t(!1);
+	return e(() => {
+		if (typeof window > "u" || !window.matchMedia) return;
+		let e = window.matchMedia(n);
+		i(e.matches);
+		let t = (e) => {
+			i(e.matches);
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), r;
+}
+//#endregion
+export { n as REDUCED_MOTION_QUERY, r as usePrefersReducedMotion };

package/dist/puck/adapters.d.ts

@@ -0,0 +1,41 @@
+import { GridColumns } from '../components/grid/grid-config';
+import { Variant } from '../shared';
+/**
+ * One action as a builder holds it.
+ *
+ * The keys are required because a Puck field set is a form the builder fills in,
+ * and `defaultProps` supplies a complete value for every block that offers one.
+ * A published payload can still arrive with a key missing, which is why the
+ * adapter that reads it accepts a partial value.
+ */
+export type BuilderAction = {
+    /** Wording of the action. */
+    label: string;
+    /** Destination of the action. */
+    href: string;
+    /** Emphasis of the action. */
+    variant: string;
+};
+/**
+ * Turn a builder action into a configured action.
+ *
+ * @param action - The action the builder holds, which may be missing a key when
+ * it comes from a stored page rather than from the editor.
+ * @returns The action the framework renders, or undefined when it has no
+ * wording, because an action without a name cannot be read or clicked.
+ */
+export declare function toAction(action: Partial<BuilderAction> | undefined): {
+    label: string;
+    href: string | undefined;
+    variant: Variant | undefined;
+} | undefined;
+/**
+ * Turn a builder column count into a grid column count.
+ *
+ * @param value - The column count as a string, which is what a select field
+ * holds.
+ * @returns The numeric column count, or undefined when the value is not one the
+ * grid accepts.
+ */
+export declare function toColumns(value: string | undefined): GridColumns | undefined;
+//# sourceMappingURL=adapters.d.ts.map

package/dist/puck/adapters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.d.ts","sourceRoot":"","sources":["../../src/puck/adapters.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IAEd,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IAEb,8BAA8B;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAWF;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,SAAS;;;;cAalE;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAO5E"}

package/dist/puck/adapters.js

@@ -0,0 +1,30 @@
+"use client";
+//#region src/puck/adapters.ts
+var e = [
+	"solid",
+	"faded",
+	"bordered",
+	"ghost",
+	"underlined"
+];
+function t(t) {
+	if (t?.label) return {
+		label: t.label,
+		href: t.href,
+		variant: t.variant && e.includes(t.variant) ? t.variant : void 0
+	};
+}
+function n(e) {
+	if (!e) return;
+	let t = Number(e);
+	if ([
+		1,
+		2,
+		3,
+		4,
+		6,
+		12
+	].includes(t)) return t;
+}
+//#endregion
+export { t as toAction, n as toColumns };

package/dist/puck/blocks/content.d.ts

@@ -0,0 +1,32 @@
+import { ComponentConfig } from '@puckeditor/core';
+/**
+ * Configuration of the heading block.
+ */
+export type HeadingBlockProps = {
+    /** Short label above the heading. */
+    eyebrow?: string;
+    /** The heading itself. */
+    title?: string;
+    /** Supporting sentence under the heading. */
+    description?: string;
+    /** Horizontal alignment of the block. */
+    align?: "start" | "center";
+};
+/**
+ * A section heading with an optional eyebrow and description.
+ */
+export declare const headingBlock: ComponentConfig<HeadingBlockProps>;
+/**
+ * Configuration of the text block.
+ */
+export type TextBlockProps = {
+    /** The paragraph. */
+    text?: string;
+    /** Alignment of the paragraph. */
+    align?: "start" | "center";
+};
+/**
+ * A paragraph of body text.
+ */
+export declare const textBlock: ComponentConfig<TextBlockProps>;
+//# sourceMappingURL=content.d.ts.map

package/dist/puck/blocks/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/puck/blocks/content.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAWxD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CAyB3D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,cAAc,CAqBrD,CAAC"}

package/dist/puck/blocks/content.js

@@ -0,0 +1,54 @@
+"use client";
+import { Typography as e } from "../../components/typography/Typography.js";
+import { SectionHeading as t } from "../../components/section-kit/SectionHeading.js";
+import { Section as n } from "../../components/section/Section.js";
+import { ALIGNMENT_OPTIONS as r, selectField as i, textField as a, textareaField as o } from "../fields.js";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/puck/blocks/content.tsx
+var c = {
+	label: "Heading",
+	fields: {
+		eyebrow: a("Eyebrow", "Why teams switch"),
+		title: a("Heading", "Everything in one place"),
+		description: o("Description"),
+		align: i("Alignment", r)
+	},
+	defaultProps: {
+		eyebrow: "",
+		title: "Everything in one place",
+		description: "",
+		align: "start"
+	},
+	render: ({ eyebrow: e, title: r, description: i, align: a }) => /* @__PURE__ */ s(n, {
+		spacing: "md",
+		contained: !0,
+		children: /* @__PURE__ */ s(t, {
+			eyebrow: e || void 0,
+			title: r || void 0,
+			description: i || void 0,
+			align: a ?? "start",
+			size: "lg"
+		})
+	})
+}, l = {
+	label: "Text",
+	fields: {
+		text: o("Text", "Write the paragraph here."),
+		align: i("Alignment", r)
+	},
+	defaultProps: {
+		text: "Write the paragraph here.",
+		align: "start"
+	},
+	render: ({ text: t, align: r }) => /* @__PURE__ */ s(n, {
+		spacing: "sm",
+		contained: !0,
+		children: /* @__PURE__ */ s(e, {
+			role: "body-lg",
+			className: r === "center" ? "mx-auto max-w-2xl text-center" : "max-w-2xl",
+			children: t
+		})
+	})
+};
+//#endregion
+export { c as headingBlock, l as textBlock };

package/dist/puck/blocks/layout.d.ts

@@ -0,0 +1,44 @@
+import { ComponentConfig, SlotComponent } from '@puckeditor/core';
+import { SectionBackground } from '../../components/section/section-config';
+import { Space } from '../../shared';
+/**
+ * Ratio options a two-column block offers.
+ */
+export declare const COLUMN_RATIO_OPTIONS: readonly ["50/50", "33/67", "67/33"];
+/**
+ * Ratio of a two-column arrangement, from the `lg` breakpoint upwards.
+ */
+export type ColumnRatio = (typeof COLUMN_RATIO_OPTIONS)[number];
+/**
+ * Configuration of the band block.
+ */
+export type SectionBlockProps = {
+    /** Vertical padding of the band. */
+    spacing?: Space;
+    /** Background treatment of the band. */
+    background?: SectionBackground;
+    /** Content dropped into the band. */
+    content?: SlotComponent;
+};
+/**
+ * A band with its own vertical rhythm and background.
+ */
+export declare const sectionBlock: ComponentConfig<SectionBlockProps>;
+/**
+ * Configuration of the two-column block.
+ */
+export type ColumnsBlockProps = {
+    /** Ratio of the two columns from the `lg` breakpoint upwards. */
+    ratio?: ColumnRatio;
+    /** Vertical padding of the band the columns sit in. */
+    spacing?: Space;
+    /** Content of the first column. */
+    start?: SlotComponent;
+    /** Content of the second column. */
+    end?: SlotComponent;
+};
+/**
+ * Two columns that stack on a narrow screen.
+ */
+export declare const columnsBlock: ComponentConfig<ColumnsBlockProps>;
+//# sourceMappingURL=layout.d.ts.map

package/dist/puck/blocks/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/puck/blocks/layout.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAAuC,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAYhE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oCAAoC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,wCAAwC;IACxC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,qCAAqC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CAgB3D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,mCAAmC;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,oCAAoC;IACpC,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CAqB3D,CAAC"}

package/dist/puck/blocks/layout.js

@@ -0,0 +1,69 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Section as t } from "../../components/section/Section.js";
+import { BACKGROUND_OPTIONS as n, SPACING_OPTIONS as r, selectField as i } from "../fields.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/puck/blocks/layout.tsx
+var s = [
+	"50/50",
+	"33/67",
+	"67/33"
+], c = {
+	"50/50": "lg:grid-cols-2",
+	"33/67": "lg:grid-cols-[1fr_2fr]",
+	"67/33": "lg:grid-cols-[2fr_1fr]"
+}, l = {
+	label: "Section",
+	fields: {
+		spacing: i("Vertical spacing", r),
+		background: i("Background", n),
+		content: {
+			type: "slot",
+			label: "Content"
+		}
+	},
+	defaultProps: {
+		spacing: "lg",
+		background: "none"
+	},
+	render: ({ spacing: e, background: n, content: r }) => /* @__PURE__ */ a(t, {
+		spacing: e ?? "lg",
+		background: n ?? "none",
+		contained: !0,
+		children: r ? /* @__PURE__ */ a(r, {}) : null
+	})
+}, u = {
+	label: "Columns",
+	fields: {
+		ratio: i("Column ratio", s),
+		spacing: i("Vertical spacing", r),
+		start: {
+			type: "slot",
+			label: "First column"
+		},
+		end: {
+			type: "slot",
+			label: "Second column"
+		}
+	},
+	defaultProps: {
+		ratio: "50/50",
+		spacing: "lg"
+	},
+	render: ({ ratio: n, spacing: r, start: i, end: s }) => /* @__PURE__ */ a(t, {
+		spacing: r ?? "lg",
+		contained: !0,
+		children: /* @__PURE__ */ o("div", {
+			className: e("grid grid-cols-1 gap-8", c[n ?? "50/50"]),
+			children: [/* @__PURE__ */ a("div", {
+				className: "min-w-0",
+				children: i ? /* @__PURE__ */ a(i, {}) : null
+			}), /* @__PURE__ */ a("div", {
+				className: "min-w-0",
+				children: s ? /* @__PURE__ */ a(s, {}) : null
+			})]
+		})
+	})
+};
+//#endregion
+export { s as COLUMN_RATIO_OPTIONS, u as columnsBlock, l as sectionBlock };

package/dist/puck/blocks/navigation.d.ts

@@ -0,0 +1,66 @@
+import { ComponentConfig } from '@puckeditor/core';
+/**
+ * One navigation link.
+ */
+export type LinkItemProps = {
+    /** Visible name of the link. */
+    label: string;
+    /** Destination of the link. */
+    href: string;
+};
+/**
+ * One column of footer navigation.
+ */
+export type FooterGroupProps = {
+    /** Title of the column. */
+    title: string;
+    /** The links in the column. */
+    links: LinkItemProps[];
+};
+/**
+ * Configuration of the navigation bar block.
+ */
+export type NavbarBlockProps = {
+    /** Brand content, typically the product name. */
+    brand?: string;
+    /** Destination of the brand. */
+    brandHref?: string;
+    /** Where the links sit in the bar, from the `md` breakpoint upwards. */
+    align?: "start" | "center" | "end";
+    /** The navigation links. */
+    links?: LinkItemProps[];
+    /** The emphasised action of the bar. */
+    primaryAction?: {
+        label: string;
+        href: string;
+        variant: string;
+    };
+    /** The supporting action of the bar. */
+    secondaryAction?: {
+        label: string;
+        href: string;
+        variant: string;
+    };
+};
+/**
+ * The navigation bar of a page.
+ */
+export declare const navbarBlock: ComponentConfig<NavbarBlockProps>;
+/**
+ * Configuration of the footer block.
+ */
+export type FooterBlockProps = {
+    /** Brand content. */
+    brand?: string;
+    /** Short description under the brand. */
+    description?: string;
+    /** The navigation columns. */
+    groups?: FooterGroupProps[];
+    /** The copyright line. */
+    copyright?: string;
+};
+/**
+ * The footer of a page.
+ */
+export declare const footerBlock: ComponentConfig<FooterBlockProps>;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/puck/blocks/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/puck/blocks/navigation.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAc,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAapE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAiCF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IAExB,wCAAwC;IACxC,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,wCAAwC;IACxC,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,gBAAgB,CA2CzD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE5B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,gBAAgB,CAqCzD,CAAC"}

package/dist/puck/blocks/navigation.js

@@ -0,0 +1,122 @@
+"use client";
+import { ActionGroup as e } from "../../components/section-kit/ActionGroup.js";
+import { Footer as t } from "../../components/footer/Footer.js";
+import { Navbar as n } from "../../components/navbar/Navbar.js";
+import { ACTION_FIELDS as r, LINK_ITEM_FIELDS as i, selectField as a, textField as o, textareaField as s } from "../fields.js";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/puck/blocks/navigation.tsx
+var l = {
+	type: "array",
+	label: "Links",
+	arrayFields: i,
+	defaultItemProps: {
+		label: "New link",
+		href: "/"
+	},
+	getItemSummary: (e) => e.label ?? "Link"
+}, u = {
+	type: "array",
+	label: "Columns",
+	arrayFields: {
+		title: o("Column title"),
+		links: {
+			type: "array",
+			label: "Links",
+			arrayFields: i,
+			defaultItemProps: {
+				label: "New link",
+				href: "/"
+			},
+			getItemSummary: (e) => e.label ?? "Link"
+		}
+	},
+	defaultItemProps: {
+		title: "New column",
+		links: []
+	},
+	getItemSummary: (e) => e.title ?? "Column"
+}, d = {
+	label: "Navbar",
+	fields: {
+		brand: o("Brand", "Ashee"),
+		brandHref: o("Brand link", "/"),
+		align: a("Link alignment", [
+			"start",
+			"center",
+			"end"
+		]),
+		links: l,
+		primaryAction: r,
+		secondaryAction: r
+	},
+	defaultProps: {
+		brand: "Ashee",
+		brandHref: "/",
+		align: "center",
+		links: [{
+			label: "Product",
+			href: "/product"
+		}, {
+			label: "Pricing",
+			href: "/pricing"
+		}]
+	},
+	render: ({ brand: t, brandHref: r, align: i, links: a, primaryAction: o, secondaryAction: s }) => /* @__PURE__ */ c(n, {
+		brand: t || void 0,
+		brandHref: r || void 0,
+		align: i ?? "center",
+		links: (a ?? []).map((e) => ({
+			label: e.label ?? "",
+			href: e.href
+		})),
+		actions: /* @__PURE__ */ c(e, {
+			primaryAction: p(o),
+			secondaryAction: p(s)
+		})
+	})
+}, f = {
+	label: "Footer",
+	fields: {
+		brand: o("Brand", "Ashee"),
+		description: s("Description"),
+		groups: u,
+		copyright: o("Copyright", "Ashee Softworks")
+	},
+	defaultProps: {
+		brand: "Ashee",
+		description: "Campaign messaging for growing teams.",
+		groups: [{
+			title: "Product",
+			links: [{
+				label: "Campaigns",
+				href: "/campaigns"
+			}, {
+				label: "Pricing",
+				href: "/pricing"
+			}]
+		}],
+		copyright: "Ashee Softworks"
+	},
+	render: ({ brand: e, description: n, groups: r, copyright: i }) => /* @__PURE__ */ c(t, {
+		brand: e || void 0,
+		description: n || void 0,
+		copyright: i || void 0,
+		groups: (r ?? []).map((e, t) => ({
+			id: t,
+			title: e.title ?? "Links",
+			links: (e.links ?? []).map((e) => ({
+				label: e.label ?? "",
+				href: e.href
+			}))
+		}))
+	})
+};
+function p(e) {
+	if (e?.label) return {
+		label: e.label,
+		href: e.href,
+		variant: e.variant
+	};
+}
+//#endregion
+export { f as footerBlock, d as navbarBlock };