@slugbase/ui 0.0.0

package/dist/components/Kbd.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export type KbdProps = {
+    children: ReactNode;
+    className?: string;
+};
+/**
+ * Keyboard hint badge - 11px mono, canvas bg, 3D bottom border.
+ * Matches prototype `.kbd` from app.css.
+ */
+export declare function Kbd({ children, className }: KbdProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../src/components/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,QAAQ,2CAkBzD"}

package/dist/components/Kbd.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Keyboard hint badge - 11px mono, canvas bg, 3D bottom border.
+ * Matches prototype `.kbd` from app.css.
+ */
+export function Kbd({ children, className = "" }) {
+    return (_jsx("kbd", { className: [
+            "inline-flex min-h-[18px] min-w-[18px] items-center justify-center gap-[2px] rounded-sm",
+            "border border-[color:var(--border)] bg-canvas",
+            "font-mono font-medium leading-none text-fg-muted",
+            className,
+        ].join(" "), style: {
+            fontSize: "11px",
+            padding: "3px 5px",
+            borderBottomWidth: "2px",
+        }, children: children }));
+}
+//# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../src/components/Kbd.tsx"],"names":[],"mappings":";AAOA;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAY;IACxD,OAAO,CACL,cACE,SAAS,EAAE;YACT,wFAAwF;YACxF,+CAA+C;YAC/C,kDAAkD;YAClD,SAAS;SACV,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,SAAS;YAClB,iBAAiB,EAAE,KAAK;SACzB,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Label.d.ts

@@ -0,0 +1,6 @@
+import type { LabelHTMLAttributes, ReactNode } from "react";
+export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
+    children: ReactNode;
+};
+export declare function Label({ className, children, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAE,SAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAUvE"}

package/dist/components/Label.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Label({ className = "", children, ...props }) {
+    return (_jsx("label", { className: `font-medium text-fg-muted ${className}`, style: { fontSize: "var(--text-small)", lineHeight: "var(--lh-small)" }, ...props, children: children }));
+}
+//# sourceMappingURL=Label.js.map

package/dist/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IACtE,OAAO,CACL,gBACE,SAAS,EAAE,6BAA6B,SAAS,EAAE,EACnD,KAAK,EAAE,EAAE,QAAQ,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,KACnE,KAAK,YAER,QAAQ,GACH,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Popover.d.ts

@@ -0,0 +1,14 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import type { ReactNode } from "react";
+export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type PopoverContentProps = {
+    children: ReactNode;
+    className?: string;
+    testId?: string;
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+};
+export declare function PopoverContent({ children, className, testId, align, sideOffset, }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,OAAO,mDAAwB,CAAC;AAC7C,eAAO,MAAM,cAAc,oIAA2B,CAAC;AACvD,eAAO,MAAM,YAAY,kIAAyB,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAc,EACd,MAAM,EACN,KAAe,EACf,UAAc,GACf,EAAE,mBAAmB,2CAarB"}

package/dist/components/Popover.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+export const Popover = PopoverPrimitive.Root;
+export const PopoverTrigger = PopoverPrimitive.Trigger;
+export const PopoverClose = PopoverPrimitive.Close;
+export function PopoverContent({ children, className = "", testId, align = "start", sideOffset = 4, }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-testid": testId, align: align, sideOffset: sideOffset, className: `z-[130] max-h-[min(360px,70vh)] w-[min(320px,92vw)] overflow-y-auto rounded-lg border border-[color:var(--border)] bg-[color:var(--overlay)] p-sp-4 shadow-lg focus:outline-none ${className}`, children: children }) }));
+}
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAUnD,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,EACN,KAAK,GAAG,OAAO,EACf,UAAU,GAAG,CAAC,GACM;IACpB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,mBACV,MAAM,EACnB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,oLAAoL,SAAS,EAAE,YAEzM,QAAQ,GACgB,GACH,CAC3B,CAAC;AACJ,CAAC"}

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, ReactNode } from "react";
+export type SkeletonProps = {
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+    children?: ReactNode;
+};
+/** Shimmer placeholder block - prototype `.sk` pattern (spec §23). */
+export declare function Skeleton({ className, style, testId, children, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type SkeletonListProps = {
+    rows?: number;
+    testId?: string;
+};
+/** Horizontal list-row skeletons for table/list surfaces. */
+export declare function SkeletonList({ rows, testId }: SkeletonListProps): import("react/jsx-runtime").JSX.Element;
+export type SkeletonCardGridProps = {
+    count?: number;
+    testId?: string;
+};
+/** Card grid skeleton matching bookmark grid loading state in the prototype. */
+export declare function SkeletonCardGrid({ count, testId, }: SkeletonCardGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,sEAAsE;AACtE,wBAAgB,QAAQ,CAAC,EACvB,SAAc,EACd,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,aAAa,2CAWf;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,EAAE,IAAQ,EAAE,MAAwB,EAAE,EAAE,iBAAiB,2CAkBrF;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAS,EACT,MAA6B,GAC9B,EAAE,qBAAqB,2CA8BvB"}

package/dist/components/Skeleton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Shimmer placeholder block - prototype `.sk` pattern (spec §23). */
+export function Skeleton({ className = "", style, testId, children, }) {
+    return (_jsx("div", { "aria-hidden": "true", className: `animate-shimmer rounded-sm bg-[linear-gradient(90deg,var(--raised)_0%,var(--raised-2)_50%,var(--raised)_100%)] bg-[length:200%_100%] motion-reduce:animate-none ${className}`, "data-testid": testId, style: style, children: children }));
+}
+/** Horizontal list-row skeletons for table/list surfaces. */
+export function SkeletonList({ rows = 6, testId = "skeleton-list" }) {
+    return (_jsx("div", { className: "flex flex-col gap-sp-3", "data-testid": testId, "aria-busy": "true", "aria-live": "polite", children: Array.from({ length: rows }).map((_, index) => (_jsxs("div", { className: "flex items-center gap-sp-5 rounded-lg border border-[color:var(--border-subtle)] bg-raised px-sp-5 py-sp-5", children: [_jsx(Skeleton, { className: "h-8 w-8 shrink-0 rounded-md" }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-sp-3", children: [_jsx(Skeleton, { className: "h-3 w-[85%]" }), _jsx(Skeleton, { className: "h-2.5 w-[55%]" })] }), _jsx(Skeleton, { className: "ml-auto h-8 w-20 shrink-0" })] }, index))) }));
+}
+/** Card grid skeleton matching bookmark grid loading state in the prototype. */
+export function SkeletonCardGrid({ count = 9, testId = "skeleton-card-grid", }) {
+    return (_jsx("div", { className: "grid gap-sp-4 sm:grid-cols-2 lg:grid-cols-3", "data-testid": testId, "aria-busy": "true", "aria-live": "polite", children: Array.from({ length: count }).map((_, index) => (_jsxs("div", { className: "flex flex-col gap-sp-5 rounded-lg border border-[color:var(--border-subtle)] bg-raised p-sp-5", children: [_jsxs("div", { className: "flex gap-sp-4", children: [_jsx(Skeleton, { className: "h-8 w-8 shrink-0 rounded-md" }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-sp-3", children: [_jsx(Skeleton, { className: "h-3 w-[85%]" }), _jsx(Skeleton, { className: "h-2.5 w-[55%]" })] })] }), _jsx(Skeleton, { className: "h-2.5 w-[70%]" }), _jsx(Skeleton, { className: "h-[22px] w-[120px] rounded-sm" }), _jsxs("div", { className: "mt-sp-2 flex gap-sp-3", children: [_jsx(Skeleton, { className: "h-2.5 w-[70px]" }), _jsx(Skeleton, { className: "ml-auto h-4 w-10 rounded-sm" })] })] }, index))) }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":";AASA,sEAAsE;AACtE,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,MAAM,EACN,QAAQ,GACM;IACd,OAAO,CACL,6BACc,MAAM,EAClB,SAAS,EAAE,mKAAmK,SAAS,EAAE,iBAC5K,MAAM,EACnB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAOD,6DAA6D;AAC7D,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,MAAM,GAAG,eAAe,EAAqB;IACpF,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,iBAAc,MAAM,eAAY,MAAM,eAAW,QAAQ,YAC7F,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,eAEE,SAAS,EAAC,4GAA4G,aAEtH,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,EACpD,eAAK,SAAS,EAAC,uCAAuC,aACpD,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,EACpC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,IAClC,EACN,KAAC,QAAQ,IAAC,SAAS,EAAC,2BAA2B,GAAG,KAR7C,KAAK,CASN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAOD,gFAAgF;AAChF,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,oBAAoB,GACP;IACtB,OAAO,CACL,cACE,SAAS,EAAC,6CAA6C,iBAC1C,MAAM,eACT,MAAM,eACN,QAAQ,YAEjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,eAEE,SAAS,EAAC,+FAA+F,aAEzG,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,EACpD,eAAK,SAAS,EAAC,uCAAuC,aACpD,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,EACpC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,IAClC,IACF,EACN,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,+BAA+B,GAAG,EACtD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,QAAQ,IAAC,SAAS,EAAC,gBAAgB,GAAG,EACvC,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,IAChD,KAfD,KAAK,CAgBN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/SlugBadge.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export type SlugBadgeProps = {
+    slug: string;
+    icon?: ReactNode;
+    className?: string;
+};
+/**
+ * Inline slug address pill - accent-subtle bg, mono small font.
+ * Matches prototype `.slug-line` pattern from app.css.
+ * Used on bookmark cards and table rows.
+ */
+export declare function SlugBadge({ slug, icon, className }: SlugBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SlugBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlugBadge.d.ts","sourceRoot":"","sources":["../../src/components/SlugBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAc,EAAE,EAAE,cAAc,2CAqBvE"}

package/dist/components/SlugBadge.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Inline slug address pill - accent-subtle bg, mono small font.
+ * Matches prototype `.slug-line` pattern from app.css.
+ * Used on bookmark cards and table rows.
+ */
+export function SlugBadge({ slug, icon, className = "" }) {
+    return (_jsxs("span", { className: `inline-flex max-w-full items-center gap-[6px] rounded-sm border border-[color:var(--accent-border)] bg-accent-subtle text-accent-text ${className}`, style: {
+            height: "22px",
+            padding: "0 7px 0 6px",
+            fontFamily: "var(--font-mono)",
+            fontSize: "var(--text-small)",
+            fontWeight: "var(--weight-medium)",
+            lineHeight: "1",
+        }, children: [icon ? (_jsx("span", { "aria-hidden": "true", className: "shrink-0 opacity-80", children: icon })) : null, _jsx("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: slug })] }));
+}
+//# sourceMappingURL=SlugBadge.js.map

package/dist/components/SlugBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlugBadge.js","sourceRoot":"","sources":["../../src/components/SlugBadge.tsx"],"names":[],"mappings":";AAQA;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAkB;IACtE,OAAO,CACL,gBACE,SAAS,EAAE,yIAAyI,SAAS,EAAE,EAC/J,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,kBAAkB;YAC9B,QAAQ,EAAE,mBAAmB;YAC7B,UAAU,EAAE,sBAAsB;YAClC,UAAU,EAAE,GAAG;SAChB,aAEA,IAAI,CAAC,CAAC,CAAC,CACN,8BAAkB,MAAM,EAAC,SAAS,EAAC,qBAAqB,YACrD,IAAI,GACA,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,iDAAiD,YAAE,IAAI,GAAQ,IAC1E,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Tag.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export type TagProps = {
+    children: ReactNode;
+    className?: string;
+};
+/**
+ * Tag pill - `#` prefix at 45% opacity, mono micro font.
+ * Matches prototype `.tag` pattern from app.css.
+ */
+export declare function Tag({ children, className }: TagProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/components/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,QAAQ,2CAmBzD"}

package/dist/components/Tag.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tag pill - `#` prefix at 45% opacity, mono micro font.
+ * Matches prototype `.tag` pattern from app.css.
+ */
+export function Tag({ children, className = "" }) {
+    return (_jsxs("span", { className: `inline-flex items-center gap-1 whitespace-nowrap rounded-sm border border-[color:var(--border-subtle)] bg-raised-2 text-fg-muted ${className}`, style: {
+            height: "19px",
+            padding: "0 7px",
+            fontFamily: "var(--font-mono)",
+            fontSize: "var(--text-micro)",
+            fontWeight: "var(--weight-medium)",
+            lineHeight: "1",
+        }, children: [_jsx("span", { "aria-hidden": "true", style: { opacity: 0.45 }, children: "#" }), children] }));
+}
+//# sourceMappingURL=Tag.js.map

package/dist/components/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/components/Tag.tsx"],"names":[],"mappings":";AAOA;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAY;IACxD,OAAO,CACL,gBACE,SAAS,EAAE,oIAAoI,SAAS,EAAE,EAC1J,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,kBAAkB;YAC9B,QAAQ,EAAE,mBAAmB;YAC7B,UAAU,EAAE,sBAAsB;YAClC,UAAU,EAAE,GAAG;SAChB,aAED,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,kBAE1C,EACN,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/ThemeSwitcher.d.ts

@@ -0,0 +1,11 @@
+export type ThemeSwitcherLabels = {
+    group: string;
+    light: string;
+    dark: string;
+    auto: string;
+};
+export type ThemeSwitcherProps = {
+    labels: ThemeSwitcherLabels;
+};
+export declare function ThemeSwitcher({ labels }: ThemeSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAIF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,mBAAmB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CA2C3D"}

package/dist/components/ThemeSwitcher.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from "../theme/theme-context.js";
+const OPTIONS = ["light", "dark", "auto"];
+export function ThemeSwitcher({ labels }) {
+    const { preference, setPreference } = useTheme();
+    const labelFor = (value) => {
+        switch (value) {
+            case "light":
+                return labels.light;
+            case "dark":
+                return labels.dark;
+            case "auto":
+                return labels.auto;
+        }
+    };
+    return (_jsx("div", { className: "inline-flex rounded-md border border-[color:var(--border)] bg-raised p-sp-2", role: "group", "aria-label": labels.group, "data-testid": "theme-switcher", children: OPTIONS.map((value) => {
+            const active = preference === value;
+            return (_jsx("button", { type: "button", "aria-pressed": active, className: active
+                    ? "rounded-sm bg-accent px-sp-5 py-sp-3 text-small font-medium text-accent-fg transition-micro"
+                    : "rounded-sm px-sp-5 py-sp-3 text-small text-fg-muted transition-micro hover:bg-raised-2 hover:text-fg", onClick: () => {
+                    setPreference(value);
+                }, children: labelFor(value) }, value));
+        }) }));
+}
+//# sourceMappingURL=ThemeSwitcher.js.map

package/dist/components/ThemeSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AASrD,MAAM,OAAO,GAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAM7D,MAAM,UAAU,aAAa,CAAC,EAAE,MAAM,EAAsB;IAC1D,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEjD,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAU,EAAE;QAClD,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,KAAK,CAAC;YACtB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC,IAAI,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAC,6EAA6E,EACvF,IAAI,EAAC,OAAO,gBACA,MAAM,CAAC,KAAK,iBACZ,gBAAgB,YAE3B,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACrB,MAAM,MAAM,GAAG,UAAU,KAAK,KAAK,CAAC;YACpC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,kBACC,MAAM,EACpB,SAAS,EACP,MAAM;oBACJ,CAAC,CAAC,6FAA6F;oBAC/F,CAAC,CAAC,sGAAsG,EAE5G,OAAO,EAAE,GAAG,EAAE;oBACZ,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,YAEA,QAAQ,CAAC,KAAK,CAAC,IAZX,KAAK,CAaH,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ToastProvider.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+export type ToastKind = "success" | "info" | "warning" | "danger";
+export type ToastInput = {
+    title: ReactNode;
+    description?: ReactNode;
+    kind?: ToastKind;
+    durationMs?: number;
+};
+export type ToastContextValue = {
+    toast: (input: ToastInput) => string;
+    dismiss: (id: string) => void;
+};
+export type ToastProviderProps = {
+    children: ReactNode;
+    dismissLabel: string;
+};
+export declare function ToastProvider({ children, dismissLabel }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): ToastContextValue;
+//# sourceMappingURL=ToastProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/components/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAMF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAaF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AA2FF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,kBAAkB,2CAwB3E;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/components/ToastProvider.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+const ToastContext = createContext(null);
+const DEFAULT_DURATION_MS = 3200;
+const kindClasses = {
+    success: "bg-[color:var(--success-subtle)] text-success-text",
+    info: "bg-[color:var(--accent-subtle)] text-accent-text",
+    warning: "bg-[color:var(--warning-subtle)] text-warning-text",
+    danger: "bg-[color:var(--danger-subtle)] text-danger-text",
+};
+function ToastViewport({ items, onDismiss, dismissLabel, }) {
+    const timersRef = useRef(new Map());
+    useEffect(() => {
+        const timers = timersRef.current;
+        for (const item of items) {
+            if (timers.has(item.id))
+                continue;
+            const duration = item.durationMs ?? DEFAULT_DURATION_MS;
+            timers.set(item.id, setTimeout(() => {
+                onDismiss(item.id);
+                timers.delete(item.id);
+            }, duration));
+        }
+        return () => {
+            for (const timer of timers.values()) {
+                clearTimeout(timer);
+            }
+            timers.clear();
+        };
+    }, [items, onDismiss]);
+    if (items.length === 0)
+        return null;
+    return (_jsx("div", { className: "pointer-events-none fixed bottom-sp-7 right-sp-7 z-[120] flex max-w-[min(100vw-2rem,360px)] flex-col gap-sp-4", "aria-live": "polite", "aria-relevant": "additions", "data-testid": "toast-viewport", children: items.map((item) => {
+            const kind = item.kind ?? "success";
+            return (_jsxs("div", { className: "pointer-events-auto flex animate-toast-in items-start gap-sp-4 rounded-lg border border-[color:var(--border-strong)] bg-overlay p-sp-5 shadow-overlay motion-reduce:animate-none", "data-testid": `toast-${item.id}`, role: "status", children: [_jsx("span", { "aria-hidden": "true", className: `grid h-[26px] w-[26px] shrink-0 place-items-center rounded-md ${kindClasses[kind]}`, children: _jsx("span", { className: "h-2 w-2 rounded-full bg-current" }) }), _jsxs("div", { className: "min-w-0 flex-1 text-left", children: [_jsx("p", { className: "m-0 text-fg", style: { fontSize: "var(--text-body)", lineHeight: "var(--lh-body)" }, children: item.title }), item.description ? (_jsx("p", { className: "mt-sp-1 m-0 text-fg-subtle", style: { fontSize: "var(--text-small)", lineHeight: "var(--lh-small)" }, children: item.description })) : null] }), _jsx("button", { type: "button", className: "shrink-0 rounded-sm px-sp-2 py-sp-1 text-fg-subtle transition-colors hover:bg-raised hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent", onClick: () => {
+                            onDismiss(item.id);
+                        }, "aria-label": dismissLabel, children: "\u00D7" })] }, item.id));
+        }) }));
+}
+export function ToastProvider({ children, dismissLabel }) {
+    const [items, setItems] = useState([]);
+    const dismiss = useCallback((id) => {
+        setItems((current) => current.filter((item) => item.id !== id));
+    }, []);
+    const toast = useCallback((input) => {
+        const id = typeof crypto !== "undefined" && "randomUUID" in crypto
+            ? crypto.randomUUID()
+            : `${String(Date.now())}-${Math.random().toString(16).slice(2)}`;
+        setItems((current) => [...current, { ...input, id }]);
+        return id;
+    }, []);
+    const value = useMemo(() => ({ toast, dismiss }), [toast, dismiss]);
+    return (_jsxs(ToastContext.Provider, { value: value, children: [children, _jsx(ToastViewport, { items: items, onDismiss: dismiss, dismissLabel: dismissLabel })] }));
+}
+export function useToast() {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error("useToast must be used within ToastProvider");
+    }
+    return context;
+}
+//# sourceMappingURL=ToastProvider.js.map

package/dist/components/ToastProvider.js.map

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

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import type { ReactNode } from "react";
+export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const Tooltip: import("react").FC<TooltipPrimitive.TooltipProps>;
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type TooltipContentProps = {
+    children: ReactNode;
+    className?: string;
+    testId?: string;
+    sideOffset?: number;
+};
+export declare function TooltipContent({ children, className, testId, sideOffset, }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,eAAe,2DAA4B,CAAC;AACzD,eAAO,MAAM,OAAO,mDAAwB,CAAC;AAC7C,eAAO,MAAM,cAAc,oIAA2B,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAc,EACd,MAAM,EACN,UAAc,GACf,EAAE,mBAAmB,2CAarB"}

package/dist/components/Tooltip.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+export const TooltipProvider = TooltipPrimitive.Provider;
+export const Tooltip = TooltipPrimitive.Root;
+export const TooltipTrigger = TooltipPrimitive.Trigger;
+export function TooltipContent({ children, className = "", testId, sideOffset = 4, }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-testid": testId, sideOffset: sideOffset, className: `z-[130] max-w-[280px] rounded-md border border-[color:var(--border-subtle)] bg-overlay px-sp-4 py-sp-3 text-small text-fg shadow-overlay ${className}`, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "fill-[color:var(--overlay)]" })] }) }));
+}
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AACzD,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AASvD,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,EACN,UAAU,GAAG,CAAC,GACM;IACpB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,MAAC,gBAAgB,CAAC,OAAO,mBACV,MAAM,EACnB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,4IAA4I,SAAS,EAAE,aAEjK,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,6BAA6B,GAAG,IACzC,GACH,CAC3B,CAAC;AACJ,CAAC"}

package/dist/components/auth-kit.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from "react";
+export type AuthShellBrandLabels = {
+    headline: string;
+    subline: string;
+    footer: string;
+};
+export type AuthShellProps = {
+    children: ReactNode;
+    brand: AuthShellBrandLabels;
+    /** Setup wizard omits slug rows in the brand rail (spec §8.3) */
+    showSlugRows?: boolean;
+    /** Brand icon URL (web serves `/slugbase_icon.svg`) */
+    iconSrc?: string;
+};
+/**
+ * Shared two-pane auth layout (prototype AuthKit.jsx / auth.css).
+ * Left pane: brand rail (gradient wash, hero, optional slug rows).
+ * Right pane: form card at min(404px, 100%).
+ * Grid: minmax(440px, 0.9fr) 1fr; brand hidden below 920px.
+ */
+export declare function AuthShell({ children, brand, showSlugRows, iconSrc, }: AuthShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuthInput({ leadingIcon, trailingSlot, className, style, ...inputProps }: React.InputHTMLAttributes<HTMLInputElement> & {
+    leadingIcon?: ReactNode;
+    trailingSlot?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface OidcProviderItem {
+    id: string;
+    name: string;
+}
+export type SsoSectionProps = {
+    providers: OidcProviderItem[];
+    mode: "login" | "register";
+    t: (key: string, params?: Record<string, string>) => string;
+    /** Base URL for OIDC authorize links (e.g. API origin) */
+    apiBaseUrl?: string;
+};
+export declare function SsoSection({ providers, mode, t, apiBaseUrl }: SsoSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MailFieldIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function LockFieldIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function UserFieldIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function KeyFieldIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function AuthButton({ children, isSubmitting, disabled, className, style, }: {
+    children: React.ReactNode;
+    isSubmitting?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AuthHeading({ title, subtitle, }: {
+    title: string;
+    subtitle?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorBanner({ message }: {
+    message: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SuccessBanner({ message }: {
+    message: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=auth-kit.d.ts.map

package/dist/components/auth-kit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-kit.d.ts","sourceRoot":"","sources":["../../src/components/auth-kit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,iEAAiE;IACjE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,KAAK,EACL,YAAmB,EACnB,OAA8B,GAC/B,EAAE,cAAc,2CA6GhB;AAqDD,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,KAAK,EACL,GAAG,UAAU,EACd,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,2CAiCA;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,IAAI,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;IAC5D,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,UAAe,EAAE,EAAE,eAAe,kDAoClF;AAsBD,wBAAgB,aAAa,4CAiB5B;AAED,wBAAgB,aAAa,4CAiB5B;AAED,wBAAgB,aAAa,4CAiB5B;AAED,wBAAgB,YAAY,4CAkB3B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,2CAWA;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAyBA;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,2CAe3D;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,2CAe7D"}

package/dist/components/auth-kit.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Shared two-pane auth layout (prototype AuthKit.jsx / auth.css).
+ * Left pane: brand rail (gradient wash, hero, optional slug rows).
+ * Right pane: form card at min(404px, 100%).
+ * Grid: minmax(440px, 0.9fr) 1fr; brand hidden below 920px.
+ */
+export function AuthShell({ children, brand, showSlugRows = true, iconSrc = "/slugbase_icon.svg", }) {
+    return (_jsxs("div", { className: "min-h-screen bg-canvas font-sans grid grid-cols-1 min-[920px]:grid-cols-[minmax(440px,0.9fr)_1fr]", "data-testid": "auth-shell", children: [_jsxs("aside", { className: "relative overflow-hidden hidden min-[920px]:flex flex-col justify-between border-r border-[color:var(--border-subtle)] bg-base", style: { padding: "var(--sp-11) var(--sp-11) var(--sp-10)", gap: "var(--sp-8)" }, "aria-hidden": "true", "data-testid": "auth-shell-brand-rail", children: [_jsx("div", { className: "absolute pointer-events-none", style: {
+                            top: "-180px",
+                            left: "-140px",
+                            width: "460px",
+                            height: "460px",
+                            background: "radial-gradient(circle, var(--accent-subtle) 0%, transparent 68%)",
+                        } }), _jsxs("div", { className: "relative flex items-center", style: { gap: "var(--sp-4)" }, children: [_jsx("img", { src: iconSrc, alt: "", width: 30, height: 30, className: "shrink-0" }), _jsx("span", { className: "text-fg", style: {
+                                    fontWeight: "var(--weight-semi)",
+                                    fontSize: "var(--text-h2)",
+                                    lineHeight: "var(--lh-h2)",
+                                    letterSpacing: "var(--track-tight)",
+                                }, children: "SlugBase" })] }), _jsxs("div", { className: "relative flex flex-col flex-1 justify-center", style: { gap: "var(--sp-8)" }, children: [_jsxs("div", { style: { maxWidth: "30ch" }, children: [_jsx("h1", { className: "text-fg", style: {
+                                            margin: 0,
+                                            marginBottom: "var(--sp-5)",
+                                            fontWeight: "var(--weight-semi)",
+                                            fontSize: "var(--text-display)",
+                                            lineHeight: "var(--lh-display)",
+                                            letterSpacing: "var(--track-tight)",
+                                        }, children: brand.headline }), _jsx("p", { className: "text-fg-muted", style: { margin: 0, fontSize: "var(--text-body-lg)", lineHeight: "var(--lh-body-lg)" }, children: brand.subline })] }), showSlugRows && (_jsxs("div", { className: "relative flex flex-col", style: { gap: "var(--sp-3)" }, children: [_jsx(BrandSlugRow, { src: "cloud.slugbase.app/react19", dst: "react.dev/blog", opacity: 1 }), _jsx(BrandSlugRow, { src: "cloud.slugbase.app/ddia", dst: "dataintensive.net", opacity: 0.55 }), _jsx(BrandSlugRow, { src: "cloud.slugbase.app/rustperf", dst: "nnethercote.github.io", opacity: 0.28 })] }))] }), _jsx("p", { className: "relative text-fg-subtle", style: { fontSize: "var(--text-small)", lineHeight: "var(--lh-small)" }, children: brand.footer })] }), _jsx("div", { className: "grid place-items-center", style: { padding: "var(--sp-9) var(--sp-8)" }, "data-testid": "auth-shell-form-pane", children: _jsxs("div", { style: { width: "min(404px, 100%)" }, children: [_jsxs("div", { className: "flex min-[920px]:hidden items-center", style: { gap: "var(--sp-4)", marginBottom: "var(--sp-8)" }, children: [_jsx("img", { src: iconSrc, alt: "", width: 26, height: 26, className: "shrink-0" }), _jsx("span", { className: "text-fg", style: { fontWeight: "var(--weight-semi)", fontSize: "var(--text-h3)" }, children: "SlugBase" })] }), children] }) })] }));
+}
+function BrandSlugRow({ src, dst, opacity, }) {
+    return (_jsxs("div", { className: "flex items-center border border-[color:var(--border-subtle)] bg-raised", style: {
+            opacity,
+            padding: "var(--sp-4) var(--sp-5)",
+            borderRadius: "var(--r-lg)",
+            gap: "var(--sp-4)",
+            fontFamily: "var(--font-mono)",
+            fontWeight: "var(--weight-medium)",
+            fontSize: "var(--text-mono)",
+            lineHeight: 1,
+        }, children: [_jsx("span", { className: "text-accent-text shrink-0", children: src }), _jsx("span", { className: "text-fg-faint shrink-0", children: _jsx(ArrowRightIcon, {}) }), _jsx("span", { className: "text-fg-subtle overflow-hidden text-ellipsis whitespace-nowrap", children: dst })] }));
+}
+function ArrowRightIcon() {
+    return (_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M5 12h14" }), _jsx("path", { d: "m12 5 7 7-7 7" })] }));
+}
+export function AuthInput({ leadingIcon, trailingSlot, className, style, ...inputProps }) {
+    const paddingLeft = leadingIcon ? "calc(var(--sp-4) + 16px + var(--sp-3))" : "var(--sp-5)";
+    const paddingRight = trailingSlot ? "2.5rem" : "var(--sp-5)";
+    return (_jsxs("div", { className: "relative", children: [leadingIcon && (_jsx("span", { className: "absolute inset-y-0 left-0 flex items-center text-fg-subtle pointer-events-none", style: { paddingLeft: "var(--sp-4)" }, children: leadingIcon })), _jsx("input", { ...inputProps, className: `w-full rounded-md border border-[color:var(--border)] bg-raised text-fg placeholder:text-fg-faint focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2 focus:ring-offset-canvas disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`, style: {
+                    height: "42px",
+                    paddingLeft,
+                    paddingRight,
+                    fontSize: "var(--text-body-lg)",
+                    lineHeight: "var(--lh-body-lg)",
+                    ...style,
+                } }), trailingSlot && (_jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-sp-4", children: trailingSlot }))] }));
+}
+export function SsoSection({ providers, mode, t, apiBaseUrl = "" }) {
+    if (providers.length === 0)
+        return null;
+    const labelKey = mode === "login" ? "auth.sso.sign_in_with" : "auth.sso.sign_up_with";
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center", style: { gap: "var(--sp-5)", margin: "var(--sp-2) 0" }, children: [_jsx("span", { className: "flex-1 h-px bg-[color:var(--border-subtle)]", "aria-hidden": "true" }), _jsx("span", { className: "text-fg-subtle lowercase", style: { fontSize: "var(--text-small)" }, children: t("auth.sso.divider") }), _jsx("span", { className: "flex-1 h-px bg-[color:var(--border-subtle)]", "aria-hidden": "true" })] }), _jsx("div", { className: "flex flex-col", style: { gap: "var(--sp-4)" }, children: providers.map((p) => (_jsxs("a", { href: `${apiBaseUrl}/auth/oidc/${p.id}/authorize`, className: "flex items-center justify-center border border-[color:var(--border)] bg-raised text-fg font-medium transition-colors hover:bg-raised-2 hover:border-[color:var(--border-strong)]", style: {
+                        height: "44px",
+                        borderRadius: "var(--r-md)",
+                        gap: "var(--sp-4)",
+                        fontSize: "var(--text-body-lg)",
+                        lineHeight: 1,
+                    }, children: [_jsx(ExternalProviderIcon, {}), t(labelKey, { provider: p.name })] }, p.id))) })] }));
+}
+function ExternalProviderIcon() {
+    return (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }), _jsx("path", { d: "M2 12h20" })] }));
+}
+export function MailFieldIcon() {
+    return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }), _jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })] }));
+}
+export function LockFieldIcon() {
+    return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }));
+}
+export function UserFieldIcon() {
+    return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "12", cy: "8", r: "5" }), _jsx("path", { d: "M20 21a8 8 0 0 0-16 0" })] }));
+}
+export function KeyFieldIcon() {
+    return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "7.5", cy: "15.5", r: "5.5" }), _jsx("path", { d: "m21 2-9.6 9.6" }), _jsx("path", { d: "m15.5 7.5 3 3L22 7l-3-3" })] }));
+}
+export function AuthButton({ children, isSubmitting, disabled, className, style, }) {
+    return (_jsx("button", { type: "submit", disabled: isSubmitting || disabled, className: `w-full rounded-md bg-accent font-medium text-accent-fg transition-colors hover:bg-accent-hover active:bg-accent-active disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`, style: { height: "44px", fontSize: "var(--text-body-lg)", lineHeight: 1, ...style }, children: children }));
+}
+export function AuthHeading({ title, subtitle, }) {
+    return (_jsxs("div", { style: { marginBottom: "var(--sp-8)" }, children: [_jsx("h2", { className: "text-fg", style: {
+                    margin: subtitle ? "0 0 var(--sp-4)" : 0,
+                    fontWeight: "var(--weight-semi)",
+                    fontSize: "var(--text-h1)",
+                    lineHeight: "var(--lh-h1)",
+                    letterSpacing: "var(--track-tight)",
+                }, children: title }), subtitle && (_jsx("p", { className: "text-fg-muted", style: { margin: 0, fontSize: "var(--text-body-lg)", lineHeight: "var(--lh-body-lg)" }, children: subtitle }))] }));
+}
+export function ErrorBanner({ message }) {
+    return (_jsx("div", { role: "alert", className: "flex items-start rounded-md border border-[color:var(--danger-subtle)] bg-[color:var(--danger-subtle)] px-sp-4 py-sp-3", style: { gap: "var(--sp-3)" }, children: _jsx("p", { className: "text-danger-text", style: { fontSize: "var(--text-small)", lineHeight: "var(--lh-small)" }, children: message }) }));
+}
+export function SuccessBanner({ message }) {
+    return (_jsx("div", { role: "status", className: "flex items-start rounded-md border border-[color:var(--success-subtle)] bg-[color:var(--success-subtle)] px-sp-4 py-sp-3", style: { gap: "var(--sp-3)" }, children: _jsx("p", { className: "text-success-text", style: { fontSize: "var(--text-small)", lineHeight: "var(--lh-small)" }, children: message }) }));
+}
+//# sourceMappingURL=auth-kit.js.map