supadeck 0.0.1

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

@@ -0,0 +1,65 @@
+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

@@ -0,0 +1,80 @@
+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/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/runtime/themes/supabase/components.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAI9B,SAAS,EAAE,CAAC,GAAG,MAAgD;IAC7D,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC;AAMD,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,iBAAiB,GAAG,GAAG,EAAE,UAAU,CAAC;IAC1C,MAAM,gBAAgB,GAAG,GAAG,EAAE,SAAS,CAAC;IACxC,MAAM,UAAU,GACd,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QAC3B,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEhC,OAAO,CACL,eACE,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KACrC,UAAU,KACV,KAAK,aAET,eACE,CAAC,EAAC,mKAAmK,EACrK,IAAI,EAAE,QAAQ,iBAAiB,GAAG,GAClC,EACF,eACE,CAAC,EAAC,mKAAmK,EACrK,IAAI,EAAE,QAAQ,gBAAgB,GAAG,EACjC,WAAW,EAAC,KAAK,GACjB,EACF,eACE,CAAC,EAAC,yJAAyJ,EAC3J,IAAI,EAAC,SAAS,GACd,EACF,2BACE,0BACE,EAAE,EAAE,iBAAiB,EACrB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,QAAQ,EACX,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAE,gBAAgB,EACpB,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,QAAQ,EACX,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,aAE9B,gBAAQ,EACR,eAAM,MAAM,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,GAAG,IACpB,IACZ,IACH,CACP,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqB;IACrE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACnF,CAAC;AAOD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAgB;IACnE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,IAAI,gBAAgB,EAAE,SAAS,CAAC,iBAAc,MAAM,GAAG,CAAC;AACvG,CAAC;AAQD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAY;IACrE,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,SAAS,IAAI,IAAI,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAQ,CAAC;AAC9F,CAAC;AAOD,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAa;IACrD,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AAC1E,CAAC;AAQD,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAiB;IAC1E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAyB,YAEtE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAa;IAC9E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACnC,aAAI,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,IAAI,QAAQ,IAAI,EAAE,CAAC,YAAG,KAAK,GAAM,EACrE,wBAAM,QAAQ,GAAO,IACjB,CACP,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAiB;IAC1E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAyB,YAEtE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAa;IACzD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACnC,cAAK,SAAS,EAAC,YAAY,YAAE,KAAK,GAAO,EACzC,cAAK,SAAS,EAAC,YAAY,YAAE,KAAK,GAAO,IACrC,CACP,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAmB;IACjE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACxE,CAAC;AASD,MAAM,aAAa,GAA8C;IAC/D,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,GAAG;CACb,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAmB;IAC3E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,aAC1C,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,YAAG,aAAa,CAAC,MAAM,CAAC,GAAQ,EAC3E,eAAM,SAAS,EAAC,aAAa,YAAE,IAAI,GAAQ,EAC1C,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,aAAa,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,OAAO;QACL,EAAE,EAAE,CAAC,KAAiC,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;QAC5D,EAAE,EAAE,CAAC,KAAiC,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;QAC5D,EAAE,EAAE,CAAC,KAAiC,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;QAC5D,CAAC,EAAE,CAAC,KAAgC,EAAE,EAAE,CAAC,eAAO,KAAK,GAAI;QACzD,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B,EAAE,EAAE,CAAC,CACzD,YAAG,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5D;QACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAE,EAAE,CAAC,CAC3D,aAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC7D;QACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAE,EAAE,CAAC,CAC3D,aAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACtF;QACD,EAAE,EAAE,CAAC,KAAiC,EAAE,EAAE,CAAC,gBAAQ,KAAK,GAAI;QAC5D,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC,EAAE,EAAE,CAAC,CAC/D,eAAM,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACtE;QACD,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAE,EAAE,CAAC,CAC7D,cAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC7D;QACD,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC,EAAE,EAAE,CAAC,CACjE,gBAAO,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACjE;QACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAE,EAAE,CAAC,CAC3D,aAAI,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC3D;QACD,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,EAAE,EAAE,CAAC,CAC3D,aAAI,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC3D;QACD,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsC,EAAE,EAAE,CAAC,CAC3E,qBAAY,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACtE;QACD,YAAY;QACZ,YAAY;QACZ,OAAO;QACP,GAAG;QACH,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,UAAU;QACV,UAAU;KACX,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,17 @@
+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/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/themes/supabase/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,aAAa,CAAC;AAErB,MAAM,aAAa,GAAgB;IACjC,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,wBAAwB,EAAE;IACtC,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE;QACpC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;QACpG,WAAW,CAAC,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC;QAC7D,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC;QAEvC,OAAO,GAAG,EAAE;YACV,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,523 @@
+@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;
+  }
+}