@dtsports/design-system 0.2.0

package/dist/marketing/prose.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+/**
+ * Prose — typographic wrapper for long-form marketing/blog/legal content
+ * (rendered markdown, CMS HTML). Styles descendant headings, paragraphs,
+ * lists, links, and code without requiring @tailwindcss/typography.
+ *
+ *   <Prose dangerouslySetInnerHTML={{ __html: post.html }} />
+ *   <Prose>{children}</Prose>
+ */
+export type ProseProps = React.HTMLAttributes<HTMLDivElement>;
+export declare function Prose({ className, ...props }: ProseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=prose.d.ts.map

package/dist/marketing/prose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../src/marketing/prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9D,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CA+BxD"}

package/dist/marketing/prose.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export function Prose({ className, ...props }) {
+    return (_jsx("div", { className: cn("max-w-2xl text-md leading-relaxed text-foreground", 
+        // Headings
+        "[&_h1]:text-display-sm [&_h1]:font-bold [&_h1]:mt-10 [&_h1]:mb-4", "[&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:mt-10 [&_h2]:mb-3", "[&_h3]:text-xl [&_h3]:font-semibold [&_h3]:mt-8 [&_h3]:mb-2", "[&_h4]:text-lg [&_h4]:font-semibold [&_h4]:mt-6 [&_h4]:mb-2", 
+        // Body
+        "[&_p]:my-4 [&_p]:text-text-muted", "[&_strong]:font-semibold [&_strong]:text-foreground", 
+        // Links — underlined (color is not the only signal)
+        "[&_a]:text-brand-forest [&_a]:underline [&_a]:underline-offset-4 hover:[&_a]:text-brand-forest/80", 
+        // Lists
+        "[&_ul]:my-4 [&_ul]:list-disc [&_ul]:pl-6 [&_ul]:text-text-muted", "[&_ol]:my-4 [&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:text-text-muted", "[&_li]:my-1.5", 
+        // Quotes, rules, code
+        "[&_blockquote]:my-6 [&_blockquote]:border-l-2 [&_blockquote]:border-brand-forest [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-text-muted", "[&_hr]:my-8 [&_hr]:border-border", "[&_code]:font-mono [&_code]:text-sm [&_code]:bg-bg-muted [&_code]:rounded-sm [&_code]:px-1 [&_code]:py-0.5", "[&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded [&_pre]:border [&_pre]:border-border [&_pre]:bg-bg-subtle [&_pre]:p-4 [&_pre_code]:bg-transparent [&_pre_code]:p-0", 
+        // Media
+        "[&_img]:my-6 [&_img]:rounded [&_img]:border [&_img]:border-border [&_img]:max-w-full", className), ...props }));
+}
+//# sourceMappingURL=prose.js.map

package/dist/marketing/prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../src/marketing/prose.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAYlC,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACvD,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,mDAAmD;QACnD,WAAW;QACX,kEAAkE,EAClE,+DAA+D,EAC/D,6DAA6D,EAC7D,6DAA6D;QAC7D,OAAO;QACP,kCAAkC,EAClC,qDAAqD;QACrD,oDAAoD;QACpD,mGAAmG;QACnG,QAAQ;QACR,iEAAiE,EACjE,oEAAoE,EACpE,eAAe;QACf,sBAAsB;QACtB,2JAA2J,EAC3J,kCAAkC,EAClC,4GAA4G,EAC5G,yKAAyK;QACzK,QAAQ;QACR,sFAAsF,EACtF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/marketing/section.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+/**
+ * Section — a marketing page band with the generous spacing scale.
+ * Provides the id/heading wiring for skip-navigation and deep links.
+ *
+ *   <Section id="how-it-works" eyebrow="How it works"
+ *            title="Three taps to kickoff">
+ *     …cards / feature grid…
+ *   </Section>
+ */
+export interface SectionProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    id: string;
+    eyebrow?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Center the header block (default start-aligned). */
+    centered?: boolean;
+    /** Subtle alternating background. */
+    tone?: "default" | "subtle";
+}
+export declare function Section({ id, eyebrow, title, description, centered, tone, className, children, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=section.d.ts.map

package/dist/marketing/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../src/marketing/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;GAQG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,2CAwCd"}

package/dist/marketing/section.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export function Section({ id, eyebrow, title, description, centered = false, tone = "default", className, children, ...props }) {
+    const headingId = title ? `${id}-title` : undefined;
+    return (_jsx("section", { id: id, "aria-labelledby": headingId, className: cn("px-6 lg:px-8 py-20 md:py-24 scroll-mt-16", tone === "subtle" && "bg-bg-subtle", className), ...props, children: _jsxs("div", { className: "mx-auto max-w-5xl", children: [(eyebrow || title || description) && (_jsxs("div", { className: cn("mb-12 max-w-2xl", centered && "mx-auto text-center"), children: [eyebrow && (_jsx("p", { className: "mb-3 text-sm font-semibold uppercase tracking-[0.08em] text-brand-forest", children: eyebrow })), title && (_jsx("h2", { id: headingId, className: "text-display-sm font-bold text-foreground text-balance", children: title })), description && (_jsx("p", { className: "mt-4 text-lg text-text-muted", children: description }))] })), children] }) }));
+}
+//# sourceMappingURL=section.js.map

package/dist/marketing/section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../src/marketing/section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAyBlC,MAAM,UAAU,OAAO,CAAC,EACtB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACK;IACb,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,OAAO,CACL,kBACE,EAAE,EAAE,EAAE,qBACW,SAAS,EAC1B,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,IAAI,KAAK,QAAQ,IAAI,cAAc,EACnC,SAAS,CACV,KACG,KAAK,YAET,eAAK,SAAS,EAAC,mBAAmB,aAC/B,CAAC,OAAO,IAAI,KAAK,IAAI,WAAW,CAAC,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,QAAQ,IAAI,qBAAqB,CAAC,aAElE,OAAO,IAAI,CACV,YAAG,SAAS,EAAC,0EAA0E,YACpF,OAAO,GACN,CACL,EACA,KAAK,IAAI,CACR,aACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAC,wDAAwD,YAEjE,KAAK,GACH,CACN,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAK,CAC9D,IACG,CACP,EACA,QAAQ,IACL,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/showcase/components/code-block.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Code block with copy-to-clipboard. No syntax highlighting (intentional —
+ * the design system stays decoration-free; we can layer Shiki later if needed).
+ */
+export interface CodeBlockProps {
+    code: string;
+    language?: string;
+    className?: string;
+}
+export declare function CodeBlock({ code, language, className }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-block.d.ts.map

package/dist/showcase/components/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/code-block.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAiDtE"}

package/dist/showcase/components/code-block.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, Copy } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+export function CodeBlock({ code, language, className }) {
+    const [copied, setCopied] = React.useState(false);
+    const onCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(code);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1500);
+        }
+        catch {
+            /* ignore */
+        }
+    };
+    return (_jsxs("div", { className: cn("relative rounded border border-border bg-bg-subtle", className), children: [language && (_jsx("div", { className: "flex items-center justify-between border-b border-border px-3 py-1.5", children: _jsx("span", { className: "text-[10px] font-medium uppercase tracking-[0.04em] text-text-muted", children: language }) })), _jsx("button", { type: "button", onClick: onCopy, "aria-label": copied ? "Copied" : "Copy code", className: cn("absolute right-2 top-2 inline-flex h-6 w-6 items-center justify-center rounded-sm text-text-muted", "transition-colors hover:bg-bg-muted hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", language && "top-7"), children: copied ? (_jsx(Check, { className: "h-3.5 w-3.5", strokeWidth: 2 })) : (_jsx(Copy, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })) }), _jsx("pre", { className: "overflow-x-auto scrollbar-thin px-3 py-2.5 text-xs leading-relaxed", children: _jsx("code", { className: "font-mono text-foreground", children: code }) })] }));
+}
+//# sourceMappingURL=code-block.js.map

package/dist/showcase/components/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../../src/showcase/components/code-block.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAYrC,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAkB;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACxB,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;QAAC,MAAM,CAAC;YACP,YAAY;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,aAEA,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sEAAsE,YACnF,eAAM,SAAS,EAAC,qEAAqE,YAClF,QAAQ,GACJ,GACH,CACP,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,gBACH,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAC3C,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,2DAA2D,EAC3D,yEAAyE,EACzE,QAAQ,IAAI,OAAO,CACpB,YAEA,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,IAAI,GAAI,CACpD,GACM,EACT,cAAK,SAAS,EAAC,oEAAoE,YACjF,eAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAQ,GACrD,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/showcase/components/example.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+/**
+ * Example renders a labeled preview + code block side-by-side (or stacked
+ * on narrow screens). Used throughout the design system docs.
+ */
+export declare function Example({ label, children, className, }: {
+    label?: string;
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Two-column grid: preview on the left, code on the right. */
+export declare function PreviewCode({ preview, code, }: {
+    preview: React.ReactNode;
+    code: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=example.d.ts.map

package/dist/showcase/components/example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAaA;AAED,+DAA+D;AAC/D,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,2CASA"}

package/dist/showcase/components/example.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+/**
+ * Example renders a labeled preview + code block side-by-side (or stacked
+ * on narrow screens). Used throughout the design system docs.
+ */
+export function Example({ label, children, className, }) {
+    return (_jsxs("div", { className: cn("space-y-2", className), children: [label && (_jsx("div", { className: "text-xs font-medium uppercase tracking-[0.04em] text-text-muted", children: label })), _jsx("div", { className: "rounded border border-border bg-background p-5", children: children })] }));
+}
+/** Two-column grid: preview on the left, code on the right. */
+export function PreviewCode({ preview, code, }) {
+    return (_jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsx("div", { className: "rounded border border-border bg-background p-5 flex items-center justify-center min-h-[120px]", children: preview }), _jsx("div", { children: code })] }));
+}
+//# sourceMappingURL=example.js.map

package/dist/showcase/components/example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../src/showcase/components/example.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,GAKV;IACC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aACvC,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,iEAAiE,YAC7E,KAAK,GACF,CACP,EACD,cAAK,SAAS,EAAC,gDAAgD,YAC5D,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC;AAED,+DAA+D;AAC/D,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,GAIL;IACC,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,+FAA+F,YAC3G,OAAO,GACJ,EACN,wBAAM,IAAI,GAAO,IACb,CACP,CAAC;AACJ,CAAC"}

package/dist/showcase/components/section.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+/**
+ * Section wrapper for the design system docs.
+ * Renders an id-anchored heading with description and content body.
+ */
+export interface DocSectionProps {
+    id: string;
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function DocSection({ id, title, description, children, className, }: DocSectionProps): import("react/jsx-runtime").JSX.Element;
+/** Subsection within a DocSection. */
+export declare function DocSubsection({ title, description, children, className, }: {
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=section.d.ts.map

package/dist/showcase/components/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CAyBjB;AAED,sCAAsC;AACtC,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAUA"}

package/dist/showcase/components/section.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+export function DocSection({ id, title, description, children, className, }) {
+    return (_jsxs("section", { id: id, "aria-labelledby": `${id}-title`, className: cn("scroll-mt-16 py-10 border-t border-border", className), children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { id: `${id}-title`, className: "text-xl font-semibold tracking-[-0.01em] text-foreground", children: _jsx("a", { href: `#${id}`, className: "hover:text-brand-forest no-underline", children: title }) }), description && (_jsx("p", { className: "mt-1.5 text-sm text-text-muted max-w-2xl", children: description }))] }), _jsx("div", { className: "space-y-6", children: children })] }));
+}
+/** Subsection within a DocSection. */
+export function DocSubsection({ title, description, children, className, }) {
+    return (_jsxs("div", { className: cn("", className), children: [_jsx("h3", { className: "text-md font-semibold mb-1.5", children: title }), description && (_jsx("p", { className: "text-sm text-text-muted mb-3 max-w-2xl", children: description })), children] }));
+}
+//# sourceMappingURL=section.js.map

package/dist/showcase/components/section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../src/showcase/components/section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAcrC,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACO;IAChB,OAAO,CACL,mBACE,EAAE,EAAE,EAAE,qBACW,GAAG,EAAE,QAAQ,EAC9B,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,aAErE,eAAK,SAAS,EAAC,MAAM,aACnB,aACE,EAAE,EAAE,GAAG,EAAE,QAAQ,EACjB,SAAS,EAAC,0DAA0D,YAEpE,YAAG,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,sCAAsC,YAChE,KAAK,GACJ,GACD,EACJ,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,0CAA0C,YACpD,WAAW,GACV,CACL,IACG,EACN,cAAK,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAO,IACnC,CACX,CAAC;AACJ,CAAC;AAED,sCAAsC;AACtC,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GAMV;IACC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,aAC/B,aAAI,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAM,EACxD,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,wCAAwC,YAAE,WAAW,GAAK,CACxE,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/showcase/components/swatch.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Color swatch used in the design system docs.
+ * Renders a color tile with token name + value below.
+ */
+export interface SwatchProps {
+    token: string;
+    /** Tailwind class for the background (e.g. "bg-brand-lime") */
+    bg: string;
+    /** Color value to display (e.g. "#B4D334" or "hsl(72 65% 52%)") */
+    value: string;
+    /** Optional: text color sample to show on top of the swatch */
+    textSample?: "white" | "black" | "none";
+    /** Optional: contrast ratio note */
+    contrast?: string;
+}
+export declare function Swatch({ token, bg, value, textSample, contrast, }: SwatchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=swatch.d.ts.map

package/dist/showcase/components/swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../../src/showcase/components/swatch.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACxC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,EAAE,EACF,KAAK,EACL,UAAmB,EACnB,QAAQ,GACT,EAAE,WAAW,2CA2Bb"}

package/dist/showcase/components/swatch.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+export function Swatch({ token, bg, value, textSample = "none", contrast, }) {
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: cn("h-16 rounded border border-border flex items-center justify-center", bg), children: textSample !== "none" && (_jsx("span", { className: cn("text-sm font-medium", textSample === "white" ? "text-white" : "text-black"), children: "Aa" })) }), _jsxs("div", { className: "mt-1.5 text-xs", children: [_jsx("div", { className: "font-medium text-foreground", children: token }), _jsx("div", { className: "text-text-muted font-mono tabular", children: value }), contrast && _jsx("div", { className: "text-text-subtle mt-0.5", children: contrast })] })] }));
+}
+//# sourceMappingURL=swatch.js.map

package/dist/showcase/components/swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.js","sourceRoot":"","sources":["../../../src/showcase/components/swatch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAkBrC,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,EACL,EAAE,EACF,KAAK,EACL,UAAU,GAAG,MAAM,EACnB,QAAQ,GACI;IACZ,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,cACE,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,EAAE,CACH,YAEA,UAAU,KAAK,MAAM,IAAI,CACxB,eACE,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CACrD,mBAGI,CACR,GACG,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAO,EAC1D,cAAK,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAO,EAC/D,QAAQ,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IAClE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/showcase/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Mountable design-system documentation page.
+ *
+ * Default export is the page component itself, so consumers can wire it
+ * up as a Next.js page in one line:
+ *
+ *   // apps/<your-app>/app/design-system/page.tsx
+ *   export { default } from "@dtsports/design-system/showcase";
+ *
+ * Or used as a regular component anywhere:
+ *
+ *   import { DesignSystemPage } from "@dtsports/design-system/showcase";
+ *   <DesignSystemPage />
+ */
+export { default } from "./page.js";
+export { default as DesignSystemPage } from "./page.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/showcase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/showcase/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/showcase/index.js

@@ -0,0 +1,17 @@
+/**
+ * Mountable design-system documentation page.
+ *
+ * Default export is the page component itself, so consumers can wire it
+ * up as a Next.js page in one line:
+ *
+ *   // apps/<your-app>/app/design-system/page.tsx
+ *   export { default } from "@dtsports/design-system/showcase";
+ *
+ * Or used as a regular component anywhere:
+ *
+ *   import { DesignSystemPage } from "@dtsports/design-system/showcase";
+ *   <DesignSystemPage />
+ */
+export { default } from "./page.js";
+export { default as DesignSystemPage } from "./page.js";
+//# sourceMappingURL=index.js.map

package/dist/showcase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/showcase/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/showcase/page.d.ts

@@ -0,0 +1,2 @@
+export default function DesignSystemPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page.d.ts.map

package/dist/showcase/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/showcase/page.tsx"],"names":[],"mappings":"AAiQA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAiNvC"}