asheeui 1.0.0 → 1.1.0

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

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

@@ -0,0 +1,134 @@
+import { ComponentConfig } from '@puckeditor/core';
+import { ContainerSize } from '../../components/container/container-config';
+import { SectionBackground } from '../../components/section/section-config';
+import { BuilderAction } from '../adapters';
+/**
+ * Configuration of the hero block.
+ */
+export type HeroBlockProps = {
+    /** Short label above the headline. */
+    eyebrow?: string;
+    /** The headline. */
+    title?: string;
+    /** Supporting sentence under the headline. */
+    description?: string;
+    /** The emphasised action. */
+    primaryAction?: BuilderAction;
+    /** The supporting action. */
+    secondaryAction?: BuilderAction;
+    /** Alignment of the text column. */
+    align?: "start" | "center";
+    /** Background treatment of the band. */
+    background?: SectionBackground;
+    /** Maximum content width of the band. */
+    contentWidth?: ContainerSize;
+};
+/**
+ * The leading statement of a page.
+ */
+export declare const heroBlock: ComponentConfig<HeroBlockProps>;
+/**
+ * Configuration of the call-to-action block.
+ */
+export type CtaBlockProps = {
+    /** Short label above the headline. */
+    eyebrow?: string;
+    /** The headline of the band. */
+    title?: string;
+    /** Supporting sentence under the headline. */
+    description?: string;
+    /** The emphasised action. */
+    primaryAction?: BuilderAction;
+    /** The supporting action. */
+    secondaryAction?: BuilderAction;
+    /** Alignment of the content. */
+    align?: "start" | "center";
+    /** Background treatment of the band. */
+    background?: SectionBackground;
+    /** Panel treatment of the content. */
+    panel?: "bordered" | "muted" | "plain";
+};
+/**
+ * The closing call to action of a page.
+ */
+export declare const ctaBlock: ComponentConfig<CtaBlockProps>;
+/**
+ * Configuration of the feature grid block.
+ */
+export type FeatureGridBlockProps = {
+    /** Short label above the heading. */
+    eyebrow?: string;
+    /** Heading of the band. */
+    title?: string;
+    /** Supporting sentence under the heading. */
+    description?: string;
+    /** The features to show. */
+    items?: Array<{
+        title: string;
+        description: string;
+    }>;
+    /** Columns from the `md` breakpoint upwards. */
+    columnsMd?: string;
+    /** Columns from the `lg` breakpoint upwards. */
+    columnsLg?: string;
+    /** Alignment of the heading. */
+    align?: "start" | "center";
+    /** Background treatment of the band. */
+    background?: SectionBackground;
+};
+/**
+ * A band of features laid out in a responsive grid.
+ */
+export declare const featureGridBlock: ComponentConfig<FeatureGridBlockProps>;
+/**
+ * Configuration of the testimonials block.
+ */
+export type TestimonialsBlockProps = {
+    /** Short label above the heading. */
+    eyebrow?: string;
+    /** Heading of the band. */
+    title?: string;
+    /** Supporting sentence under the heading. */
+    description?: string;
+    /** The quotes to show. */
+    items?: Array<{
+        quote: string;
+        name: string;
+        role: string;
+    }>;
+    /** Alignment of the heading. */
+    align?: "start" | "center";
+};
+/**
+ * A band of attributed customer quotes.
+ */
+export declare const testimonialsBlock: ComponentConfig<TestimonialsBlockProps>;
+/**
+ * Configuration of the pricing card block.
+ */
+export type PricingCardBlockProps = {
+    /** Name of the plan. */
+    name?: string;
+    /** The amount. */
+    price?: string;
+    /** Billing period shown beside the amount. */
+    period?: string;
+    /** One sentence about the plan. */
+    description?: string;
+    /** Short label above the plan name. */
+    badge?: string;
+    /** The plan's feature lines. */
+    features?: Array<{
+        label: string;
+        included: boolean;
+    }>;
+    /** Whether the plan is the recommended one. */
+    highlighted?: boolean;
+    /** The emphasised action. */
+    primaryAction?: BuilderAction;
+};
+/**
+ * One plan in a pricing table.
+ */
+export declare const pricingCardBlock: ComponentConfig<PricingCardBlockProps>;
+//# sourceMappingURL=sections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sections.d.ts","sourceRoot":"","sources":["../../../src/puck/blocks/sections.tsx"],"names":[],"mappings":"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"}

package/dist/puck/blocks/sections.js

@@ -0,0 +1,232 @@
+"use client";
+import { CTA as e } from "../../components/cta/CTA.js";
+import { FeatureGrid as t } from "../../components/feature-grid/FeatureGrid.js";
+import { Hero as n } from "../../components/hero/Hero.js";
+import { PricingCard as r } from "../../components/pricing-card/PricingCard.js";
+import { Testimonials as i } from "../../components/testimonials/Testimonials.js";
+import { toAction as a, toColumns as o } from "../adapters.js";
+import { ACTION_FIELDS as s, ALIGNMENT_OPTIONS as c, BACKGROUND_OPTIONS as l, COLUMNS_OPTIONS as u, CONTAINER_SIZE_OPTIONS as d, FEATURE_ITEM_FIELD as f, PRICING_FEATURE_FIELD as p, TESTIMONIAL_ITEM_FIELD as m, selectField as h, textField as g, textareaField as _ } from "../fields.js";
+import { jsx as v } from "react/jsx-runtime";
+//#region src/puck/blocks/sections.tsx
+var y = {
+	label: "Hero",
+	fields: {
+		eyebrow: g("Eyebrow"),
+		title: g("Headline", "Run your campaigns from one place"),
+		description: _("Description"),
+		primaryAction: s,
+		secondaryAction: s,
+		align: h("Alignment", c),
+		background: h("Background", l),
+		contentWidth: h("Content width", d)
+	},
+	defaultProps: {
+		eyebrow: "",
+		title: "Run your campaigns from one place",
+		description: "Messages, templates and results, without switching tools.",
+		primaryAction: {
+			label: "Start free",
+			href: "/signup",
+			variant: "solid"
+		},
+		secondaryAction: {
+			label: "Book a demo",
+			href: "/demo",
+			variant: "bordered"
+		},
+		align: "start",
+		background: "none",
+		contentWidth: "lg"
+	},
+	render: ({ eyebrow: e, title: t, description: r, primaryAction: i, secondaryAction: o, align: s, background: c, contentWidth: l }) => /* @__PURE__ */ v(n, {
+		eyebrow: e || void 0,
+		title: t ?? "",
+		description: r || void 0,
+		primaryAction: a(i),
+		secondaryAction: a(o),
+		align: s ?? "start",
+		background: c ?? "none",
+		containerSize: l ?? "lg"
+	})
+}, b = {
+	label: "Call to action",
+	fields: {
+		eyebrow: g("Eyebrow"),
+		title: g("Headline", "Send your first campaign today"),
+		description: _("Description"),
+		primaryAction: s,
+		secondaryAction: s,
+		align: h("Alignment", c),
+		background: h("Background", l),
+		panel: h("Panel", [
+			"bordered",
+			"muted",
+			"plain"
+		])
+	},
+	defaultProps: {
+		eyebrow: "",
+		title: "Send your first campaign today",
+		description: "No card required, and no setup call.",
+		primaryAction: {
+			label: "Create an account",
+			href: "/signup",
+			variant: "solid"
+		},
+		align: "center",
+		background: "none",
+		panel: "bordered"
+	},
+	render: ({ eyebrow: t, title: n, description: r, primaryAction: i, secondaryAction: o, align: s, background: c, panel: l }) => /* @__PURE__ */ v(e, {
+		eyebrow: t || void 0,
+		title: n ?? "",
+		description: r || void 0,
+		primaryAction: a(i),
+		secondaryAction: a(o),
+		align: s ?? "center",
+		background: c ?? "none",
+		panel: l ?? "bordered"
+	})
+}, x = {
+	label: "Feature grid",
+	fields: {
+		eyebrow: g("Eyebrow"),
+		title: g("Heading", "Everything the campaign needs"),
+		description: _("Description"),
+		items: f,
+		columnsMd: h("Columns on tablet", u),
+		columnsLg: h("Columns on desktop", u),
+		align: h("Heading alignment", c),
+		background: h("Background", l)
+	},
+	defaultProps: {
+		eyebrow: "",
+		title: "Everything the campaign needs",
+		description: "",
+		items: [
+			{
+				title: "Templates",
+				description: "Reusable messages."
+			},
+			{
+				title: "Scheduling",
+				description: "Send at the right time."
+			},
+			{
+				title: "Reporting",
+				description: "See what landed."
+			}
+		],
+		columnsMd: "2",
+		columnsLg: "3",
+		align: "center",
+		background: "none"
+	},
+	render: ({ eyebrow: e, title: n, description: r, items: i, columnsMd: a, columnsLg: s, align: c, background: l }) => /* @__PURE__ */ v(t, {
+		eyebrow: e || void 0,
+		title: n || void 0,
+		description: r || void 0,
+		align: c ?? "center",
+		background: l ?? "none",
+		columnsMd: o(a),
+		columnsLg: o(s),
+		items: (i ?? []).map((e, t) => ({
+			id: t,
+			title: e.title ?? "",
+			description: e.description || void 0
+		}))
+	})
+}, S = {
+	label: "Testimonials",
+	fields: {
+		eyebrow: g("Eyebrow"),
+		title: g("Heading", "Teams send more with Ashee"),
+		description: _("Description"),
+		items: m,
+		align: h("Heading alignment", c)
+	},
+	defaultProps: {
+		eyebrow: "",
+		title: "Teams send more with Ashee",
+		description: "",
+		items: [{
+			quote: "We cut campaign setup from hours to minutes.",
+			name: "Ama Boateng",
+			role: "Head of Growth, Kora Retail"
+		}],
+		align: "center"
+	},
+	render: ({ eyebrow: e, title: t, description: n, items: r, align: a }) => /* @__PURE__ */ v(i, {
+		eyebrow: e || void 0,
+		title: t || void 0,
+		description: n || void 0,
+		align: a ?? "center",
+		items: (r ?? []).map((e, t) => ({
+			id: t,
+			quote: e.quote ?? "",
+			name: e.name ?? "",
+			role: e.role || void 0
+		}))
+	})
+}, C = {
+	label: "Pricing card",
+	fields: {
+		badge: g("Badge", "Most popular"),
+		name: g("Plan", "Growth"),
+		price: g("Price", "$29"),
+		period: g("Period", "/month"),
+		description: _("Description"),
+		features: p,
+		highlighted: {
+			type: "radio",
+			label: "Recommended plan",
+			options: [{
+				label: "Yes",
+				value: !0
+			}, {
+				label: "No",
+				value: !1
+			}]
+		},
+		primaryAction: s
+	},
+	defaultProps: {
+		badge: "",
+		name: "Growth",
+		price: "$29",
+		period: "/month",
+		description: "For teams sending their first campaigns.",
+		features: [{
+			label: "10,000 messages",
+			included: !0
+		}, {
+			label: "Audit log",
+			included: !1
+		}],
+		highlighted: !1,
+		primaryAction: {
+			label: "Choose Growth",
+			href: "/signup",
+			variant: "solid"
+		}
+	},
+	render: ({ badge: e, name: t, price: n, period: i, description: o, features: s, highlighted: c, primaryAction: l }) => /* @__PURE__ */ v("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ v(r, {
+			badge: e || void 0,
+			name: t ?? "",
+			price: n ?? "",
+			period: i || void 0,
+			description: o || void 0,
+			highlighted: c ?? !1,
+			features: (s ?? []).map((e, t) => ({
+				id: t,
+				label: e.label ?? "",
+				included: e.included !== !1
+			})),
+			primaryAction: a(l)
+		})
+	})
+};
+//#endregion
+export { b as ctaBlock, x as featureGridBlock, y as heroBlock, C as pricingCardBlock, S as testimonialsBlock };

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

@@ -0,0 +1,22 @@
+import { ComponentConfig } from '@puckeditor/core';
+import { BuilderAction } from '../adapters';
+/**
+ * Configuration of the empty state block.
+ */
+export type EmptyStateBlockProps = {
+    /** What the region is. */
+    title?: string;
+    /** What the reader can do about it. */
+    description?: string;
+    /** Tone of the state. */
+    type?: "info" | "success" | "warning" | "error";
+    /** Whether the state is drawn as a panel. */
+    panel?: boolean;
+    /** The emphasised action. */
+    primaryAction?: BuilderAction;
+};
+/**
+ * A region with nothing in it.
+ */
+export declare const emptyStateBlock: ComponentConfig<EmptyStateBlockProps>;
+//# sourceMappingURL=utility.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../../../src/puck/blocks/utility.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,KAAK,aAAa,EAAY,MAAM,aAAa,CAAC;AAQ3D;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAEhD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,oBAAoB,CAiCjE,CAAC"}

package/dist/puck/blocks/utility.js

@@ -0,0 +1,49 @@
+"use client";
+import { EmptyState as e } from "../../components/empty-state/EmptyState.js";
+import { toAction as t } from "../adapters.js";
+import { ACTION_FIELDS as n, selectField as r, textField as i, textareaField as a } from "../fields.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/puck/blocks/utility.tsx
+var s = {
+	label: "Empty state",
+	fields: {
+		title: i("Heading", "Nothing here yet"),
+		description: a("Description"),
+		type: r("Tone", [
+			"info",
+			"success",
+			"warning",
+			"error"
+		]),
+		panel: {
+			type: "radio",
+			label: "Panel",
+			options: [{
+				label: "Yes",
+				value: !0
+			}, {
+				label: "No",
+				value: !1
+			}]
+		},
+		primaryAction: n
+	},
+	defaultProps: {
+		title: "Nothing here yet",
+		description: "Create the first item to see it here.",
+		type: "info",
+		panel: !0
+	},
+	render: ({ title: n, description: r, type: i, panel: a, primaryAction: s }) => /* @__PURE__ */ o("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ o(e, {
+			title: n ?? "",
+			description: r || void 0,
+			type: i ?? "info",
+			panel: a ?? !1,
+			primaryAction: t(s)
+		})
+	})
+};
+//#endregion
+export { s as emptyStateBlock };