@540deg/ds 0.0.0-stage → 0.1.0

package/dist/components/organisms/Story/index.d.ts

@@ -0,0 +1,3 @@
+export { Story } from './Story';
+export { STORY_DEFAULTS } from './types';
+export type { StoryProps } from './types';

package/dist/components/organisms/Story/types.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export type StoryProps = {
+    /** The stop's anchor. */
+    id: string;
+    /** The title: title-m for a story, title-s for an objection. */
+    title: ReactNode;
+    /** The paragraphs, body-l secondary. */
+    paragraphs: ReactNode[];
+    /** The bridge to the next stop, body-l primary. */
+    bridge?: ReactNode;
+    /** story (title-m) or objection (title-s). */
+    kind?: 'story' | 'objection';
+    /** The band tone; stories and objections usually go raised. */
+    tone?: 'default' | 'raised';
+    className?: string;
+};
+export declare const STORY_DEFAULTS: {
+    readonly kind: "story";
+    readonly tone: "raised";
+};

package/dist/components/organisms/Story/types.js

@@ -0,0 +1,7 @@
+//#region src/components/organisms/Story/types.ts
+var STORY_DEFAULTS = {
+	kind: "story",
+	tone: "raised"
+};
+//#endregion
+export { STORY_DEFAULTS };

package/dist/components/organisms/Timeline/Timeline.d.ts

@@ -0,0 +1,7 @@
+import type { TimelineProps } from './types';
+/**
+ * Timeline is a vertical axis at half the grid: a dot, a title and a body per step,
+ * joined by a continuous line. Each step is a stop of the journey: the one holding the center is
+ * lit, the told ones dim to 14 % and the ones to come stay hidden.
+ */
+export declare function Timeline({ id, title, description, steps, className }: TimelineProps): import("react").JSX.Element;

package/dist/components/organisms/Timeline/Timeline.js

@@ -0,0 +1,67 @@
+import { Text } from "../../atoms/Text/Text.js";
+import { SectionHeader } from "../../molecules/SectionHeader/SectionHeader.js";
+import { Slide } from "../Slide/Slide.js";
+import { useCenterState } from "../../../hooks/useCenterState.js";
+import Timeline_module_default from "./Timeline.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+//#region src/components/organisms/Timeline/Timeline.tsx
+/**
+* Timeline is a vertical axis at half the grid: a dot, a title and a body per step,
+* joined by a continuous line. Each step is a stop of the journey: the one holding the center is
+* lit, the told ones dim to 14 % and the ones to come stay hidden.
+*/
+function Timeline({ id, title, description, steps, className }) {
+	return /* @__PURE__ */ jsxs(Slide, {
+		id,
+		className,
+		"aria-labelledby": `${id}-title`,
+		children: [/* @__PURE__ */ jsx(SectionHeader, {
+			title,
+			description,
+			titleId: `${id}-title`,
+			align: "center"
+		}), /* @__PURE__ */ jsx("ol", {
+			className: Timeline_module_default.list,
+			children: steps.map((step, i) => /* @__PURE__ */ jsx(Step, { step }, i))
+		})]
+	});
+}
+function Step({ step }) {
+	const ref = useRef(null);
+	const state = useCenterState(ref);
+	return /* @__PURE__ */ jsxs("li", {
+		ref,
+		className: [Timeline_module_default.step, step.alert ? Timeline_module_default.alert : ""].filter(Boolean).join(" "),
+		"data-stop": "",
+		"data-state": state,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: Timeline_module_default.dot,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: Timeline_module_default.text,
+			children: [
+				step.kicker ? /* @__PURE__ */ jsx(Text, {
+					variant: "body-s",
+					tone: "secondary",
+					children: step.kicker
+				}) : null,
+				/* @__PURE__ */ jsx(Text, {
+					as: "h3",
+					variant: "title-s",
+					wrap: "balance",
+					children: step.title
+				}),
+				step.body ? /* @__PURE__ */ jsx(Text, {
+					variant: "body-m",
+					tone: "secondary",
+					wrap: "pretty",
+					children: step.body
+				}) : null,
+				step.extra
+			]
+		})]
+	});
+}
+//#endregion
+export { Timeline };

package/dist/components/organisms/Timeline/Timeline.module.js

@@ -0,0 +1,19 @@
+//#region src/components/organisms/Timeline/Timeline.module.css
+var list = "_list_9azf2_4";
+var step = "_step_9azf2_11";
+var dot = "_dot_9azf2_40";
+var alert = "_alert_9azf2_48";
+var text = "_text_9azf2_52";
+var draw = "_draw_9azf2_1";
+var pop = "_pop_9azf2_1";
+var Timeline_module_default = {
+	list,
+	step,
+	dot,
+	alert,
+	text,
+	draw,
+	pop
+};
+//#endregion
+export { alert, Timeline_module_default as default, dot, draw, list, pop, step, text };

package/dist/components/organisms/Timeline/index.d.ts

@@ -0,0 +1,3 @@
+export { Timeline } from './Timeline';
+export { TIMELINE_DEFAULTS } from './types';
+export type { TimelineProps, TimelineStep } from './types';

package/dist/components/organisms/Timeline/types.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export type TimelineStep = {
+    /** A small line above the title: a date, "Zoom · marzo". In secondary. */
+    kicker?: ReactNode;
+    /** The title of the step: a month, a milestone. */
+    title: ReactNode;
+    /** What happened, body-m secondary. */
+    body?: ReactNode;
+    /** A warning step: the dot goes red. The text stays in the neutral inks. */
+    alert?: boolean;
+    /** Anything after the body: a Flow, a Sheet inside a Step. */
+    extra?: ReactNode;
+};
+export type TimelineProps = {
+    /** The stop's anchor. */
+    id: string;
+    /** The header above the axis. */
+    title: ReactNode;
+    /** One sentence under the header. */
+    description?: ReactNode;
+    /** The steps, in order. Each one is a stop of the journey. */
+    steps: TimelineStep[];
+    className?: string;
+};
+export declare const TIMELINE_DEFAULTS: {};

package/dist/components/organisms/Timeline/types.js

@@ -0,0 +1,4 @@
+//#region src/components/organisms/Timeline/types.ts
+var TIMELINE_DEFAULTS = {};
+//#endregion
+export { TIMELINE_DEFAULTS };

package/dist/components/organisms/Tools/Tools.d.ts

@@ -0,0 +1,6 @@
+import type { ToolsProps } from './types';
+/**
+ * Tools is a grid of tools: a logo in a common 52 px box (optically corrected per brand),
+ * the name in title-s and an optional one-line verdict.
+ */
+export declare function Tools({ tools, columns, className }: ToolsProps): import("react").JSX.Element;

package/dist/components/organisms/Tools/Tools.js

@@ -0,0 +1,47 @@
+import { Text } from "../../atoms/Text/Text.js";
+import Tools_module_default from "./Tools.module.js";
+import { TOOLS_DEFAULTS } from "./types.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/organisms/Tools/Tools.tsx
+/**
+* Tools is a grid of tools: a logo in a common 52 px box (optically corrected per brand),
+* the name in title-s and an optional one-line verdict.
+*/
+function Tools({ tools, columns = TOOLS_DEFAULTS.columns, className }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: [
+			Tools_module_default.grid,
+			Tools_module_default[`cols-${columns}`],
+			className ?? ""
+		].filter(Boolean).join(" "),
+		children: tools.map((tool) => /* @__PURE__ */ jsx("li", {
+			className: Tools_module_default.item,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: Tools_module_default.tool,
+				children: [
+					/* @__PURE__ */ jsx("img", {
+						className: [Tools_module_default.logo, tool.invertInDark ? Tools_module_default.invert : ""].filter(Boolean).join(" "),
+						src: tool.src,
+						alt: "",
+						loading: "lazy",
+						style: tool.scale ? { "--tool-scale": tool.scale } : void 0
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						as: "h3",
+						variant: "title-s",
+						wrap: "balance",
+						children: tool.name
+					}),
+					tool.verdict ? /* @__PURE__ */ jsx(Text, {
+						variant: "body-s-light",
+						tone: "secondary",
+						wrap: "pretty",
+						children: tool.verdict
+					}) : null
+				]
+			})
+		}, tool.name))
+	});
+}
+//#endregion
+export { Tools };

package/dist/components/organisms/Tools/Tools.module.js

@@ -0,0 +1,17 @@
+//#region src/components/organisms/Tools/Tools.module.css
+var grid = "_grid_e43sg_3";
+var item = "_item_e43sg_13";
+var tool = "_tool_e43sg_33";
+var logo = "_logo_e43sg_43";
+var invert = "_invert_e43sg_51";
+var Tools_module_default = {
+	grid,
+	item,
+	"cols-4": "_cols-4_e43sg_24",
+	"cols-3": "_cols-3_e43sg_28",
+	tool,
+	logo,
+	invert
+};
+//#endregion
+export { Tools_module_default as default, grid, invert, item, logo, tool };

package/dist/components/organisms/Tools/index.d.ts

@@ -0,0 +1,3 @@
+export { Tools } from './Tools';
+export { TOOLS_DEFAULTS } from './types';
+export type { Tool, ToolsProps } from './types';

package/dist/components/organisms/Tools/types.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export type Tool = {
+    /** The logo file. */
+    src: string;
+    /** The name of the tool. */
+    name: string;
+    /** One short line, body-s-light secondary. Optional. */
+    verdict?: ReactNode;
+    /** Invert the logo in the dark theme (black logos on white). */
+    invertInDark?: boolean;
+    /** Optical correction: scale the logo so all look the same weight. */
+    scale?: number;
+};
+export type ToolsProps = {
+    /** The tools, in a staggered grid. */
+    tools: Tool[];
+    /** Columns from 1024 px: 3 or 4. */
+    columns?: 3 | 4;
+    className?: string;
+};
+export declare const TOOLS_DEFAULTS: {
+    readonly columns: 4;
+};

package/dist/components/organisms/Tools/types.js

@@ -0,0 +1,4 @@
+//#region src/components/organisms/Tools/types.ts
+var TOOLS_DEFAULTS = { columns: 4 };
+//#endregion
+export { TOOLS_DEFAULTS };

package/dist/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts) DMSans-Italic[opsz,wght].ttf: Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/hooks/useCenterState.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+export type CenterState = 'before' | 'on' | 'after';
+/**
+ * Where a piece is against the center line of the window: already passed (before), holding it
+ * (on) or still to come (after). The sentences of the journey and the steps of a timeline use it
+ * to light the one being told, dim the told ones and hide the ones to come. With
+ * prefers-reduced-motion it is always on.
+ */
+export declare function useCenterState(ref: RefObject<Element | null>): CenterState;

package/dist/hooks/useCenterState.js

@@ -0,0 +1,40 @@
+import { useEffect, useState } from "react";
+//#region src/hooks/useCenterState.ts
+/**
+* Where a piece is against the center line of the window: already passed (before), holding it
+* (on) or still to come (after). The sentences of the journey and the steps of a timeline use it
+* to light the one being told, dim the told ones and hide the ones to come. With
+* prefers-reduced-motion it is always on.
+*/
+function useCenterState(ref) {
+	const [state, setState] = useState("on");
+	useEffect(() => {
+		if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+		let frame = 0;
+		const measure = () => {
+			frame = 0;
+			const el = ref.current;
+			if (!el) return;
+			const r = el.getBoundingClientRect();
+			const c = window.innerHeight / 2;
+			setState(r.bottom <= c ? "before" : r.top > c ? "after" : "on");
+		};
+		const schedule = () => {
+			if (!frame) frame = requestAnimationFrame(measure);
+		};
+		measure();
+		window.addEventListener("scroll", schedule, {
+			passive: true,
+			capture: true
+		});
+		window.addEventListener("resize", schedule);
+		return () => {
+			cancelAnimationFrame(frame);
+			window.removeEventListener("scroll", schedule, { capture: true });
+			window.removeEventListener("resize", schedule);
+		};
+	}, [ref]);
+	return state;
+}
+//#endregion
+export { useCenterState };

package/dist/hooks/useReveal.d.ts

@@ -0,0 +1,7 @@
+import type { RefObject } from 'react';
+/**
+ * Whether a piece should show its final state: it is on screen (a third of it, at least) and its
+ * Step, if any, is on. Goes back to false when either stops, so a counter or a bar replays
+ * every time the talk comes back to it. With prefers-reduced-motion it is always true.
+ */
+export declare function useReveal(ref: RefObject<Element | null>): boolean;

package/dist/hooks/useReveal.js

@@ -0,0 +1,34 @@
+import { useStepOn } from "../components/organisms/Steps/StepsContext.js";
+import { useEffect, useState, useSyncExternalStore } from "react";
+//#region src/hooks/useReveal.ts
+var REDUCED_MOTION = "(prefers-reduced-motion: reduce)";
+function subscribeReducedMotion(onChange) {
+	const query = window.matchMedia?.(REDUCED_MOTION);
+	query?.addEventListener?.("change", onChange);
+	return () => query?.removeEventListener?.("change", onChange);
+}
+var readReducedMotion = () => window.matchMedia?.(REDUCED_MOTION).matches ?? false;
+var serverReducedMotion = () => false;
+/**
+* Whether a piece should show its final state: it is on screen (a third of it, at least) and its
+* Step, if any, is on. Goes back to false when either stops, so a counter or a bar replays
+* every time the talk comes back to it. With prefers-reduced-motion it is always true.
+*/
+function useReveal(ref) {
+	const stepOn = useStepOn();
+	const [seen, setSeen] = useState(false);
+	const reduced = useSyncExternalStore(subscribeReducedMotion, readReducedMotion, serverReducedMotion);
+	useEffect(() => {
+		const el = ref.current;
+		if (!el || reduced || typeof IntersectionObserver === "undefined") {
+			setSeen(true);
+			return;
+		}
+		const io = new IntersectionObserver(([entry]) => setSeen(entry.isIntersecting), { threshold: .3 });
+		io.observe(el);
+		return () => io.disconnect();
+	}, [ref, reduced]);
+	return reduced || seen && stepOn;
+}
+//#endregion
+export { useReveal };

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+export * from './components/atoms/Bullets';
+export * from './components/atoms/Button';
+export * from './components/atoms/Count';
+export * from './components/atoms/Image';
+export * from './components/atoms/Logo';
+export * from './components/atoms/MenuItem';
+export * from './components/atoms/SocialIcon';
+export * from './components/atoms/Text';
+export * from './components/atoms/ThemeToggle';
+export * from './components/molecules/Card';
+export * from './components/molecules/Carousel';
+export * from './components/molecules/CaseItem';
+export * from './components/molecules/Dialog';
+export * from './components/molecules/Field';
+export * from './components/molecules/Footer';
+export * from './components/molecules/Grid';
+export * from './components/molecules/Lists';
+export * from './components/molecules/Menu';
+export * from './components/molecules/Metric';
+export * from './components/molecules/NavMobile';
+export * from './components/molecules/Question';
+export * from './components/molecules/Screenshot';
+export * from './components/molecules/Section';
+export * from './components/molecules/SectionHeader';
+export * from './components/molecules/Stack';
+export * from './components/molecules/TeamMember';
+export * from './components/organisms/Bars';
+export * from './components/organisms/Blobs';
+export * from './components/organisms/BlockTitle';
+export * from './components/organisms/CardList';
+export * from './components/organisms/Closing';
+export * from './components/organisms/Cover';
+export * from './components/organisms/Cycle';
+export * from './components/organisms/Deck';
+export * from './components/organisms/DeckFooter';
+export * from './components/organisms/Flow';
+export * from './components/organisms/Form';
+export * from './components/organisms/Heartbeat';
+export * from './components/organisms/LogoCarousel';
+export * from './components/organisms/Marquee';
+export * from './components/organisms/ProgressBar';
+export * from './components/organisms/Punchline';
+export * from './components/organisms/Quote';
+export * from './components/organisms/Schema';
+export * from './components/organisms/Share';
+export * from './components/organisms/Sheet';
+export * from './components/organisms/Slide';
+export * from './components/organisms/Spotlight';
+export * from './components/organisms/Statements';
+export * from './components/organisms/Steps';
+export * from './components/organisms/Story';
+export * from './components/organisms/Timeline';
+export * from './components/organisms/Tools';
+export * from './templates/TalkTemplate';

package/dist/index.js

@@ -0,0 +1,98 @@
+import { BULLETS_DEFAULTS, BULLETS_ORIENTATIONS } from "./components/atoms/Bullets/types.js";
+import { Bullets } from "./components/atoms/Bullets/Bullets.js";
+import { BUTTON_DEFAULTS, BUTTON_SIZES, BUTTON_VARIANTS } from "./components/atoms/Button/types.js";
+import { Button } from "./components/atoms/Button/Button.js";
+import { useStepOn, useSteps } from "./components/organisms/Steps/StepsContext.js";
+import { COUNT_DEFAULTS } from "./components/atoms/Count/types.js";
+import { Count } from "./components/atoms/Count/Count.js";
+import { IMAGE_DEFAULTS, IMAGE_RATIOS } from "./components/atoms/Image/types.js";
+import { Image } from "./components/atoms/Image/Image.js";
+import { LOGO_DEFAULTS, LOGO_SIZES } from "./components/atoms/Logo/types.js";
+import { Logo } from "./components/atoms/Logo/Logo.js";
+import { MENU_ITEM_DEFAULTS, MENU_ITEM_SIZES } from "./components/atoms/MenuItem/types.js";
+import { MenuItem } from "./components/atoms/MenuItem/MenuItem.js";
+import { SOCIAL_ICON_DEFAULTS, SOCIAL_ICON_SIZES, SOCIAL_NETWORKS } from "./components/atoms/SocialIcon/types.js";
+import { SocialIcon } from "./components/atoms/SocialIcon/SocialIcon.js";
+import { TEXT_ALIGNS, TEXT_DEFAULTS, TEXT_ELEMENTS, TEXT_MEASURES, TEXT_TONES, TEXT_VARIANTS, TEXT_WRAPS } from "./components/atoms/Text/types.js";
+import { Text } from "./components/atoms/Text/Text.js";
+import { THEME_TOGGLE_DEFAULTS } from "./components/atoms/ThemeToggle/types.js";
+import { ThemeToggle } from "./components/atoms/ThemeToggle/ThemeToggle.js";
+import { CARD_ALIGNS, CARD_DEFAULTS, CARD_STATES, CARD_VARIANTS } from "./components/molecules/Card/types.js";
+import { Card } from "./components/molecules/Card/Card.js";
+import { CAROUSEL_CONTROLS, CAROUSEL_DEFAULTS } from "./components/molecules/Carousel/types.js";
+import { Carousel } from "./components/molecules/Carousel/Carousel.js";
+import { CASE_ITEM_DEFAULTS } from "./components/molecules/CaseItem/types.js";
+import { CaseItem } from "./components/molecules/CaseItem/CaseItem.js";
+import { Dialog } from "./components/molecules/Dialog/Dialog.js";
+import { FIELD_DEFAULTS, FIELD_SIZES } from "./components/molecules/Field/types.js";
+import { Field } from "./components/molecules/Field/Field.js";
+import { FOOTER_DEFAULTS } from "./components/molecules/Footer/types.js";
+import { Footer } from "./components/molecules/Footer/Footer.js";
+import { GRID_ALIGNS, GRID_DEFAULTS, GRID_LAYOUTS } from "./components/molecules/Grid/types.js";
+import { Grid, GridItem } from "./components/molecules/Grid/Grid.js";
+import { ArrowList, ProblemList, SimpleList } from "./components/molecules/Lists/Lists.js";
+import { MENU_DEFAULTS } from "./components/molecules/Menu/types.js";
+import { Menu } from "./components/molecules/Menu/Menu.js";
+import { Metric, MetricNote } from "./components/molecules/Metric/Metric.js";
+import { NAV_MOBILE_DEFAULTS } from "./components/molecules/NavMobile/types.js";
+import { NavMobile } from "./components/molecules/NavMobile/NavMobile.js";
+import { Question } from "./components/molecules/Question/Question.js";
+import { Screenshot } from "./components/molecules/Screenshot/Screenshot.js";
+import { SECTION_DEFAULTS, SECTION_TONES } from "./components/molecules/Section/types.js";
+import { Section } from "./components/molecules/Section/Section.js";
+import { SECTION_HEADER_ALIGNS, SECTION_HEADER_DEFAULTS, SECTION_HEADER_LEVELS } from "./components/molecules/SectionHeader/types.js";
+import { SectionHeader } from "./components/molecules/SectionHeader/SectionHeader.js";
+import { STACK_DEFAULTS, STACK_GAPS, STACK_MEASURES } from "./components/molecules/Stack/types.js";
+import { Stack } from "./components/molecules/Stack/Stack.js";
+import { TEAM_MEMBER_ALIGNS, TEAM_MEMBER_DEFAULTS } from "./components/molecules/TeamMember/types.js";
+import { TeamMember } from "./components/molecules/TeamMember/TeamMember.js";
+import { BARS_DEFAULTS, BAR_TONES } from "./components/organisms/Bars/types.js";
+import { Bars } from "./components/organisms/Bars/Bars.js";
+import { Blobs } from "./components/organisms/Blobs/Blobs.js";
+import { SLIDE_DEFAULTS, SLIDE_TONES } from "./components/organisms/Slide/types.js";
+import { Slide } from "./components/organisms/Slide/Slide.js";
+import { BlockTitle } from "./components/organisms/BlockTitle/BlockTitle.js";
+import { CardList } from "./components/organisms/CardList/CardList.js";
+import { CLOSING_DEFAULTS } from "./components/organisms/Closing/types.js";
+import { Closing } from "./components/organisms/Closing/Closing.js";
+import { COVER_DEFAULTS } from "./components/organisms/Cover/types.js";
+import { Cover } from "./components/organisms/Cover/Cover.js";
+import { Cycle } from "./components/organisms/Cycle/Cycle.js";
+import { CYCLE_DEFAULTS, CYCLE_MARKS } from "./components/organisms/Cycle/types.js";
+import { DECK_FOOTER_DEFAULTS } from "./components/organisms/DeckFooter/types.js";
+import { DeckFooter } from "./components/organisms/DeckFooter/DeckFooter.js";
+import { DECK_DEFAULTS, DECK_THEMES } from "./components/organisms/Deck/types.js";
+import { useDeckNavigation } from "./components/organisms/Deck/useDeckNavigation.js";
+import { Deck } from "./components/organisms/Deck/Deck.js";
+import { FLOW_DEFAULTS } from "./components/organisms/Flow/types.js";
+import { Flow } from "./components/organisms/Flow/Flow.js";
+import { FORM_ALIGNS, FORM_DEFAULTS } from "./components/organisms/Form/types.js";
+import { Form } from "./components/organisms/Form/Form.js";
+import { Heartbeat } from "./components/organisms/Heartbeat/Heartbeat.js";
+import { LOGO_CAROUSEL_DEFAULTS } from "./components/organisms/LogoCarousel/types.js";
+import { LogoCarousel } from "./components/organisms/LogoCarousel/LogoCarousel.js";
+import { MARQUEE_DEFAULTS } from "./components/organisms/Marquee/types.js";
+import { Marquee } from "./components/organisms/Marquee/Marquee.js";
+import { PROGRESS_BAR_DEFAULTS } from "./components/organisms/ProgressBar/types.js";
+import { ProgressBar } from "./components/organisms/ProgressBar/ProgressBar.js";
+import { PUNCHLINE_DEFAULTS } from "./components/organisms/Punchline/types.js";
+import { Punchline } from "./components/organisms/Punchline/Punchline.js";
+import { QUOTE_DEFAULTS } from "./components/organisms/Quote/types.js";
+import { Quote } from "./components/organisms/Quote/Quote.js";
+import { Schema, SchemaFrame, SchemaLayer, SchemaVoice, schema } from "./components/organisms/Schema/Schema.js";
+import { SHARE_DEFAULTS } from "./components/organisms/Share/types.js";
+import { Share } from "./components/organisms/Share/Share.js";
+import { Sheet } from "./components/organisms/Sheet/Sheet.js";
+import { SHEET_DEFAULTS } from "./components/organisms/Sheet/types.js";
+import { Spotlight } from "./components/organisms/Spotlight/Spotlight.js";
+import { STATEMENTS_DEFAULTS } from "./components/organisms/Statements/types.js";
+import { Statements } from "./components/organisms/Statements/Statements.js";
+import { PanelStack, Step, Steps } from "./components/organisms/Steps/Steps.js";
+import { STORY_DEFAULTS } from "./components/organisms/Story/types.js";
+import { Story } from "./components/organisms/Story/Story.js";
+import { Timeline } from "./components/organisms/Timeline/Timeline.js";
+import { TIMELINE_DEFAULTS } from "./components/organisms/Timeline/types.js";
+import { TOOLS_DEFAULTS } from "./components/organisms/Tools/types.js";
+import { Tools } from "./components/organisms/Tools/Tools.js";
+import { TalkTemplate } from "./templates/TalkTemplate/TalkTemplate.js";
+export { ArrowList, BARS_DEFAULTS, BAR_TONES, BULLETS_DEFAULTS, BULLETS_ORIENTATIONS, BUTTON_DEFAULTS, BUTTON_SIZES, BUTTON_VARIANTS, Bars, Blobs, BlockTitle, Bullets, Button, CARD_ALIGNS, CARD_DEFAULTS, CARD_STATES, CARD_VARIANTS, CAROUSEL_CONTROLS, CAROUSEL_DEFAULTS, CASE_ITEM_DEFAULTS, CLOSING_DEFAULTS, COUNT_DEFAULTS, COVER_DEFAULTS, CYCLE_DEFAULTS, CYCLE_MARKS, Card, CardList, Carousel, CaseItem, Closing, Count, Cover, Cycle, DECK_DEFAULTS, DECK_FOOTER_DEFAULTS, DECK_THEMES, Deck, DeckFooter, Dialog, FIELD_DEFAULTS, FIELD_SIZES, FLOW_DEFAULTS, FOOTER_DEFAULTS, FORM_ALIGNS, FORM_DEFAULTS, Field, Flow, Footer, Form, GRID_ALIGNS, GRID_DEFAULTS, GRID_LAYOUTS, Grid, GridItem, Heartbeat, IMAGE_DEFAULTS, IMAGE_RATIOS, Image, LOGO_CAROUSEL_DEFAULTS, LOGO_DEFAULTS, LOGO_SIZES, Logo, LogoCarousel, MARQUEE_DEFAULTS, MENU_DEFAULTS, MENU_ITEM_DEFAULTS, MENU_ITEM_SIZES, Marquee, Menu, MenuItem, Metric, MetricNote, NAV_MOBILE_DEFAULTS, NavMobile, PROGRESS_BAR_DEFAULTS, PUNCHLINE_DEFAULTS, PanelStack, ProblemList, ProgressBar, Punchline, QUOTE_DEFAULTS, Question, Quote, SECTION_DEFAULTS, SECTION_HEADER_ALIGNS, SECTION_HEADER_DEFAULTS, SECTION_HEADER_LEVELS, SECTION_TONES, SHARE_DEFAULTS, SHEET_DEFAULTS, SLIDE_DEFAULTS, SLIDE_TONES, SOCIAL_ICON_DEFAULTS, SOCIAL_ICON_SIZES, SOCIAL_NETWORKS, STACK_DEFAULTS, STACK_GAPS, STACK_MEASURES, STATEMENTS_DEFAULTS, STORY_DEFAULTS, Schema, SchemaFrame, SchemaLayer, SchemaVoice, Screenshot, Section, SectionHeader, Share, Sheet, SimpleList, Slide, SocialIcon, Spotlight, Stack, Statements, Step, Steps, Story, TEAM_MEMBER_ALIGNS, TEAM_MEMBER_DEFAULTS, TEXT_ALIGNS, TEXT_DEFAULTS, TEXT_ELEMENTS, TEXT_MEASURES, TEXT_TONES, TEXT_VARIANTS, TEXT_WRAPS, THEME_TOGGLE_DEFAULTS, TIMELINE_DEFAULTS, TOOLS_DEFAULTS, TalkTemplate, TeamMember, Text, ThemeToggle, Timeline, Tools, schema, useDeckNavigation, useStepOn, useSteps };