@docubook/mdx-content 1.0.0

package/dist/components/KeyboardMdx.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from "react";
+type KeyboardMdxProps = {
+    show?: string;
+    type?: "window" | "mac";
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+export declare function KbdMdx({ show, type, children, style }: KeyboardMdxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=KeyboardMdx.d.ts.map

package/dist/components/KeyboardMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardMdx.d.ts","sourceRoot":"","sources":["../../src/components/KeyboardMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,KAAK,gBAAgB,GAAG;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAuCF,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,IAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAKlF"}

package/dist/components/KeyboardMdx.jsx

@@ -0,0 +1,41 @@
+const wrapperStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    border: "1px solid hsl(var(--border, 210 14% 94%))",
+    borderBottomWidth: 2,
+    borderRadius: 8,
+    background: "hsl(var(--muted, 210 12% 96%))",
+    color: "hsl(var(--foreground, 222 12% 12%))",
+    minWidth: "1.9rem",
+    height: "1.7rem",
+    padding: "0 0.45rem",
+    fontSize: "0.8rem",
+    fontWeight: 600,
+    lineHeight: 1,
+};
+const aliases = {
+    cmd: "Cmd",
+    ctrl: "Ctrl",
+    shift: "Shift",
+    alt: "Alt",
+    option: "Option",
+    enter: "Enter",
+    esc: "Esc",
+    up: "↑",
+    down: "↓",
+    left: "←",
+    right: "→",
+};
+function normalize(show, children) {
+    if (typeof children === "string" && children.trim())
+        return children;
+    const token = (show || "").toLowerCase();
+    return aliases[token] || show || "Key";
+}
+export function KbdMdx({ show, type = "window", children, style }) {
+    const label = normalize(show, children);
+    const prefix = type === "mac" && label === "Ctrl" ? "Cmd" : label;
+    return <kbd style={{ ...wrapperStyle, ...style }}>{prefix}</kbd>;
+}
+//# sourceMappingURL=KeyboardMdx.jsx.map

package/dist/components/KeyboardMdx.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardMdx.jsx","sourceRoot":"","sources":["../../src/components/KeyboardMdx.tsx"],"names":[],"mappings":"AASA,MAAM,YAAY,GAAkB;IAChC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,2CAA2C;IACnD,iBAAiB,EAAE,CAAC;IACpB,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,gCAAgC;IAC5C,KAAK,EAAE,qCAAqC;IAC5C,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,CAAC;CAChB,CAAC;AAEF,MAAM,OAAO,GAA2B;IACpC,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;CACb,CAAC;AAEF,SAAS,SAAS,CAAC,IAAa,EAAE,QAAoB;IAClD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE;QAAE,OAAO,QAAQ,CAAC;IACrE,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IACzC,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAoB;IAC/E,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAElE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC;AACrE,CAAC"}

package/dist/components/LinkMdx.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from "react";
+export type LinkMdxProps = ComponentProps<"a">;
+export declare function LinkMdx({ href, rel, target, ...props }: LinkMdxProps): import("react").JSX.Element | null;
+//# sourceMappingURL=LinkMdx.d.ts.map

package/dist/components/LinkMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkMdx.d.ts","sourceRoot":"","sources":["../../src/components/LinkMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAE/C,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,sCAQpE"}

package/dist/components/LinkMdx.jsx

@@ -0,0 +1,9 @@
+export function LinkMdx({ href, rel, target, ...props }) {
+    if (!href)
+        return null;
+    const external = /^https?:\/\//.test(href);
+    const computedTarget = target ?? (external ? "_blank" : undefined);
+    const computedRel = rel ?? (external ? "noopener noreferrer" : undefined);
+    return <a href={href} target={computedTarget} rel={computedRel} {...props}/>;
+}
+//# sourceMappingURL=LinkMdx.jsx.map

package/dist/components/LinkMdx.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkMdx.jsx","sourceRoot":"","sources":["../../src/components/LinkMdx.tsx"],"names":[],"mappings":"AAIA,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgB;IACjE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClF,CAAC"}

package/dist/components/NoteMdx.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
+import { IconProp } from "./IconMdx";
+type NoteType = "note" | "danger" | "warning" | "success" | "info" | "tip";
+type NoteMdxProps = HTMLAttributes<HTMLElement> & {
+    type?: NoteType;
+    title?: string;
+    icon?: IconProp;
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+export declare function NoteMdx({ type, title, icon, children, style, className, ...props }: NoteMdxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=NoteMdx.d.ts.map

package/dist/components/NoteMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteMdx.d.ts","sourceRoot":"","sources":["../../src/components/NoteMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAA+B,MAAM,WAAW,CAAC;AAElE,KAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC;AAE3E,KAAK,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAqDF,wBAAgB,OAAO,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAkDzG"}

package/dist/components/NoteMdx.jsx

@@ -0,0 +1,87 @@
+import { resolveLucideIcon } from "./IconMdx";
+const palette = {
+    note: {
+        border: "hsl(var(--primary, 210 81% 56%))",
+        bg: "hsl(var(--primary, 210 81% 56%) / 0.16)",
+        text: "hsl(var(--foreground, 220 30% 15%))",
+        header: "hsl(var(--primary, 210 81% 56%))",
+        content: "hsl(var(--primary, 210 81% 56%) / 0.75)",
+        defaultIcon: "Info",
+    },
+    danger: {
+        border: "hsl(var(--destructive, 0 85% 60%))",
+        bg: "hsl(var(--destructive, 0 85% 60%) / 0.16)",
+        text: "hsl(var(--foreground, 220 30% 15%))",
+        header: "hsl(var(--destructive, 0 85% 60%))",
+        content: "hsl(var(--destructive, 0 85% 60%) / 0.75)",
+        defaultIcon: "Siren",
+    },
+    warning: {
+        border: "hsl(36 100% 56%)",
+        bg: "rgba(249, 115, 22, 0.14)",
+        text: "hsl(24 100% 18%)",
+        header: "hsl(36 100% 56%)",
+        content: "hsl(36 100% 56% / 0.75)",
+        defaultIcon: "AlertTriangle",
+    },
+    success: {
+        border: "hsl(145 63% 42%)",
+        bg: "hsl(145 63% 42% / 0.16)",
+        text: "hsl(var(--foreground, 220 30% 15%))",
+        header: "hsl(145 63% 42%)",
+        content: "hsl(145 63% 42% / 0.75)",
+        defaultIcon: "CheckCircle2",
+    },
+    info: {
+        border: "hsl(var(--primary, 210 81% 56%))",
+        bg: "hsl(var(--primary, 210 81% 56%) / 0.16)",
+        text: "hsl(var(--foreground, 220 30% 15%))",
+        header: "hsl(var(--primary, 210 81% 56%))",
+        content: "hsl(var(--primary, 210 81% 56%) / 0.75)",
+        defaultIcon: "Info",
+    },
+    tip: {
+        border: "hsl(137 50% 35%)",
+        bg: "hsl(137 50% 35% / 0.16)",
+        text: "hsl(var(--foreground, 220 30% 15%))",
+        header: "hsl(137 50% 35%)",
+        content: "hsl(137 50% 35% / 0.75)",
+        defaultIcon: "Lightbulb",
+    },
+};
+export function NoteMdx({ type = "note", title, icon, children, style, className, ...props }) {
+    const token = palette[type];
+    const normalizedIcon = typeof icon === "string" ? icon.trim() : icon;
+    const normalizedTitle = typeof title === "string" ? title.trim() : title;
+    const resolvedIcon = resolveLucideIcon(normalizedIcon || token.defaultIcon);
+    const fallbackTitle = normalizedTitle || type.charAt(0).toUpperCase() + type.slice(1);
+    return (<aside role="note" className={className} {...props} style={{
+            border: "1px solid transparent",
+            borderLeft: `4px solid ${token.border}`,
+            borderRadius: 10,
+            background: token.bg,
+            color: token.text,
+            padding: "0.5rem 1rem",
+            margin: "1rem 0",
+            boxShadow: "0 1px 2px rgba(15, 23, 42, 0.08)",
+            ...style,
+        }}>
+            {(fallbackTitle || resolvedIcon) ? (<div style={{ display: "flex", alignItems: "center", gap: "0.5rem", fontWeight: 700, marginBottom: "0.35rem", color: token.header }}>
+                    {resolvedIcon ? (<span aria-hidden="true" style={{
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: 20,
+                    height: 20,
+                    color: token.header,
+                }}>
+                            {resolvedIcon}
+                        </span>) : null}
+                    <span style={{ color: token.header }}>{fallbackTitle}</span>
+                </div>) : null}
+            <div style={{ color: token.content, lineHeight: 1.5 }}>
+                {children}
+            </div>
+        </aside>);
+}
+//# sourceMappingURL=NoteMdx.jsx.map

package/dist/components/NoteMdx.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteMdx.jsx","sourceRoot":"","sources":["../../src/components/NoteMdx.tsx"],"names":[],"mappings":"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"}

package/dist/components/ReleaseMdx.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, ReactNode } from "react";
+type ReleaseMdxProps = {
+    version: string;
+    date?: string;
+    title: string;
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+type ChangesMdxProps = {
+    type?: "added" | "changed" | "fixed" | "improved" | "deprecated" | "removed";
+    children?: ReactNode;
+};
+export declare function ReleaseMdx({ version, date, title, children, style }: ReleaseMdxProps): import("react").JSX.Element;
+export declare function ChangesMdx({ type, children }: ChangesMdxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ReleaseMdx.d.ts.map

package/dist/components/ReleaseMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseMdx.d.ts","sourceRoot":"","sources":["../../src/components/ReleaseMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,eAAe,GAAG;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAaF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,+BA8BpF;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAgB,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAyBzE"}

package/dist/components/ReleaseMdx.jsx

@@ -0,0 +1,56 @@
+import { AlertTriangle, PlusCircle, RefreshCw, Wrench, Zap, XCircle } from "lucide-react";
+const changeConfig = {
+    added: { label: "Added", color: "#14b8a6", icon: PlusCircle },
+    changed: { label: "Changed", color: "#f59e0b", icon: RefreshCw },
+    fixed: { label: "Fixed", color: "#ef4444", icon: Wrench },
+    improved: { label: "Improved", color: "#3b82f6", icon: Zap },
+    deprecated: { label: "Deprecated", color: "#f97316", icon: AlertTriangle },
+    removed: { label: "Removed", color: "#ec4899", icon: XCircle },
+};
+export function ReleaseMdx({ version, date, title, children, style }) {
+    const formattedDate = date
+        ? new Date(date).toLocaleDateString("en-US", {
+            year: "numeric",
+            month: "long",
+            day: "numeric",
+        })
+        : undefined;
+    const displayVersion = version.startsWith("v") ? version : `v${version}`;
+    return (<section style={{
+            border: "1px solid hsl(var(--border, 210 14% 94%))",
+            borderRadius: 12,
+            padding: "1rem",
+            margin: "1rem 0",
+            background: "hsl(var(--card, 0 0% 100%))",
+            ...style,
+        }}>
+            <div style={{ display: "flex", gap: "0.6rem", alignItems: "center", marginBottom: "0.5rem" }}>
+                <span style={{ fontWeight: 700, color: "hsl(var(--accent, 200 100% 40%))" }}>{displayVersion}</span>
+                {formattedDate ? <span style={{ color: "hsl(var(--muted-foreground, 215 20% 65%))" }}>{formattedDate}</span> : null}
+            </div>
+            <h3 style={{ margin: 0 }}>{title}</h3>
+            <div style={{ marginTop: "0.75rem" }}>{children}</div>
+        </section>);
+}
+export function ChangesMdx({ type = "changed", children }) {
+    const config = changeConfig[type] || changeConfig.changed;
+    const Icon = config.icon;
+    return (<div style={{ margin: "0.75rem 0" }}>
+            <span style={{
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "0.35rem",
+            borderRadius: 999,
+            padding: "0.2rem 0.55rem",
+            fontSize: "0.8rem",
+            fontWeight: 700,
+            color: config.color,
+            background: `${config.color}1f`,
+        }}>
+                <Icon size={13} aria-hidden="true"/>
+                {config.label}
+            </span>
+            <div style={{ marginTop: "0.45rem" }}>{children}</div>
+        </div>);
+}
+//# sourceMappingURL=ReleaseMdx.jsx.map

package/dist/components/ReleaseMdx.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseMdx.jsx","sourceRoot":"","sources":["../../src/components/ReleaseMdx.tsx"],"names":[],"mappings":"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"}

package/dist/components/StepperMdx.d.ts

@@ -0,0 +1,17 @@
+import { type CSSProperties, type HTMLAttributes, type LiHTMLAttributes, type ReactNode } from "react";
+type StepperMdxProps = HTMLAttributes<HTMLOListElement> & {
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+type StepperItemMdxProps = LiHTMLAttributes<HTMLLIElement> & {
+    title: string;
+    children?: ReactNode;
+    style?: CSSProperties;
+};
+type InternalStepperItemProps = StepperItemMdxProps & {
+    stepNumber?: number;
+};
+export declare function StepperMdx({ children, style, className, ...props }: StepperMdxProps): import("react").JSX.Element;
+export declare function StepperItemMdx({ title, children, style, className, ...props }: InternalStepperItemProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=StepperMdx.d.ts.map

package/dist/components/StepperMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperMdx.d.ts","sourceRoot":"","sources":["../../src/components/StepperMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,gBAAgB,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElK,KAAK,eAAe,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,KAAK,mBAAmB,GAAG,gBAAgB,CAAC,aAAa,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAGF,KAAK,wBAAwB,GAAG,mBAAmB,GAAG;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BA6CnF;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,+BA6DvG"}

package/dist/components/StepperMdx.jsx

@@ -0,0 +1,82 @@
+import { Children, cloneElement, isValidElement } from "react";
+export function StepperMdx({ children, style, className, ...props }) {
+    const items = Children.toArray(children);
+    return (<ol className={className} {...props} style={{
+            listStyle: "none",
+            position: "relative",
+            margin: "1.2rem 0",
+            padding: 0,
+            display: "grid",
+            gap: 0,
+            ...style,
+        }}>
+            {items.map((child, index) => {
+            if (!isValidElement(child)) {
+                return child;
+            }
+            const item = child;
+            return cloneElement(item, {
+                stepNumber: index + 1,
+            });
+        })}
+
+            {items.length > 1 ? (<span aria-hidden="true" style={{
+                position: "absolute",
+                left: "1.05rem",
+                top: "0.8rem",
+                bottom: "0.8rem",
+                width: 1,
+                background: "hsl(var(--border, 210 14% 87%))",
+                pointerEvents: "none",
+            }}/>) : null}
+        </ol>);
+}
+export function StepperItemMdx({ title, children, style, className, ...props }) {
+    const { stepNumber, ...liProps } = props;
+    return (<li className={className} {...liProps} style={{
+            position: "relative",
+            zIndex: 1,
+            width: "100%",
+            minWidth: 0,
+            boxSizing: "border-box",
+            marginLeft: "0.25rem",
+            paddingLeft: "2.6rem",
+            paddingBottom: "1.15rem",
+            ...style,
+        }}>
+            <span aria-hidden="true" style={{
+            position: "absolute",
+            left: 0,
+            top: 0,
+            width: stepNumber && stepNumber >= 10 ? "1.9rem" : "1.6rem",
+            height: "1.6rem",
+            borderRadius: 10,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontSize: "0.82rem",
+            fontWeight: 600,
+            color: "hsl(var(--muted-foreground, 215 20% 50%))",
+            background: "hsl(var(--muted, 210 12% 92%))",
+            border: "1px solid hsl(var(--border, 210 14% 86%))",
+        }}>
+                {stepNumber ?? "-"}
+            </span>
+
+            <div style={{ fontWeight: 700, fontSize: "1.02rem", lineHeight: 1.35, marginBottom: children ? "0.55rem" : 0, color: "hsl(var(--foreground, 222 12% 12%))" }}>
+                {title}
+            </div>
+            {children ? (<div style={{
+                color: "hsl(var(--muted-foreground, 215 20% 65%))",
+                display: "flow-root",
+                width: "100%",
+                minWidth: 0,
+                maxWidth: "100%",
+                overflowX: "auto",
+                overflowY: "hidden",
+            }}>
+                    {children}
+                </div>) : null}
+        </li>);
+}
+//# sourceMappingURL=StepperMdx.jsx.map

package/dist/components/StepperMdx.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperMdx.jsx","sourceRoot":"","sources":["../../src/components/StepperMdx.tsx"],"names":[],"mappings":"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"}

package/dist/components/TableMdx.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "react";
+export declare function TableMdx({ style, ...props }: TableHTMLAttributes<HTMLTableElement>): import("react").JSX.Element;
+export declare function TableHeaderMdx(props: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableBodyMdx(props: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableFooterMdx(props: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableRowMdx(props: HTMLAttributes<HTMLTableRowElement>): import("react").JSX.Element;
+export declare function TableHeadMdx(props: ThHTMLAttributes<HTMLTableCellElement>): import("react").JSX.Element;
+export declare function TableCellMdx(props: TdHTMLAttributes<HTMLTableCellElement>): import("react").JSX.Element;
+//# sourceMappingURL=TableMdx.d.ts.map

package/dist/components/TableMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableMdx.d.ts","sourceRoot":"","sources":["../../src/components/TableMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAkBpH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,+BAelF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAU5E;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAE1E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAW5E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,mBAAmB,CAAC,+BAErE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,+BAczE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,+BAEzE"}

package/dist/components/TableMdx.jsx

@@ -0,0 +1,57 @@
+const tableShellStyle = {
+    position: "relative",
+    width: "100%",
+    overflowX: "auto",
+    overflowY: "hidden",
+    border: "1px solid hsl(var(--border, 210 14% 94%))",
+    borderRadius: 10,
+    margin: "1rem 0",
+};
+const cellBaseStyle = {
+    padding: "0.6rem 0.75rem",
+    verticalAlign: "middle",
+    borderBottom: "1px solid hsl(var(--border, 210 14% 94%))",
+};
+export function TableMdx({ style, ...props }) {
+    return (<div style={{ ...tableShellStyle }}>
+            <table {...props} style={{
+            width: "100%",
+            fontSize: "0.925rem",
+            borderCollapse: "collapse",
+            margin: 0,
+            ...style,
+        }}/>
+        </div>);
+}
+export function TableHeaderMdx(props) {
+    return (<thead {...props} style={{
+            background: "hsl(var(--muted, 210 12% 96%))",
+            ...props.style,
+        }}/>);
+}
+export function TableBodyMdx(props) {
+    return <tbody {...props}/>;
+}
+export function TableFooterMdx(props) {
+    return (<tfoot {...props} style={{
+            background: "hsl(var(--muted, 210 12% 96%))",
+            borderTop: "1px solid hsl(var(--border, 210 14% 94%))",
+            ...props.style,
+        }}/>);
+}
+export function TableRowMdx(props) {
+    return <tr {...props}/>;
+}
+export function TableHeadMdx(props) {
+    return (<th scope={props.scope ?? "col"} {...props} style={{
+            ...cellBaseStyle,
+            textAlign: "left",
+            color: "hsl(var(--muted-foreground, 215 20% 65%))",
+            fontWeight: 600,
+            ...props.style,
+        }}/>);
+}
+export function TableCellMdx(props) {
+    return <td {...props} style={{ ...cellBaseStyle, ...props.style }}/>;
+}
+//# sourceMappingURL=TableMdx.jsx.map

package/dist/components/TableMdx.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableMdx.jsx","sourceRoot":"","sources":["../../src/components/TableMdx.tsx"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAkB;IACnC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,QAAQ;IACnB,MAAM,EAAE,2CAA2C;IACnD,YAAY,EAAE,EAAE;IAChB,MAAM,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,aAAa,GAAkB;IACjC,OAAO,EAAE,gBAAgB;IACzB,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,2CAA2C;CAC5D,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAyC;IAC/E,OAAO,CACH,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC,CAC/B;YAAA,CAAC,KAAK,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACH,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;YACpB,cAAc,EAAE,UAAU;YAC1B,MAAM,EAAE,CAAC;YACT,GAAG,KAAK;SACX,CAAC,EAEV;QAAA,EAAE,GAAG,CAAC,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAA8C;IACzE,OAAO,CACH,CAAC,KAAK,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACH,UAAU,EAAE,gCAAgC;YAC5C,GAAG,KAAK,CAAC,KAAK;SACjB,CAAC,EACJ,CACL,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAA8C;IACvE,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAA8C;IACzE,OAAO,CACH,CAAC,KAAK,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACH,UAAU,EAAE,gCAAgC;YAC5C,SAAS,EAAE,2CAA2C;YACtD,GAAG,KAAK,CAAC,KAAK;SACjB,CAAC,EACJ,CACL,CAAC;AACN,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAA0C;IAClE,OAAO,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAA6C;IACtE,OAAO,CACH,CAAC,EAAE,CACC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAC5B,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACH,GAAG,aAAa;YAChB,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,2CAA2C;YAClD,UAAU,EAAE,GAAG;YACf,GAAG,KAAK,CAAC,KAAK;SACjB,CAAC,EACJ,CACL,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAA6C;IACtE,OAAO,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAG,CAAC;AAC1E,CAAC"}

package/dist/components/TabsMdx.d.ts

@@ -0,0 +1,21 @@
+import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
+type TabsProps = HTMLAttributes<HTMLDivElement> & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (next: string) => void;
+    children: ReactNode;
+    style?: CSSProperties;
+    orientation?: "horizontal" | "vertical";
+};
+export declare function TabsMdx({ value, defaultValue, onValueChange, children, style, orientation, className, ...props }: TabsProps): import("react").JSX.Element;
+export declare function TabsListMdx({ children, style, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+type TabsTriggerProps = HTMLAttributes<HTMLButtonElement> & {
+    value: string;
+};
+export declare function TabsTriggerMdx({ value, children, style, onKeyDown, ...props }: TabsTriggerProps): import("react").JSX.Element | null;
+type TabsContentProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+};
+export declare function TabsContentMdx({ value, children, style, ...props }: TabsContentProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=TabsMdx.d.ts.map

package/dist/components/TabsMdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsMdx.d.ts","sourceRoot":"","sources":["../../src/components/TabsMdx.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+D,KAAK,aAAa,EAAE,KAAK,cAAc,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWjK,KAAK,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAC3C,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,YAAsB,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,WAA0B,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAyBpJ;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAsBxF;AAED,KAAK,gBAAgB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxD,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,sCAkG/F;AAED,KAAK,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,sCA0BpF"}

package/dist/components/TabsMdx.jsx

@@ -0,0 +1,124 @@
+"use client";
+import { createContext, useContext, useId, useMemo, useRef, useState } from "react";
+const TabsContext = createContext(null);
+export function TabsMdx({ value, defaultValue = "tab-1", onValueChange, children, style, orientation = "horizontal", className, ...props }) {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const id = useId();
+    const selected = value ?? internalValue;
+    const setValue = (next) => {
+        if (value === undefined) {
+            setInternalValue(next);
+        }
+        onValueChange?.(next);
+    };
+    const contextValue = useMemo(() => ({ value: selected, setValue, id, orientation }), [selected, id, orientation]);
+    return (<TabsContext.Provider value={contextValue}>
+            <div className={className} {...props} style={{ border: "1px solid hsl(var(--border, 210 14% 94%))", borderRadius: 10, margin: "1rem 0", ...style }}>
+                {children}
+            </div>
+        </TabsContext.Provider>);
+}
+export function TabsListMdx({ children, style, ...props }) {
+    const context = useContext(TabsContext);
+    return (<div role="tablist" aria-orientation={context?.orientation ?? "horizontal"} {...props} style={{
+            display: "flex",
+            flexDirection: context?.orientation === "vertical" ? "column" : "row",
+            alignItems: context?.orientation === "vertical" ? "stretch" : "center",
+            gap: 8,
+            overflowX: "auto",
+            borderBottom: "1px solid hsl(var(--border, 210 14% 94%))",
+            padding: "0.25rem 0.5rem",
+            ...style,
+        }}>
+            {children}
+        </div>);
+}
+export function TabsTriggerMdx({ value, children, style, onKeyDown, ...props }) {
+    const context = useContext(TabsContext);
+    const triggerRef = useRef(null);
+    if (!context) {
+        return null;
+    }
+    const tabsContext = context;
+    const active = context.value === value;
+    const controlId = `${context.id}-panel-${value}`;
+    const triggerId = `${context.id}-tab-${value}`;
+    function moveFocus(direction) {
+        const tablist = triggerRef.current?.closest('[role="tablist"]');
+        if (!tablist)
+            return;
+        const triggers = Array.from(tablist.querySelectorAll('[role="tab"]'));
+        const currentIndex = triggers.findIndex((item) => item === triggerRef.current);
+        if (currentIndex < 0)
+            return;
+        const nextIndex = (currentIndex + direction + triggers.length) % triggers.length;
+        const nextTrigger = triggers[nextIndex];
+        const nextValue = nextTrigger.dataset.value;
+        nextTrigger.focus();
+        if (nextValue) {
+            tabsContext.setValue(nextValue);
+        }
+    }
+    return (<button ref={triggerRef} type="button" role="tab" id={triggerId} aria-controls={controlId} aria-selected={active} data-value={value} tabIndex={active ? 0 : -1} onClick={() => tabsContext.setValue(value)} onKeyDown={(e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                tabsContext.setValue(value);
+            }
+            if ((tabsContext.orientation === "horizontal" && e.key === "ArrowRight") || (tabsContext.orientation === "vertical" && e.key === "ArrowDown")) {
+                e.preventDefault();
+                moveFocus(1);
+            }
+            if ((tabsContext.orientation === "horizontal" && e.key === "ArrowLeft") || (tabsContext.orientation === "vertical" && e.key === "ArrowUp")) {
+                e.preventDefault();
+                moveFocus(-1);
+            }
+            if (e.key === "Home") {
+                e.preventDefault();
+                const tablist = triggerRef.current?.closest('[role="tablist"]');
+                const firstTrigger = tablist?.querySelector('[role="tab"]');
+                firstTrigger?.focus();
+                if (firstTrigger?.dataset.value) {
+                    tabsContext.setValue(firstTrigger.dataset.value);
+                }
+            }
+            if (e.key === "End") {
+                e.preventDefault();
+                const tablist = triggerRef.current?.closest('[role="tablist"]');
+                const triggers = tablist ? Array.from(tablist.querySelectorAll('[role="tab"]')) : [];
+                const lastTrigger = triggers.at(-1);
+                lastTrigger?.focus();
+                if (lastTrigger?.dataset.value) {
+                    tabsContext.setValue(lastTrigger.dataset.value);
+                }
+            }
+            onKeyDown?.(e);
+        }} {...props} style={{
+            border: "none",
+            borderBottom: active ? "2px solid hsl(var(--accent, 200 100% 40%))" : "2px solid transparent",
+            background: "transparent",
+            color: active ? "hsl(var(--foreground, 222 12% 12%))" : "hsl(var(--muted-foreground, 215 20% 65%))",
+            fontSize: "0.875rem",
+            fontWeight: 600,
+            padding: "0.6rem 0.5rem",
+            cursor: "pointer",
+            ...style,
+        }}>
+            {children}
+        </button>);
+}
+export function TabsContentMdx({ value, children, style, ...props }) {
+    const context = useContext(TabsContext);
+    if (!context) {
+        return null;
+    }
+    const active = context.value === value;
+    const panelId = `${context.id}-panel-${value}`;
+    const triggerId = `${context.id}-tab-${value}`;
+    return (<div role="tabpanel" id={panelId} aria-labelledby={triggerId} tabIndex={0} hidden={!active} {...props} style={{
+            padding: "0.75rem",
+            ...style,
+        }}>
+            {active ? children : null}
+        </div>);
+}
+//# sourceMappingURL=TabsMdx.jsx.map