@chan.run/design 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,170 @@
+import * as _$_chakra_ui_react0 from "@chakra-ui/react";
+import { FlexProps, TextProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ColorModeButton.d.ts
+declare function ColorModeButton(props: FlexProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/Splash.d.ts
+interface SplashProps {
+  /** While true, the splash covers the screen. Flip to false to reveal. */
+  open: boolean;
+  /** Hub content — wordmark, lock form, logo + spinner, etc. */
+  children: ReactNode;
+  /** Which axis the panels split along. */
+  orientation?: "vertical" | "horizontal";
+  /** Hub size — controls width and overhang. */
+  size?: "sm" | "md" | "lg";
+  /** Hold the splash this long after `open` flips to false before splitting. */
+  holdMs?: number;
+  /** Duration of the split-open transition. */
+  revealMs?: number;
+}
+declare function Splash({
+  open,
+  children,
+  orientation,
+  size,
+  holdMs,
+  revealMs
+}: SplashProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/slides/types.d.ts
+/** Supported slide layout templates */
+type SlideLayout = "default" | "title" | "section" | "quote" | "blank";
+/** Props accepted by the SlideLayout component */
+interface SlideProps {
+  /** Layout template to apply */
+  layout: SlideLayout;
+  /** Rendered slide content (React components, not raw HTML) */
+  children: ReactNode;
+}
+/** A slide in the viewer — layout + pre-rendered content */
+interface SlideEntry {
+  layout: SlideLayout;
+  children: ReactNode;
+}
+/** Props accepted by the SlideViewer component */
+interface SlideViewerProps {
+  /** All slides in the deck */
+  slides: SlideEntry[];
+  /** Currently active slide index (0-based) */
+  currentSlide: number;
+  /** Callback when the user navigates to a different slide */
+  onSlideChange: (index: number) => void;
+  /** Whether fullscreen / presentation mode is active */
+  isPresenting?: boolean;
+  /** Toggle presentation mode */
+  onTogglePresent?: () => void;
+}
+/** Props accepted by the SlideControls component */
+interface SlideControlsProps {
+  /** Current slide index (0-based) */
+  currentSlide: number;
+  /** Total number of slides */
+  totalSlides: number;
+  /** Navigate to a specific slide */
+  onSlideChange: (index: number) => void;
+  /** Toggle presentation mode */
+  onTogglePresent?: () => void;
+  /** Whether presentation mode is active */
+  isPresenting?: boolean;
+}
+/** Props accepted by the DeckCard component */
+interface DeckCardProps {
+  /** Deck URL slug */
+  slug: string;
+  /** Deck title */
+  title: string;
+  /** Presentation date (YYYY-MM-DD) */
+  date: string;
+  /** One-line summary */
+  description: string;
+  /** Categorization tags */
+  tags?: string[];
+  /** Number of slides */
+  slideCount: number;
+  /** Click handler (for navigation) */
+  onClick?: (slug: string) => void;
+}
+//#endregion
+//#region src/components/slides/DeckCard.d.ts
+declare function DeckCard({
+  slug,
+  title,
+  date,
+  description,
+  tags,
+  slideCount,
+  onClick
+}: DeckCardProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/slides/SlideComponents.d.ts
+type ComponentMap = Record<string, React.ComponentType<Record<string, unknown>>>;
+/**
+ * Get a component mapping for rendering slide markdown content.
+ *
+ * Each layout has specific overrides for visual treatment:
+ * - `default` — standard content slide
+ * - `title` — large centered heading, uppercase
+ * - `section` — centered divider heading
+ * - `quote` — large italic centered text
+ * - `blank` — same as default (layout wrapper handles blank)
+ */
+declare function getSlideComponents(layout?: string): ComponentMap;
+//#endregion
+//#region src/components/slides/SlideControls.d.ts
+declare function SlideControls({
+  currentSlide,
+  totalSlides,
+  onSlideChange,
+  onTogglePresent,
+  isPresenting
+}: SlideControlsProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/slides/SlideLayout.d.ts
+declare function SlideLayoutComponent({
+  layout,
+  children
+}: SlideProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/slides/SlideViewer.d.ts
+declare function SlideViewer({
+  slides,
+  currentSlide,
+  onSlideChange,
+  isPresenting,
+  onTogglePresent
+}: SlideViewerProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/Topbar.d.ts
+interface TopbarProps {
+  /** When provided, a hamburger menu button is rendered. Omit to hide it. */
+  onMenuOpen?: () => void;
+}
+declare function Topbar({
+  onMenuOpen
+}: TopbarProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/Wordmark.d.ts
+interface WordmarkProps extends Omit<TextProps, "children"> {
+  /** Wordmark size. Pass any Chakra fontSize value. */
+  fontSize?: TextProps["fontSize"];
+  /** When true, the orange dot opacity-cycles via the `chan-pulse` keyframe. */
+  pulseDot?: boolean;
+}
+declare function Wordmark({
+  fontSize,
+  color,
+  pulseDot,
+  ...rest
+}: WordmarkProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/TokenShowcase.d.ts
+declare function TokenShowcase(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/theme.d.ts
+declare const system: _$_chakra_ui_react0.SystemContext;
+//#endregion
+export { ColorModeButton, DeckCard, type DeckCardProps, SlideControls, type SlideControlsProps, type SlideEntry, SlideLayoutComponent as SlideLayout, type SlideLayout as SlideLayoutType, type SlideProps, SlideViewer, type SlideViewerProps, Splash, type SplashProps, TokenShowcase, Topbar, type TopbarProps, Wordmark, type WordmarkProps, getSlideComponents, system };