supadeck 0.0.5 → 0.0.7

package/dist/runtime/themes/supabase/components.d.ts

@@ -1,65 +0,0 @@
-import type React from 'react';
-import type { MdxComponentMap } from '../../theme-types.js';
-export interface SupabaseMarkProps extends React.ComponentProps<'svg'> {
-    size?: 'footer' | 'hero';
-}
-export declare function SupabaseMark({ size, className, ...props }: SupabaseMarkProps): import("react/jsx-runtime").JSX.Element;
-export interface SectionSlideProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function SectionSlide({ children, className }: SectionSlideProps): import("react/jsx-runtime").JSX.Element;
-export interface DividerProps {
-    centered?: boolean;
-    className?: string;
-}
-export declare function Divider({ centered, className }: DividerProps): import("react/jsx-runtime").JSX.Element;
-export interface TagProps {
-    children: React.ReactNode;
-    tone?: 'default' | 'red' | 'yellow';
-    className?: string;
-}
-export declare function Tag({ children, tone, className }: TagProps): import("react/jsx-runtime").JSX.Element;
-export interface WideProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function Wide({ children, className }: WideProps): import("react/jsx-runtime").JSX.Element;
-export interface CardGridProps {
-    children: React.ReactNode;
-    columns?: number;
-    className?: string;
-}
-export declare function CardGrid({ children, columns, className }: CardGridProps): import("react/jsx-runtime").JSX.Element;
-export interface CardProps {
-    title: React.ReactNode;
-    children: React.ReactNode;
-    tone?: 'default' | 'red' | 'yellow';
-    className?: string;
-}
-export declare function Card({ title, children, tone, className }: CardProps): import("react/jsx-runtime").JSX.Element;
-export interface StatGridProps {
-    children: React.ReactNode;
-    columns?: number;
-    className?: string;
-}
-export declare function StatGrid({ children, columns, className }: StatGridProps): import("react/jsx-runtime").JSX.Element;
-export interface StatProps {
-    value: React.ReactNode;
-    label: React.ReactNode;
-    className?: string;
-}
-export declare function Stat({ value, label, className }: StatProps): import("react/jsx-runtime").JSX.Element;
-export interface StatusListProps {
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function StatusList({ children, className }: StatusListProps): import("react/jsx-runtime").JSX.Element;
-export interface StatusItemProps {
-    status: 'live' | 'partial' | 'planned' | 'unknown';
-    name: React.ReactNode;
-    note?: React.ReactNode;
-    className?: string;
-}
-export declare function StatusItem({ status, name, note, className }: StatusItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function createSupabaseComponents(): MdxComponentMap;

package/dist/runtime/themes/supabase/components.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-function cx(...values) {
-    return values.filter(Boolean).join(' ');
-}
-export function SupabaseMark({ size = 'footer', className, ...props }) {
-    const id = useId();
-    const primaryGradientId = `${id}-primary`;
-    const shadowGradientId = `${id}-shadow`;
-    const dimensions = size === 'hero'
-        ? { width: 48, height: 50 }
-        : { width: 22, height: 22 };
-    return (_jsxs("svg", { viewBox: "0 0 109 113", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: cx('supabase-mark', className), ...dimensions, ...props, children: [_jsx("path", { d: "M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9372L63.7076 110.284Z", fill: `url(#${primaryGradientId})` }), _jsx("path", { d: "M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9372L63.7076 110.284Z", fill: `url(#${shadowGradientId})`, fillOpacity: "0.2" }), _jsx("path", { d: "M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4177L45.317 2.07103Z", fill: "#3ECF8E" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: primaryGradientId, x1: "53.9738", y1: "54.974", x2: "94.1635", y2: "71.8295", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#249361" }), _jsx("stop", { offset: "1", stopColor: "#3ECF8E" })] }), _jsxs("linearGradient", { id: shadowGradientId, x1: "36.1558", y1: "30.578", x2: "54.4844", y2: "65.0806", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", {}), _jsx("stop", { offset: "1", stopOpacity: "0" })] })] })] }));
-}
-export function SectionSlide({ children, className }) {
-    return _jsx("div", { className: cx('supabase-section-slide', className), children: children });
-}
-export function Divider({ centered = false, className }) {
-    return _jsx("div", { className: cx('divider', centered && 'center-divider', className), "aria-hidden": "true" });
-}
-export function Tag({ children, tone = 'default', className }) {
-    return _jsx("span", { className: cx('tag', tone !== 'default' && tone, className), children: children });
-}
-export function Wide({ children, className }) {
-    return _jsx("div", { className: cx('supabase-wide', className), children: children });
-}
-export function CardGrid({ children, columns = 3, className }) {
-    return (_jsx("div", { className: cx('row', className), style: { '--supabase-columns': String(columns) }, children: children }));
-}
-export function Card({ title, children, tone = 'default', className }) {
-    return (_jsxs("div", { className: cx('card', className), children: [_jsx("h3", { className: cx(tone !== 'default' && `tone-${tone}`), children: title }), _jsx("div", { children: children })] }));
-}
-export function StatGrid({ children, columns = 2, className }) {
-    return (_jsx("div", { className: cx('stat-grid', className), style: { '--supabase-columns': String(columns) }, children: children }));
-}
-export function Stat({ value, label, className }) {
-    return (_jsxs("div", { className: cx('stat', className), children: [_jsx("div", { className: "stat-value", children: value }), _jsx("div", { className: "stat-label", children: label })] }));
-}
-export function StatusList({ children, className }) {
-    return _jsx("div", { className: cx('status-list', className), children: children });
-}
-const STATUS_LABELS = {
-    live: 'live',
-    partial: 'partial',
-    planned: 'planned',
-    unknown: '?'
-};
-export function StatusItem({ status, name, note, className }) {
-    return (_jsxs("div", { className: cx('status-item', className), children: [_jsx("span", { className: cx('status-badge', status), children: STATUS_LABELS[status] }), _jsx("span", { className: "status-name", children: name }), note ? _jsx("span", { className: "status-note", children: note }) : null] }));
-}
-export function createSupabaseComponents() {
-    return {
-        h1: (props) => _jsx("h1", { ...props }),
-        h2: (props) => _jsx("h2", { ...props }),
-        h3: (props) => _jsx("h3", { ...props }),
-        p: (props) => _jsx("p", { ...props }),
-        a: ({ className, ...props }) => (_jsx("a", { className: cx('supabase-link', className), ...props })),
-        ul: ({ className, ...props }) => (_jsx("ul", { className: cx('supabase-list', className), ...props })),
-        ol: ({ className, ...props }) => (_jsx("ol", { className: cx('supabase-list', 'supabase-list-ordered', className), ...props })),
-        li: (props) => _jsx("li", { ...props }),
-        code: ({ className, ...props }) => (_jsx("code", { className: cx('supabase-inline-code', className), ...props })),
-        pre: ({ className, ...props }) => (_jsx("pre", { className: cx('supabase-pre', className), ...props })),
-        table: ({ className, ...props }) => (_jsx("table", { className: cx('supabase-table', className), ...props })),
-        th: ({ className, ...props }) => (_jsx("th", { className: cx('supabase-th', className), ...props })),
-        td: ({ className, ...props }) => (_jsx("td", { className: cx('supabase-td', className), ...props })),
-        blockquote: ({ className, ...props }) => (_jsx("blockquote", { className: cx('supabase-quote', className), ...props })),
-        SectionSlide,
-        SupabaseMark,
-        Divider,
-        Tag,
-        Wide,
-        CardGrid,
-        Card,
-        StatGrid,
-        Stat,
-        StatusList,
-        StatusItem
-    };
-}
-//# sourceMappingURL=components.js.map

package/dist/runtime/themes/supabase/index.d.ts

@@ -1,4 +0,0 @@
-import type { ThemeModule } from '../../theme-types.js';
-import './theme.css';
-declare const supabaseTheme: ThemeModule;
-export default supabaseTheme;

package/dist/runtime/themes/supabase/index.js

@@ -1,17 +0,0 @@
-import { createSupabaseComponents } from './components.js';
-import { SupabaseDeck } from './SupabaseDeck.js';
-import './theme.css';
-const supabaseTheme = {
-    Deck: SupabaseDeck,
-    components: createSupabaseComponents(),
-    setup({ config, rootElement, helpers }) {
-        rootElement.style.setProperty('--slide-aspect-ratio', helpers.parseAspectRatio(config.aspectRatio));
-        rootElement.dataset.transition = config.transition ?? 'fade';
-        rootElement.dataset.theme = 'supabase';
-        return () => {
-            delete rootElement.dataset.theme;
-        };
-    }
-};
-export default supabaseTheme;
-//# sourceMappingURL=index.js.map

package/dist/runtime/themes/supabase/theme.css

@@ -1,523 +0,0 @@
-@import "tailwindcss";
-
-:root {
-  --supabase-background: #080808;
-  --supabase-foreground: #e0e0e0;
-  --supabase-heading: #ffffff;
-  --supabase-accent: #3ecf8e;
-  --supabase-muted: #888888;
-  --supabase-dim: #555555;
-  --supabase-border: rgba(255, 255, 255, 0.1);
-  --supabase-footer-border: rgba(255, 255, 255, 0.07);
-  --supabase-footer-height: 56px;
-  --supabase-max-width: 900px;
-  --supabase-wide-width: 1100px;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-html,
-body,
-#root {
-  min-height: 100%;
-  margin: 0;
-}
-
-body {
-  min-height: 100vh;
-  overflow: hidden;
-  background: var(--supabase-background);
-  color: var(--supabase-foreground);
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-  user-select: none;
-}
-
-button {
-  font: inherit;
-}
-
-.supabase-deck-shell {
-  min-height: 100vh;
-  background: var(--supabase-background);
-}
-
-.supabase-stage {
-  min-height: calc(100vh - var(--supabase-footer-height));
-}
-
-.supabase-slide {
-  display: flex;
-  min-height: calc(100vh - var(--supabase-footer-height));
-  align-items: center;
-  justify-content: center;
-  padding: 48px 64px 72px;
-}
-
-.supabase-slide-inner {
-  width: 100%;
-  max-width: var(--supabase-max-width);
-}
-
-.supabase-slide[data-transition="fade"] .supabase-slide-inner {
-  animation: supabase-fade-in 0.25s ease;
-}
-
-.supabase-slide[data-transition="slide"] .supabase-slide-inner {
-  animation: supabase-slide-in 0.25s ease;
-}
-
-@keyframes supabase-fade-in {
-  from {
-    opacity: 0;
-    transform: translateY(6px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes supabase-slide-in {
-  from {
-    opacity: 0;
-    transform: translateX(20px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-.supabase-section-slide {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-}
-
-.supabase-wide {
-  width: 100%;
-  max-width: var(--supabase-wide-width);
-  margin: 0 auto;
-}
-
-.supabase-wide > :first-child {
-  margin-top: 0;
-}
-
-.supabase-wide > :last-child {
-  margin-bottom: 0;
-}
-
-.supabase-mark {
-  flex-shrink: 0;
-}
-
-h1,
-h2,
-h3,
-p,
-ul,
-ol,
-blockquote,
-pre,
-table {
-  margin: 0;
-}
-
-h1 {
-  color: var(--supabase-heading);
-  font-size: clamp(2.8rem, 6vw, 3rem);
-  font-weight: 800;
-  line-height: 1.1;
-  letter-spacing: -0.03em;
-}
-
-h2 {
-  color: var(--supabase-heading);
-  font-size: clamp(2rem, 4vw, 2.2rem);
-  font-weight: 700;
-  letter-spacing: -0.02em;
-}
-
-h3 {
-  color: var(--supabase-accent);
-  font-size: 1.35rem;
-  font-weight: 600;
-  letter-spacing: -0.01em;
-}
-
-p,
-li,
-blockquote {
-  color: #cccccc;
-  font-size: 1.15rem;
-  line-height: 1.7;
-}
-
-.supabase-slide-inner > * + * {
-  margin-top: 20px;
-}
-
-.supabase-list,
-.supabase-list-ordered {
-  padding-left: 1.2em;
-}
-
-.supabase-list > li + li,
-.supabase-list-ordered > li + li {
-  margin-top: 0.5em;
-}
-
-.green {
-  color: var(--supabase-accent);
-}
-
-.bold {
-  color: var(--supabase-heading);
-  font-weight: 600;
-}
-
-.dim {
-  color: var(--supabase-muted);
-}
-
-.highlight {
-  border-radius: 4px;
-  background: rgba(62, 207, 142, 0.12);
-  padding: 2px 8px;
-  color: var(--supabase-accent);
-}
-
-.mono {
-  font-family: "SF Mono", "Fira Code", monospace;
-  font-size: 0.95em;
-}
-
-.strikethrough {
-  color: var(--supabase-dim);
-  text-decoration: line-through;
-}
-
-.divider {
-  width: 60px;
-  height: 3px;
-  border-radius: 999px;
-  background: var(--supabase-accent);
-}
-
-.center-divider {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.tag {
-  display: inline-block;
-  margin-bottom: 16px;
-  border: 1px solid rgba(62, 207, 142, 0.4);
-  border-radius: 4px;
-  padding: 3px 10px;
-  color: var(--supabase-accent);
-  font-size: 0.75rem;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-}
-
-.tag.red {
-  border-color: rgba(255, 107, 107, 0.4);
-  color: #ff6b6b;
-}
-
-.tag.yellow {
-  border-color: rgba(255, 200, 50, 0.4);
-  color: #ffc832;
-}
-
-.row {
-  display: grid;
-  width: 100%;
-  grid-template-columns: repeat(var(--supabase-columns, 3), minmax(0, 1fr));
-  gap: 24px;
-}
-
-.card,
-.stat {
-  border: 1px solid var(--supabase-border);
-  border-radius: 12px;
-  padding: 28px 32px;
-}
-
-.card > * + * {
-  margin-top: 12px;
-}
-
-.card h3.tone-red {
-  color: #ff6b6b;
-}
-
-.card h3.tone-yellow {
-  color: #ffc832;
-}
-
-.card p,
-.card li {
-  font-size: 1.05rem;
-}
-
-.stat-grid {
-  display: grid;
-  width: 100%;
-  grid-template-columns: repeat(var(--supabase-columns, 2), minmax(0, 1fr));
-  gap: 20px;
-}
-
-.stat-value {
-  margin-bottom: 6px;
-  color: var(--supabase-accent);
-  font-size: 2.6rem;
-  font-weight: 800;
-  line-height: 1;
-  letter-spacing: -0.03em;
-}
-
-.stat-label {
-  color: var(--supabase-muted);
-  font-size: 0.95rem;
-}
-
-.status-list {
-  display: flex;
-  flex-direction: column;
-  gap: 13px;
-}
-
-.status-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.status-name {
-  min-width: 145px;
-  color: var(--supabase-foreground);
-  font-size: 1rem;
-  font-weight: 600;
-}
-
-.status-note {
-  color: #666666;
-  font-size: 0.88rem;
-}
-
-.status-badge {
-  display: inline-block;
-  width: 68px;
-  flex-shrink: 0;
-  border-radius: 3px;
-  padding: 2px 0;
-  text-align: center;
-  font-size: 0.66rem;
-  font-weight: 700;
-  letter-spacing: 0.07em;
-  text-transform: uppercase;
-}
-
-.status-badge.live {
-  background: rgba(62, 207, 142, 0.13);
-  color: var(--supabase-accent);
-}
-
-.status-badge.partial {
-  background: rgba(255, 200, 50, 0.13);
-  color: #ffc832;
-}
-
-.status-badge.planned,
-.status-badge.unknown {
-  background: rgba(255, 255, 255, 0.05);
-  color: var(--supabase-dim);
-}
-
-.supabase-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-top: 8px;
-}
-
-.supabase-th {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-  padding: 10px 16px;
-  color: var(--supabase-dim);
-  text-align: left;
-  font-size: 0.8rem;
-  font-weight: 600;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
-.supabase-td {
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-  padding: 14px 16px;
-  vertical-align: top;
-  color: #cccccc;
-  font-size: 1.05rem;
-}
-
-.supabase-table tr:last-child .supabase-td {
-  border-bottom: none;
-}
-
-.supabase-link {
-  color: var(--supabase-accent);
-}
-
-.supabase-inline-code {
-  border-radius: 4px;
-  background: rgb(54, 54, 54);
-  padding: 2px 8px;
-  color: var(--supabase-foreground);
-  font-family: "SF Mono", "Fira Code", monospace;
-  font-size: 0.95em;
-}
-
-.supabase-pre {
-  overflow-x: auto;
-  border: 1px solid var(--supabase-border);
-  border-radius: 12px;
-  background: rgba(255, 255, 255, 0.04);
-  padding: 22px 24px;
-}
-
-.supabase-pre code {
-  background: transparent;
-  padding: 0;
-}
-
-.supabase-quote {
-  border-left: 3px solid rgba(62, 207, 142, 0.45);
-  padding-left: 16px;
-  color: var(--supabase-muted);
-}
-
-.supabase-footer {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  height: var(--supabase-footer-height);
-  align-items: center;
-  gap: 16px;
-  border-top: 1px solid var(--supabase-footer-border);
-  background: rgba(8, 8, 8, 0.95);
-  padding: 0 32px;
-  backdrop-filter: blur(8px);
-}
-
-.supabase-breadcrumb {
-  display: flex;
-  min-width: 0;
-  flex: 1;
-  align-items: center;
-  gap: 8px;
-  overflow: hidden;
-}
-
-.supabase-breadcrumb-item {
-  position: relative;
-  border: 0;
-  background: transparent;
-  padding: 0;
-  color: var(--supabase-dim);
-  white-space: nowrap;
-  cursor: pointer;
-  font-size: 0.78rem;
-  font-weight: 500;
-  letter-spacing: 0.04em;
-  transition: color 0.15s ease;
-}
-
-.supabase-breadcrumb-item:hover {
-  color: #aaaaaa;
-}
-
-.supabase-breadcrumb-item.active {
-  color: var(--supabase-accent);
-}
-
-.supabase-breadcrumb-item + .supabase-breadcrumb-item::before {
-  content: "/";
-  margin-right: 8px;
-  color: #333333;
-}
-
-.supabase-counter {
-  flex-shrink: 0;
-  color: #444444;
-  font-size: 0.78rem;
-  font-variant-numeric: tabular-nums;
-}
-
-.supabase-print-deck {
-  background: var(--supabase-background);
-}
-
-.supabase-slide-print {
-  min-height: 100vh;
-  break-after: page;
-  page-break-after: always;
-}
-
-@media (max-width: 960px) {
-  body {
-    overflow: auto;
-  }
-
-  .supabase-slide {
-    min-height: auto;
-    padding: 32px 24px 88px;
-  }
-
-  .row,
-  .stat-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .supabase-footer {
-    padding: 0 20px;
-  }
-
-  .status-item {
-    flex-wrap: wrap;
-  }
-}
-
-@media print {
-  @page {
-    size: landscape;
-    margin: 0;
-  }
-
-  body {
-    overflow: visible;
-  }
-
-  .supabase-footer {
-    display: none;
-  }
-
-  .supabase-slide,
-  .supabase-slide-print {
-    min-height: 100vh;
-    padding-bottom: 48px;
-  }
-}

package/dist/runtime/utils/use-current-slide.js

@@ -1,19 +0,0 @@
-export function parseAspectRatio(input) {
-    const value = String(input ?? "16:9");
-    const parts = value.split(":").map((part) => Number(part.trim()));
-    if (parts.length !== 2 ||
-        parts.some((part) => !Number.isFinite(part) || part <= 0)) {
-        return "16 / 9";
-    }
-    return `${parts[0]} / ${parts[1]}`;
-}
-export function clamp(value, min, max) {
-    return Math.min(max, Math.max(min, value));
-}
-export function getHashIndex(total) {
-    const raw = Number(window.location.hash.replace("#", ""));
-    if (!Number.isFinite(raw) || raw < 1) {
-        return 0;
-    }
-    return clamp(raw - 1, 0, Math.max(total - 1, 0));
-}