@mohasinac/appkit 3.0.0 → 3.0.2

package/dist/seed/manifest.js

@@ -46,12 +46,9 @@ import { productFeaturesSeedData } from "./product-features-seed-data";
 import { offersSeedData } from "./offers-seed-data";
 import { couponUsageSeedData } from "./coupon-usage-seed-data";
 import { claimedCouponsSeedData } from "./claimed-coupons-seed-data";
-// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 function asArr(items) {
-    // audit-unknown-ok: TS structural escape — Array
     return items ?? [];
 }
-// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 function pick(items, nameKey = "name") {
     return items
         .filter((item) => Boolean(item.id))
@@ -114,9 +111,7 @@ export const SEED_MANIFEST = {
         ...s,
         name: s.title ?? s.type ?? s.id,
     })), "name"),
-    siteSettings: pick(
-    // audit-unknown-ok: TS structural escape — domain document type lacks index signature
-    [siteSettingsSeedData].map((s) => ({
+    siteSettings: pick([siteSettingsSeedData].map((s) => ({
         ...s,
         name: s.siteName ?? "global",
     }))),

package/dist/seed/runner.js

@@ -7,7 +7,6 @@ const DEFAULT_MAX_ATTEMPTS = 2;
  * surface a canonical "retryable" flag — we match the error message against
  * known-transient patterns (DEADLINE_EXCEEDED, UNAVAILABLE, network resets).
  */
-// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 function isRetryableError(err) {
     const msg = err instanceof Error ? err.message : String(err);
     return (msg.includes("DEADLINE_EXCEEDED") ||
@@ -38,7 +37,6 @@ export async function runSeed(config) {
         const { collection: name, data, idField = "id", merge = false, piiFields = [], validate, } = collection;
         // P31-A: per-doc validation gate. Invalid docs are pulled out of the
         // write set before we touch Firestore. Strict mode aborts on first error.
-        // audit-unknown-ok: Seed runner — receives Firestore doc shape from seed files
         const validDocs = [];
         const skipped = [];
         for (const rawDoc of data) {

package/dist/ui/DataTable.js

@@ -134,9 +134,7 @@ pageSize: pageSizeProp, stickyHeader: stickyHeaderProp, striped: stripedProp, sh
                                                         ? "ascending"
                                                         : "descending"
                                                     : "none"
-                                                : undefined, className: `appkit-data-table__th ${col.sortable ? "appkit-data-table__th--sortable" : ""}`, 
-                                            // audit-inline-style-ok: dynamic CSS
-                                            style: { width: col.width }, onClick: () => col.sortable && handleSort(col.key), children: _jsxs(Row, { gap: "sm", children: [col.header, col.sortable && (_jsx(Span, { "aria-hidden": "true", color: "faint", children: sortKey === col.key ? (sortDirection === "asc" ? ("↑") : ("↓")) : (_jsx(Span, { className: "opacity-30", children: "\u2195" })) }))] }) }, col.key))), actions && (_jsx("th", { scope: "col", className: "appkit-data-table__th appkit-data-table__td--actions", children: labelActions }))] }) }), _jsx("tbody", { className: "appkit-data-table__tbody divide-y divide-zinc-200 dark:divide-slate-700", children: paginatedData.map((item, index) => (_jsxs("tr", { className: [
+                                                : undefined, className: `appkit-data-table__th ${col.sortable ? "appkit-data-table__th--sortable" : ""}`, style: { width: col.width }, onClick: () => col.sortable && handleSort(col.key), children: _jsxs(Row, { gap: "sm", children: [col.header, col.sortable && (_jsx(Span, { "aria-hidden": "true", color: "faint", children: sortKey === col.key ? (sortDirection === "asc" ? ("↑") : ("↓")) : (_jsx(Span, { className: "opacity-30", children: "\u2195" })) }))] }) }, col.key))), actions && (_jsx("th", { scope: "col", className: "appkit-data-table__th appkit-data-table__td--actions", children: labelActions }))] }) }), _jsx("tbody", { className: "appkit-data-table__tbody divide-y divide-zinc-200 dark:divide-slate-700", children: paginatedData.map((item, index) => (_jsxs("tr", { className: [
                                         "appkit-data-table__row",
                                         striped && index % 2 === 1
                                             ? "appkit-data-table__row--striped"
@@ -161,9 +159,7 @@ function DataTableTableView({ columns, paginatedData, keyExtractor, selectable,
                                         ? sortKey === col.key
                                             ? sortDirection === "asc" ? "ascending" : "descending"
                                             : "none"
-                                        : undefined, className: `appkit-data-table__th ${col.sortable ? "appkit-data-table__th--sortable" : ""}`, 
-                                    // audit-inline-style-ok: dynamic CSS
-                                    style: { width: col.width }, onClick: () => col.sortable && onSort(col.key), children: _jsxs(Row, { gap: "sm", children: [col.header, col.sortable && (_jsx(Span, { "aria-hidden": "true", color: "faint", children: sortKey === col.key ? (sortDirection === "asc" ? "↑" : "↓") : _jsx(Span, { className: "opacity-30", children: "\u2195" }) }))] }) }, col.key))), actions && (_jsx("th", { scope: "col", className: "appkit-data-table__th appkit-data-table__td--actions", children: labelActions }))] }) }), _jsx("tbody", { className: "appkit-data-table__tbody divide-y divide-zinc-200 dark:divide-slate-700", children: paginatedData.map((item, index) => (_jsxs("tr", { className: [
+                                        : undefined, className: `appkit-data-table__th ${col.sortable ? "appkit-data-table__th--sortable" : ""}`, style: { width: col.width }, onClick: () => col.sortable && onSort(col.key), children: _jsxs(Row, { gap: "sm", children: [col.header, col.sortable && (_jsx(Span, { "aria-hidden": "true", color: "faint", children: sortKey === col.key ? (sortDirection === "asc" ? "↑" : "↓") : _jsx(Span, { className: "opacity-30", children: "\u2195" }) }))] }) }, col.key))), actions && (_jsx("th", { scope: "col", className: "appkit-data-table__th appkit-data-table__td--actions", children: labelActions }))] }) }), _jsx("tbody", { className: "appkit-data-table__tbody divide-y divide-zinc-200 dark:divide-slate-700", children: paginatedData.map((item, index) => (_jsxs("tr", { className: [
                                 "appkit-data-table__row",
                                 striped && index % 2 === 1 ? "appkit-data-table__row--striped" : "",
                                 onRowClick ? "appkit-data-table__row--clickable" : "",

package/dist/ui/components/Anchor.js

@@ -33,7 +33,6 @@ export function Anchor({ href, children, tone = "brand", underline = "hover", si
     const computedRel = rel ??
         (resolvedExternal && isHttp ? "noopener noreferrer" : undefined);
     return (_jsx("a", { href: href, target: computedTarget, rel: computedRel, 
-        // audit-variant-ok: Anchor is the catalogued primitive for external
         // links. Tone + underline come from typed enums; className is the
         // escape hatch for behaviour-coupled utility classes only.
         className: `${TONE_CLS[tone]} ${UNDERLINE_CLS[underline]} ${size ? ANCHOR_SIZE_CLS[size] : ""} transition-colors${className ? ` ${className}` : ""}`, ...rest, children: children }));

package/dist/ui/components/AvatarDisplay.js

@@ -44,9 +44,7 @@ export function AvatarDisplay({ cropData, size = "md", className = "", alt = "Pr
             className,
         ]
             .filter(Boolean)
-            .join(" "), "data-section": "avatardisplay-div-455", children: _jsx("div", { className: UI_AVATAR_DISPLAY.imageInner, 
-            // audit-inline-style-ok: dynamic CSS
-            style: {
+            .join(" "), "data-section": "avatardisplay-div-455", children: _jsx("div", { className: UI_AVATAR_DISPLAY.imageInner, style: {
                 backgroundImage: `url(${cropData.url})`,
                 backgroundSize: "cover",
                 width: `${(cropData.zoom || 1) * 100}%`,

package/dist/ui/components/BackgroundRenderer.js

@@ -36,11 +36,7 @@ export function BackgroundRenderer({ mode, lightMode, darkMode, }) {
             opacity: config.overlay.opacity,
         }
         : { display: "none" };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "appkit-bg-renderer", 
-                // audit-inline-style-ok: computed style fn
-                style: getBackgroundStyle(), "data-section": "backgroundrenderer-div-456", children: config.type === "video" && (_jsxs("video", { ref: videoRef, autoPlay: true, loop: true, muted: true, playsInline: true, onLoadedData: () => setIsVideoLoaded(true), className: `appkit-bg-renderer__video ${isVideoLoaded
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "appkit-bg-renderer", style: getBackgroundStyle(), "data-section": "backgroundrenderer-div-456", children: config.type === "video" && (_jsxs("video", { ref: videoRef, autoPlay: true, loop: true, muted: true, playsInline: true, onLoadedData: () => setIsVideoLoaded(true), className: `appkit-bg-renderer__video ${isVideoLoaded
                         ? "appkit-bg-renderer__video--loaded"
-                        : "appkit-bg-renderer__video--loading"}`, children: [_jsx("source", { src: config.value, type: "video/mp4" }), "Your browser does not support the video tag."] })) }), _jsx("div", { className: "appkit-bg-renderer__overlay", 
-                // audit-inline-style-ok: pass-through style prop
-                style: overlayStyle })] }));
+                        : "appkit-bg-renderer__video--loading"}`, children: [_jsx("source", { src: config.value, type: "video/mp4" }), "Your browser does not support the video tag."] })) }), _jsx("div", { className: "appkit-bg-renderer__overlay", style: overlayStyle })] }));
 }

package/dist/ui/components/BaseListingCard.js

@@ -49,7 +49,6 @@ function BaseListingCardInfo({ variant = "grid", className = "", children, }) {
 function BaseListingCardCheckbox({ selected, onSelect, label, position = "top-2 left-2", className = "", }) {
     return (_jsx("button", { type: "button", "aria-label": label ?? (selected ? "Deselect" : "Select"), "aria-checked": selected, role: "checkbox", onClick: (e) => {
             e.stopPropagation();
-            // audit-unknown-ok: TS structural escape — MouseEvent
             onSelect?.(e);
         }, className: [
             "absolute z-10 h-4 w-4 rounded flex items-center justify-center",

package/dist/ui/components/Button.js

@@ -121,7 +121,6 @@ export function Button({ variant, size = "md", className = "", isLoading = false
     const wrapAsync = useCallback((fn) => (event) => {
         if (!fn)
             return;
-        // audit-unknown-ok: ReactElement props — generic component props
         let returned;
         try {
             returned = fn(event);
@@ -135,7 +134,6 @@ export function Button({ variant, size = "md", className = "", isLoading = false
             throw err;
         }
         if (returned && typeof returned.then === "function") {
-            // audit-unknown-ok: error-handler entry point — accepts thrown values of any shape
             returned.catch((err) => {
                 if (toast) {
                     surfaceError(err, { showToast: toast.showToast });
@@ -162,7 +160,6 @@ export function Button({ variant, size = "md", className = "", isLoading = false
         wrapAsync(userOnClick)(event);
     }, [userOnClick, wrapAsync]);
     if (asChild && React.isValidElement(resolvedChildren)) {
-        // audit-unknown-ok: ReactElement props — generic component props
         const child = resolvedChildren;
         return React.cloneElement(child, {
             ...props,

package/dist/ui/components/Card.js

@@ -65,13 +65,9 @@ export function Card({ children, variant = "flat", padding = "md", spacing, hove
         const whileTap = animate === "pressScale" || animate === "both"
             ? { scale: 0.97 }
             : undefined;
-        return (_jsx(motion.div, { className: cls, 
-            // audit-inline-style-ok: pass-through style prop
-            style: style, onClick: onClick, whileHover: whileHover, whileTap: whileTap, transition: SPRING_SNAPPY, "data-section": "card-div-463", children: children }));
+        return (_jsx(motion.div, { className: cls, style: style, onClick: onClick, whileHover: whileHover, whileTap: whileTap, transition: SPRING_SNAPPY, "data-section": "card-div-463", children: children }));
     }
-    return (_jsx("div", { className: cls, 
-        // audit-inline-style-ok: pass-through style prop
-        style: style, onClick: onClick, "data-section": "card-div-463", children: children }));
+    return (_jsx("div", { className: cls, style: style, onClick: onClick, "data-section": "card-div-463", children: children }));
 }
 export function CardHeader({ children, className = "" }) {
     return (_jsx("div", { className: ["appkit-card__header", className].filter(Boolean).join(" "), "data-section": "card-div-464", children: children }));

package/dist/ui/components/Details.js

@@ -15,14 +15,8 @@ export function Details({ children, defaultOpen, open, onToggle, tone = "default
     return (_jsx("details", { open: open ?? defaultOpen, onToggle: (event) => {
             if (onToggle)
                 onToggle(event.currentTarget.open);
-        }, name: name, 
-        // audit-variant-ok: Details is the catalogued primitive for <details>.
-        className: `${TONE_CLS[tone]} ${PADDING_CLS[padding]}${className ? ` ${className}` : ""}`.trim(), 
-        // audit-inline-style-ok: style is a pass-through prop for the catalogued <details> primitive
-        style: style, children: children }));
+        }, name: name, className: `${TONE_CLS[tone]} ${PADDING_CLS[padding]}${className ? ` ${className}` : ""}`.trim(), style: style, children: children }));
 }
 export function Summary({ children, className }) {
-    return (_jsx("summary", { 
-        // audit-variant-ok: Summary is the catalogued primitive for <summary>.
-        className: `cursor-pointer select-none font-medium text-[var(--appkit-color-text)] list-none [&::-webkit-details-marker]:hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--appkit-color-focus-ring)] rounded${className ? ` ${className}` : ""}`, children: children }));
+    return (_jsx("summary", { className: `cursor-pointer select-none font-medium text-[var(--appkit-color-text)] list-none [&::-webkit-details-marker]:hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--appkit-color-focus-ring)] rounded${className ? ` ${className}` : ""}`, children: children }));
 }

package/dist/ui/components/Dialog.js

@@ -36,7 +36,6 @@ export function Dialog({ open, onClose, children, padding = "md", nonModal = fal
             if (event.target === dialogRef.current)
                 onClose();
         }, 
-        // audit-variant-ok: Dialog is the catalogued primitive for <dialog>.
         // padding comes from the typed enum.
         className: `rounded-xl bg-[var(--appkit-color-surface)] text-[var(--appkit-color-text)] shadow-xl border border-[var(--appkit-color-border)] ${PADDING_CLS[padding]} backdrop:bg-black/40 backdrop:backdrop-blur-sm`, children: children }));
 }

package/dist/ui/components/FallbackShell.js

@@ -16,9 +16,7 @@ const TONE_TEXT = {
     warning: "var(--appkit-color-warning)",
 };
 export function FallbackShell({ title, description, details, actions, tone = "neutral", }) {
-    return (_jsx("div", { role: "alert", 
-        // audit-inline-style-ok: FallbackShell ships its own critical CSS so it renders before/without Tailwind. Source-of-truth fallback surface.
-        style: {
+    return (_jsx("div", { role: "alert", style: {
             minHeight: "100vh",
             display: "flex",
             alignItems: "center",
@@ -28,26 +26,18 @@ export function FallbackShell({ title, description, details, actions, tone = "ne
             fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
             color: TONE_TEXT[tone],
             textAlign: "center",
-        }, children: _jsxs("div", { 
-            // audit-inline-style-ok: FallbackShell critical-CSS container — see parent above.
-            style: { maxWidth: "32rem", width: "100%" }, children: [_jsx("h1", { 
-                    // audit-inline-style-ok: FallbackShell critical CSS — see container above.
-                    style: {
+        }, children: _jsxs("div", { style: { maxWidth: "32rem", width: "100%" }, children: [_jsx("h1", { style: {
                         margin: 0,
                         fontSize: "1.875rem",
                         lineHeight: 1.15,
                         fontWeight: 700,
                         color: TONE_TITLE[tone],
                         letterSpacing: "-0.02em",
-                    }, children: title }), description ? (_jsx("p", { 
-                    // audit-inline-style-ok: FallbackShell critical CSS — see container above.
-                    style: {
+                    }, children: title }), description ? (_jsx("p", { style: {
                         margin: "0.75rem 0 0",
                         fontSize: "1rem",
                         lineHeight: 1.5,
-                    }, children: description })) : null, details ? (_jsx("pre", { 
-                    // audit-inline-style-ok: FallbackShell critical CSS — see container above.
-                    style: {
+                    }, children: description })) : null, details ? (_jsx("pre", { style: {
                         margin: "1.25rem 0 0",
                         padding: "0.75rem 1rem",
                         fontSize: "0.75rem",
@@ -59,9 +49,7 @@ export function FallbackShell({ title, description, details, actions, tone = "ne
                         whiteSpace: "pre-wrap",
                         wordBreak: "break-word",
                         overflowX: "auto",
-                    }, children: details })) : null, actions ? (_jsx("div", { 
-                    // audit-inline-style-ok: FallbackShell critical CSS — see container above.
-                    style: {
+                    }, children: details })) : null, actions ? (_jsx("div", { style: {
                         marginTop: "1.5rem",
                         display: "flex",
                         flexWrap: "wrap",

package/dist/ui/components/Fieldset.js

@@ -13,14 +13,10 @@ const PADDING_CLS = {
     lg: "p-6",
 };
 export function Fieldset({ children, tone = "default", padding = "md", disabled, form, name, }) {
-    return (_jsx("fieldset", { disabled: disabled, form: form, name: name, 
-        // audit-variant-ok: Fieldset is the catalogued primitive for <fieldset>.
-        className: `rounded-lg ${TONE_BORDER[tone]} ${PADDING_CLS[padding]}`, children: children }));
+    return (_jsx("fieldset", { disabled: disabled, form: form, name: name, className: `rounded-lg ${TONE_BORDER[tone]} ${PADDING_CLS[padding]}`, children: children }));
 }
 export function Legend({ children, srOnly = false }) {
-    return (_jsx("legend", { 
-        // audit-variant-ok: Legend is the catalogued primitive for <legend>.
-        className: srOnly
+    return (_jsx("legend", { className: srOnly
             ? "sr-only"
             : "px-1 text-sm font-semibold text-[var(--appkit-color-text)]", children: children }));
 }

package/dist/ui/components/HorizontalRule.js

@@ -15,7 +15,6 @@ const SPACING_CLS = {
 export function HorizontalRule({ tone = "default", spacing = "comfortable", dashed = false, role = "separator", "aria-orientation": ariaOrientation = "horizontal", }) {
     const dashedCls = dashed && tone !== "accent" ? " border-dashed" : "";
     return (_jsx("hr", { role: role, "aria-orientation": ariaOrientation, 
-        // audit-variant-ok: HorizontalRule is the catalogued primitive for <hr>.
         // tone + spacing + dashed come from typed enums.
         className: `${TONE_CLS[tone]}${dashedCls} ${SPACING_CLS[spacing]}` }));
 }

package/dist/ui/components/HotspotMarker.js

@@ -55,9 +55,7 @@ function buildShapeStyle(shape, sizePx) {
 export function HotspotMarker({ xPct, yPct, size = "md", tone = "brand", shape = "dot", children, onClick, positionMode = "absolute", ...rest }) {
     const sizePx = SIZE_PX[size];
     const baseTransform = shape === "pin" ? undefined : "translate(-50%, -50%)";
-    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": rest["aria-label"], "data-shape": shape, "data-tone": tone, 
-        // audit-inline-style-ok: HotspotMarker is the catalogued primitive for dynamic xPct/yPct positioning. Consumer code uses this primitive instead of authoring its own `style={{ left, top }}`.
-        style: {
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": rest["aria-label"], "data-shape": shape, "data-tone": tone, style: {
             position: positionMode,
             left: `${clampPct(xPct)}%`,
             top: `${clampPct(yPct)}%`,

package/dist/ui/components/IconBox.js

@@ -26,7 +26,6 @@ const TONE_CLS = {
 export function IconBox({ children, size = "md", tone = "brand", rounded = "xl", as = "div", ...rest }) {
     const Tag = as;
     return (_jsx(Tag, { "aria-label": rest["aria-label"], 
-        // audit-variant-ok: IconBox is the catalogued primitive for the
         // square-icon-container pattern. size + tone + rounded come from typed enums.
         className: `inline-flex flex-shrink-0 items-center justify-center ${SIZE_CLS[size]} ${ROUNDED_CLS[rounded]} ${TONE_CLS[tone]}`, children: children }));
 }

package/dist/ui/components/Iframe.js

@@ -15,7 +15,6 @@ const ROUNDED_CLS = {
 };
 export function Iframe({ src, title, aspect = "video", rounded = "lg", sandbox = "allow-same-origin allow-scripts allow-popups allow-forms", loading = "lazy", ...rest }) {
     return (_jsx("iframe", { src: src, title: title, loading: loading, sandbox: sandbox, 
-        // audit-variant-ok: Iframe is the catalogued primitive for embedded
         // third-party content. Aspect + rounded come from typed enums.
         className: `block w-full border-0 ${ASPECT_CLS[aspect]} ${ROUNDED_CLS[rounded]}`, ...rest }));
 }

package/dist/ui/components/ImageGallery.js

@@ -99,9 +99,7 @@ export default function ImageGallery({ images, initialIndex = 0, showThumbnails
     if (images.length === 0) {
         return (_jsx("div", { className: `appkit-image-gallery ${flex.center} p-8 ${themed.bgTertiary} rounded-lg ${className}`, "data-section": "imagegallery-div-515", children: _jsx(Text, { className: themed.textMuted, children: "No images to display" }) }));
     }
-    return (_jsxs("div", { className: `appkit-image-gallery ${className}`, "data-section": "imagegallery-div-516", children: [_jsxs("div", { ref: imageContainerRef, className: `appkit-image-gallery__viewport ${themed.bgSecondary}`, "data-section": "imagegallery-div-517", children: [_jsxs("div", { className: "appkit-image-gallery__image-frame", "data-section": "imagegallery-div-518", children: [_jsx("div", { role: "img", "aria-label": currentImage.alt, className: "appkit-image-gallery__image", 
-                                // audit-inline-style-ok: dynamic CSS
-                                style: {
+    return (_jsxs("div", { className: `appkit-image-gallery ${className}`, "data-section": "imagegallery-div-516", children: [_jsxs("div", { ref: imageContainerRef, className: `appkit-image-gallery__viewport ${themed.bgSecondary}`, "data-section": "imagegallery-div-517", children: [_jsxs("div", { className: "appkit-image-gallery__image-frame", "data-section": "imagegallery-div-518", children: [_jsx("div", { role: "img", "aria-label": currentImage.alt, className: "appkit-image-gallery__image", style: {
                                     backgroundImage: `url(${currentImage.src})`,
                                     transform: `scale(${scale})`,
                                     cursor: allowZoom

package/dist/ui/components/ImageLightbox.js

@@ -89,11 +89,7 @@ export function ImageLightbox({ images, activeIndex, onClose, onNavigate, showTh
     const image = images[currentIndex];
     const hasMultiple = images.length > 1;
     const iconBtnClass = "w-10 h-10 p-0 !min-h-0 rounded-full bg-white/15 hover:bg-white/30 text-white flex items-center justify-center";
-    return createPortal(_jsxs("div", { ref: overlayRef, tabIndex: -1, className: "appkit-lightbox", role: "dialog", "aria-modal": "true", "aria-label": "Image lightbox", onKeyDown: handleKeyDown, onWheel: handleWheel, children: [_jsxs("div", { className: "absolute top-0 left-0 right-0 z-10 flex items-center justify-between px-4 py-3 bg-gradient-to-b from-black/60 to-transparent", children: [_jsx(Span, { size: "sm", weight: "medium", className: "text-white/70", children: hasMultiple ? `${currentIndex + 1} / ${images.length}` : "" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => adjustZoom(-ZOOM_STEP), className: iconBtnClass, "aria-label": "Zoom out", disabled: zoom <= MIN_ZOOM, children: _jsx(ZoomOut, { className: "w-4 h-4" }) }), _jsxs("button", { type: "button", onClick: () => { setZoom(100); setRotation(0); }, className: "text-white/70 hover:text-white text-xs font-mono min-w-[3rem] text-center", "aria-label": "Reset zoom", children: [zoom, "%"] }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => adjustZoom(ZOOM_STEP), className: iconBtnClass, "aria-label": "Zoom in", disabled: zoom >= MAX_ZOOM, children: _jsx(ZoomIn, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => setRotation((r) => (r + 90) % 360), className: iconBtnClass, "aria-label": "Rotate 90\u00B0", children: _jsx(RotateCw, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => { setZoom(100); setRotation(0); }, className: iconBtnClass, "aria-label": "Reset", children: _jsx(Maximize2, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: onClose, className: CLS_CLOSE_BTN, "aria-label": "Close lightbox", children: _jsx(X, { className: "w-5 h-5" }) })] })] }), hasMultiple && (_jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => navigate(-1), className: "absolute left-4 top-1/2 -translate-y-1/2 w-12 h-12 p-0 !min-h-0 rounded-full bg-white/15 hover:bg-white/30 text-white z-10 flex items-center justify-center", "aria-label": "Previous image", children: _jsx(ChevronLeft, { className: "w-7 h-7" }) })), _jsxs("div", { className: "appkit-lightbox__image-wrap", 
-                // audit-inline-style-ok: dynamic CSS
-                style: { cursor: zoom > 100 ? "grab" : "default" }, children: [_jsx("img", { src: image.src, alt: image.alt ?? "", className: "appkit-lightbox__img", draggable: false, 
-                        // audit-inline-style-ok: dynamic CSS
-                        style: {
+    return createPortal(_jsxs("div", { ref: overlayRef, tabIndex: -1, className: "appkit-lightbox", role: "dialog", "aria-modal": "true", "aria-label": "Image lightbox", onKeyDown: handleKeyDown, onWheel: handleWheel, children: [_jsxs("div", { className: "absolute top-0 left-0 right-0 z-10 flex items-center justify-between px-4 py-3 bg-gradient-to-b from-black/60 to-transparent", children: [_jsx(Span, { size: "sm", weight: "medium", className: "text-white/70", children: hasMultiple ? `${currentIndex + 1} / ${images.length}` : "" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => adjustZoom(-ZOOM_STEP), className: iconBtnClass, "aria-label": "Zoom out", disabled: zoom <= MIN_ZOOM, children: _jsx(ZoomOut, { className: "w-4 h-4" }) }), _jsxs("button", { type: "button", onClick: () => { setZoom(100); setRotation(0); }, className: "text-white/70 hover:text-white text-xs font-mono min-w-[3rem] text-center", "aria-label": "Reset zoom", children: [zoom, "%"] }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => adjustZoom(ZOOM_STEP), className: iconBtnClass, "aria-label": "Zoom in", disabled: zoom >= MAX_ZOOM, children: _jsx(ZoomIn, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => setRotation((r) => (r + 90) % 360), className: iconBtnClass, "aria-label": "Rotate 90\u00B0", children: _jsx(RotateCw, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => { setZoom(100); setRotation(0); }, className: iconBtnClass, "aria-label": "Reset", children: _jsx(Maximize2, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: onClose, className: CLS_CLOSE_BTN, "aria-label": "Close lightbox", children: _jsx(X, { className: "w-5 h-5" }) })] })] }), hasMultiple && (_jsx(Button, { variant: "ghost", size: "sm", type: "button", onClick: () => navigate(-1), className: "absolute left-4 top-1/2 -translate-y-1/2 w-12 h-12 p-0 !min-h-0 rounded-full bg-white/15 hover:bg-white/30 text-white z-10 flex items-center justify-center", "aria-label": "Previous image", children: _jsx(ChevronLeft, { className: "w-7 h-7" }) })), _jsxs("div", { className: "appkit-lightbox__image-wrap", style: { cursor: zoom > 100 ? "grab" : "default" }, children: [_jsx("img", { src: image.src, alt: image.alt ?? "", className: "appkit-lightbox__img", draggable: false, style: {
                             transform: `scale(${zoom / 100}) rotate(${rotation}deg)`,
                             transition: "transform 0.2s ease",
                         } }), image.badge && (_jsx(Div, { className: "absolute left-3 top-3 rounded bg-black/70 px-2 py-1 text-xs font-semibold text-white pointer-events-none", children: image.badge }))] }), (image.caption || image.sub) && (_jsxs("div", { className: "flex-shrink-0 text-center px-8 pb-2", children: [image.caption && (_jsx(Text, { size: "sm", variant: "secondary", className: "!text-white/80", children: image.caption })), image.sub && (_jsx(Text, { size: "sm", variant: "secondary", className: "!text-white/50", children: image.sub }))] })), showThumbnails && images.length > 1 && (_jsx("div", { className: "flex-shrink-0 flex gap-2 overflow-x-auto px-4 pb-3 justify-center", children: images.map((thumb, i) => (_jsx("button", { type: "button", onClick: () => {

package/dist/ui/components/Kbd.js

@@ -11,7 +11,6 @@ const TONE_CLS = {
 };
 export function Kbd({ children, size = "sm", tone = "default" }) {
     return (_jsx("kbd", { 
-        // audit-variant-ok: Kbd is the catalogued primitive for <kbd>.
         // size + tone come from typed enums.
         className: `inline-flex items-center font-mono font-semibold border shadow-sm ${SIZE_CLS[size]} ${TONE_CLS[tone]}`, children: children }));
 }

package/dist/ui/components/Motion.js

@@ -6,9 +6,7 @@ import { MOTION_PRESETS, SPRING_SNAPPY, EASE_OUT } from "../../tokens/motion";
 // Re-export AnimatePresence for consumer convenience
 export const AnimatePresence = MotionAnimatePresence;
 // ── Reduced motion helper ────────────────────────────────────────────────────
-function useMotionProps(
-// audit-unknown-ok: Motion props passthrough — framer-motion props arbitrary
-props) {
+function useMotionProps(props) {
     const reduced = useReducedMotion();
     if (!reduced)
         return props;

package/dist/ui/components/NavbarChevron.js

@@ -5,7 +5,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * fade so the chevron icon stays legible over scrolling content underneath.
  */
 import { ChevronLeft, ChevronRight } from "lucide-react";
-// audit-variant-ok: NavbarChevron is the catalogued primitive for the
 // navbar's overflow-scroll fade — the gradient classes implement the
 // edge-fade affordance, not consumer styling.
 const BASE_CLS = "absolute top-0 bottom-0 z-10 flex items-center justify-center w-8 text-zinc-500 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-white transition-colors";

package/dist/ui/components/PasswordStrengthIndicator.js

@@ -30,7 +30,5 @@ export function PasswordStrengthIndicator({ password, minLength = 8, showRequire
             : strength <= 75
                 ? "bg-warning-surface"
                 : "bg-success-surface";
-    return (_jsxs("div", { className: "appkit-password-strength", "aria-live": "polite", "aria-atomic": "true", "data-section": "passwordstrengthindicator-div-567", children: [_jsxs(Row, { gap: "sm", className: "mb-2", children: [_jsx("div", { className: "appkit-password-strength__track", "data-section": "passwordstrengthindicator-div-568", children: _jsx("div", { className: `appkit-password-strength__fill ${strengthColor}`, 
-                            // audit-inline-style-ok: computed percentage
-                            style: { width: `${strength}%` }, role: "progressbar", "aria-valuenow": Math.round(strength), "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `Password strength: ${strengthLabel}` }) }), _jsx(Span, { className: "appkit-password-strength__label", children: strengthLabel })] }), showRequirements ? (_jsx(Ul, { className: "appkit-password-strength__requirements", children: requirements.map((req) => (_jsxs(Li, { className: `appkit-password-strength__requirement ${req.met ? "appkit-password-strength__requirement--met" : ""}`, children: [_jsx(Span, { className: "sr-only", children: req.met ? "Met: " : "Not met: " }), req.label] }, req.label))) })) : null] }));
+    return (_jsxs("div", { className: "appkit-password-strength", "aria-live": "polite", "aria-atomic": "true", "data-section": "passwordstrengthindicator-div-567", children: [_jsxs(Row, { gap: "sm", className: "mb-2", children: [_jsx("div", { className: "appkit-password-strength__track", "data-section": "passwordstrengthindicator-div-568", children: _jsx("div", { className: `appkit-password-strength__fill ${strengthColor}`, style: { width: `${strength}%` }, role: "progressbar", "aria-valuenow": Math.round(strength), "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `Password strength: ${strengthLabel}` }) }), _jsx(Span, { className: "appkit-password-strength__label", children: strengthLabel })] }), showRequirements ? (_jsx(Ul, { className: "appkit-password-strength__requirements", children: requirements.map((req) => (_jsxs(Li, { className: `appkit-password-strength__requirement ${req.met ? "appkit-password-strength__requirement--met" : ""}`, children: [_jsx(Span, { className: "sr-only", children: req.met ? "Met: " : "Not met: " }), req.label] }, req.label))) })) : null] }));
 }

package/dist/ui/components/Progress.js

@@ -13,9 +13,7 @@ export function Progress({ value, max = 100, variant = "primary", size = "md", l
         warning: "appkit-progress__bar--warning",
         error: "appkit-progress__bar--error",
     };
-    return (_jsxs("div", { className: `appkit-progress ${className}`, "data-section": "progress-div-569", children: [(label || showValue) && (_jsxs("div", { className: "appkit-progress__meta", "data-section": "progress-div-570", children: [label && _jsx(Span, { className: "appkit-progress__label", children: label }), showValue && (_jsxs(Span, { className: "appkit-progress__value", children: [Math.round(percentage), "%"] }))] })), _jsx("div", { className: `appkit-progress__track ${sizeClasses[size]}`, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, "aria-label": label || `Progress: ${Math.round(percentage)}%`, "data-section": "progress-div-571", children: _jsx("div", { className: `appkit-progress__bar ${variantClasses[variant]}`, 
-                    // audit-inline-style-ok: computed percentage
-                    style: { width: `${percentage}%` } }) })] }));
+    return (_jsxs("div", { className: `appkit-progress ${className}`, "data-section": "progress-div-569", children: [(label || showValue) && (_jsxs("div", { className: "appkit-progress__meta", "data-section": "progress-div-570", children: [label && _jsx(Span, { className: "appkit-progress__label", children: label }), showValue && (_jsxs(Span, { className: "appkit-progress__value", children: [Math.round(percentage), "%"] }))] })), _jsx("div", { className: `appkit-progress__track ${sizeClasses[size]}`, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, "aria-label": label || `Progress: ${Math.round(percentage)}%`, "data-section": "progress-div-571", children: _jsx("div", { className: `appkit-progress__bar ${variantClasses[variant]}`, style: { width: `${percentage}%` } }) })] }));
 }
 export function IndeterminateProgress({ variant = "primary", size = "md", label, className = "", }) {
     const sizeClasses = {
@@ -29,7 +27,5 @@ export function IndeterminateProgress({ variant = "primary", size = "md", label,
         warning: "appkit-progress__bar--warning",
         error: "appkit-progress__bar--error",
     };
-    return (_jsxs("div", { className: `appkit-progress ${className}`, "data-section": "progress-div-572", children: [label && (_jsx(Span, { className: "appkit-progress__label appkit-progress__label--block", children: label })), _jsx("div", { className: `appkit-progress__track appkit-progress__track--indeterminate ${sizeClasses[size]}`, role: "progressbar", "aria-label": label || "Loading...", "data-section": "progress-div-573", children: _jsx("div", { className: `appkit-progress__bar appkit-progress__bar--indeterminate ${variantClasses[variant]}`, 
-                    // audit-inline-style-ok: dynamic CSS
-                    style: { width: "40%" } }) })] }));
+    return (_jsxs("div", { className: `appkit-progress ${className}`, "data-section": "progress-div-572", children: [label && (_jsx(Span, { className: "appkit-progress__label appkit-progress__label--block", children: label })), _jsx("div", { className: `appkit-progress__track appkit-progress__track--indeterminate ${sizeClasses[size]}`, role: "progressbar", "aria-label": label || "Loading...", "data-section": "progress-div-573", children: _jsx("div", { className: `appkit-progress__bar appkit-progress__bar--indeterminate ${variantClasses[variant]}`, style: { width: "40%" } }) })] }));
 }

package/dist/ui/components/Quote.js

@@ -8,11 +8,8 @@ const TONE_CLS = {
 export function Quote({ children, cite, tone = "default", block = false }) {
     if (block) {
         return (_jsx("blockquote", { cite: cite, 
-            // audit-variant-ok: Quote(block) is the catalogued primitive for
             // <blockquote>. tone comes from typed enum.
             className: `border-l-4 border-[var(--appkit-color-border)] pl-4 italic ${TONE_CLS[tone]}`, children: children }));
     }
-    return (_jsx("q", { cite: cite, 
-        // audit-variant-ok: Quote is the catalogued primitive for <q>.
-        className: TONE_CLS[tone], children: children }));
+    return (_jsx("q", { cite: cite, className: TONE_CLS[tone], children: children }));
 }

package/dist/ui/components/Responsive.js

@@ -60,20 +60,16 @@ function buildHideClass(above, below, inline) {
 export function Show({ children, above, below, inline = false }) {
     const Tag = inline ? "span" : "div";
     return (_jsx(Tag
-    // audit-variant-ok: Show is the catalogued primitive for responsive
     // conditional render. above/below come from typed enums.
     , { 
-        // audit-variant-ok: Show is the catalogued primitive for responsive
         // conditional render. above/below come from typed enums.
         className: buildShowClass(above, below, inline), children: children }));
 }
 export function Hide({ children, above, below, inline = false }) {
     const Tag = inline ? "span" : "div";
     return (_jsx(Tag
-    // audit-variant-ok: Hide is the catalogued primitive for responsive
     // conditional render. above/below come from typed enums.
     , { 
-        // audit-variant-ok: Hide is the catalogued primitive for responsive
         // conditional render. above/below come from typed enums.
         className: buildHideClass(above, below, inline), children: children }));
 }

package/dist/ui/components/RowActionMenu.js

@@ -38,9 +38,7 @@ export function RowActionMenu({ actions, align = "right", }) {
         setOpen((v) => !v);
     }, [open, align]);
     const dropdown = open && pos && mounted
-        ? createPortal(_jsx("div", { ref: dropdownRef, role: "menu", className: "appkit-row-action-menu__dropdown", 
-            // audit-inline-style-ok: dynamic CSS
-            style: {
+        ? createPortal(_jsx("div", { ref: dropdownRef, role: "menu", className: "appkit-row-action-menu__dropdown", style: {
                 position: "fixed",
                 zIndex: "var(--appkit-z-modal)",
                 top: pos.top,

package/dist/ui/components/Scrim.js

@@ -12,7 +12,6 @@ const INTENSITY_CLS = {
     strong: "from-black/80 via-black/30 to-transparent",
 };
 export function Scrim({ direction = "bottom-up", intensity = "medium", multiply = false, className = "", }) {
-    // audit-variant-ok: Scrim is the catalogued primitive for dark fade overlays.
     // direction + intensity come from typed enums; the gradient classes are the
     // primitive's internal CSS, not consumer-authored utilities.
     return (_jsx("div", { "aria-hidden": "true", className: [

package/dist/ui/components/SiteLogo.js

@@ -35,20 +35,12 @@ export function SiteLogo({ size = "md", tone = "brand", title = "LetItRip.in", s
     const heightCls = SIZE_HEIGHTS[size];
     if (src) {
         return (_jsx(MediaImage, { src: src, alt: title, size: "thumbnail", objectFit: "contain", 
-            // audit-variant-ok: SiteLogo uses a fixed-height responsive class set
             // backed by the catalogued `size` enum; no consumer-provided overrides.
             className: `block w-auto ${heightCls}` }));
     }
     const fill = resolveFill(tone);
     const isGradient = tone === "brand";
     return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 214 56", role: "img", "aria-label": title, "data-testid": "site-logo", 
-        // audit-variant-ok: SiteLogo uses a fixed-height responsive class set
         // backed by the catalogued `size` enum; no consumer-provided overrides.
-        className: `block w-auto ${heightCls}`, children: [_jsx("title", { children: title }), isGradient && (_jsx("defs", { children: _jsxs("linearGradient", { id: GRADIENT_ID, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [_jsx("stop", { offset: "0%", 
-                            // audit-inline-style-ok: SVG gradient stop must be inline
-                            style: { stopColor: "var(--appkit-color-primary-700)" } }), _jsx("stop", { offset: "55%", 
-                            // audit-inline-style-ok: SVG gradient stop must be inline
-                            style: { stopColor: "var(--appkit-color-primary-500)" } }), _jsx("stop", { offset: "100%", 
-                            // audit-inline-style-ok: SVG gradient stop must be inline
-                            style: { stopColor: "var(--appkit-color-secondary-400)" } })] }) })), _jsx("text", { x: "0", y: "44", fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", fontWeight: "800", fontSize: "44", letterSpacing: "-1.5", fill: fill, children: "LetItRip" }), _jsx("rect", { x: "169", y: "5", width: "43", height: "21", rx: "10.5", fill: fill, opacity: "0.12" }), _jsx("text", { x: "174", y: "21", fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", fontWeight: "700", fontSize: "15", letterSpacing: "0.2", fill: fill, children: ".in" })] }));
+        className: `block w-auto ${heightCls}`, children: [_jsx("title", { children: title }), isGradient && (_jsx("defs", { children: _jsxs("linearGradient", { id: GRADIENT_ID, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [_jsx("stop", { offset: "0%", style: { stopColor: "var(--appkit-color-primary-700)" } }), _jsx("stop", { offset: "55%", style: { stopColor: "var(--appkit-color-primary-500)" } }), _jsx("stop", { offset: "100%", style: { stopColor: "var(--appkit-color-secondary-400)" } })] }) })), _jsx("text", { x: "0", y: "44", fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", fontWeight: "800", fontSize: "44", letterSpacing: "-1.5", fill: fill, children: "LetItRip" }), _jsx("rect", { x: "169", y: "5", width: "43", height: "21", rx: "10.5", fill: fill, opacity: "0.12" }), _jsx("text", { x: "174", y: "21", fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", fontWeight: "700", fontSize: "15", letterSpacing: "0.2", fill: fill, children: ".in" })] }));
 }

package/dist/ui/components/Skeleton.js

@@ -17,7 +17,5 @@ export function Skeleton({ variant = "text", width, height, className = "", anim
         width: width ?? defaultSize.width,
         height: height ?? defaultSize.height,
     };
-    return (_jsx("div", { className: `appkit-skeleton ${variantClass} ${animationClass} ${className}`, 
-        // audit-inline-style-ok: pass-through style prop
-        style: style, role: "status", "aria-label": "Loading", "data-section": "skeleton-div-606", children: _jsx("span", { className: "appkit-sr-only", children: "Loading..." }) }));
+    return (_jsx("div", { className: `appkit-skeleton ${variantClass} ${animationClass} ${className}`, style: style, role: "status", "aria-label": "Loading", "data-section": "skeleton-div-606", children: _jsx("span", { className: "appkit-sr-only", children: "Loading..." }) }));
 }

package/dist/ui/components/Slider.js

@@ -30,9 +30,7 @@ export function Slider({ value: controlledValue, defaultValue = 0, min = 0, max
                         ].join(" "), "data-section": "slider-div-610", children: _jsx("div", { className: [
                                 "h-full rounded-full bg-lime-600 dark:bg-pink-500",
                                 SIZE_CLASSES[size],
-                            ].join(" "), 
-                            // audit-inline-style-ok: computed percentage
-                            style: { width: `${Math.max(0, Math.min(100, percentage))}%` } }) }), _jsx("input", { id: inputId, type: "range", min: min, max: max, step: step, value: value, disabled: disabled, onChange: handleChange, onMouseUp: handleChangeEnd, onTouchEnd: handleChangeEnd, className: [
+                            ].join(" "), style: { width: `${Math.max(0, Math.min(100, percentage))}%` } }) }), _jsx("input", { id: inputId, type: "range", min: min, max: max, step: step, value: value, disabled: disabled, onChange: handleChange, onMouseUp: handleChangeEnd, onTouchEnd: handleChangeEnd, className: [
                             "appkit-slider relative z-10 bg-transparent",
                             disabled ? "appkit-slider--disabled" : "cursor-pointer",
                             SIZE_CLASSES[size],

package/dist/ui/components/StickyToolbar.js

@@ -27,7 +27,6 @@ export function StickyToolbar({ children, offset = "header", tone = "translucent
     const borderCls = border ? "border-b border-[var(--appkit-color-border)]" : "";
     const zCls = z === "above-content" ? "z-10" : "z-[5]";
     return (_jsx("div", { role: role, 
-        // audit-sticky-offset-ok: StickyToolbar is the catalogued primitive
         // for the translucent sticky-toolbar pattern. The header offset is
         // sourced from --header-height (set by AppLayoutShell at runtime).
         className: `sticky ${offsetCls} ${zCls} ${TONE_CLS[tone]} ${borderCls} ${PADDING_CLS[padding]}`, children: children }));

package/dist/ui/components/TabStrip.js

@@ -42,9 +42,7 @@ export function TabStrip({ tabs, activeKey, onChange, minTabWidth = FLUID_GRID_M
         }
     }, [activeKey, scrollOffset, visibleCount, tabs, setScrollOffset]);
     const visible = tabs.slice(scrollOffset, scrollOffset + visibleCount);
-    return (_jsxs("div", { ref: containerRef, role: "tablist", className: ["appkit-tab-strip", className ?? ""].join(" ").trim(), children: [hasOverflow && (_jsx("button", { type: "button", onClick: scrollLeft, disabled: !canScrollLeft, "aria-label": "Previous tabs", className: "appkit-tab-strip__arrow", children: "\u2039" })), visible.map((tab) => (_jsxs("button", { type: "button", role: "tab", "aria-selected": tab.key === activeKey, "aria-disabled": tab.disabled, onClick: () => !tab.disabled && onChange(tab.key), 
-                // audit-inline-style-ok: computed pixel offset
-                style: { minWidth: `${minTabWidth}px` }, className: [
+    return (_jsxs("div", { ref: containerRef, role: "tablist", className: ["appkit-tab-strip", className ?? ""].join(" ").trim(), children: [hasOverflow && (_jsx("button", { type: "button", onClick: scrollLeft, disabled: !canScrollLeft, "aria-label": "Previous tabs", className: "appkit-tab-strip__arrow", children: "\u2039" })), visible.map((tab) => (_jsxs("button", { type: "button", role: "tab", "aria-selected": tab.key === activeKey, "aria-disabled": tab.disabled, onClick: () => !tab.disabled && onChange(tab.key), style: { minWidth: `${minTabWidth}px` }, className: [
                     "appkit-tab-strip__tab",
                     tab.key === activeKey
                         ? "appkit-tab-strip__tab--active"

package/dist/ui/components/Toast.js

@@ -79,9 +79,7 @@ function ToastRow({ toast, onClose, }) {
         error: _jsx("span", { "aria-hidden": "true", children: "!" }),
         warning: _jsx("span", { "aria-hidden": "true", children: "!" }),
         info: _jsx("span", { "aria-hidden": "true", children: "i" }),
-        loading: (_jsx("span", { "aria-hidden": "true", className: "inline-block animate-spin", 
-            // audit-inline-style-ok: built-in CSS spinner geometry, no Tailwind class produces the equivalent border-right-transparent ring without extra config.
-            style: { width: "1em", height: "1em", border: "2px solid currentColor", borderRightColor: "transparent", borderRadius: "9999px" } })),
+        loading: (_jsx("span", { "aria-hidden": "true", className: "inline-block animate-spin", style: { width: "1em", height: "1em", border: "2px solid currentColor", borderRightColor: "transparent", borderRadius: "9999px" } })),
     };
     return (_jsxs(motion.div, { role: "alert", "data-testid": "toast", className: [UI_TOAST.row, UI_TOAST.variants[toast.variant]].join(" "), layout: true, initial: reduced ? false : { opacity: 0, x: 24, scale: 0.95 }, animate: { opacity: 1, x: 0, scale: 1 }, exit: { opacity: 0, x: 24, scale: 0.95 }, transition: SPRING_SNAPPY, "data-section": "toast-div-624", children: [_jsx("div", { className: UI_TOAST.icon, "data-section": "toast-div-625", children: iconMap[toast.variant] }), _jsx(Text, { as: "div", size: "sm", weight: "medium", className: "flex-1 pr-1", children: toast.message }), toast.action && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => { toast.action.onClick(); onClose(toast.id); }, className: "min-h-0 shrink-0 px-2 py-1 font-semibold underline", children: toast.action.label })), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onClose(toast.id), className: "min-h-0 shrink-0 px-2 py-1", "aria-label": "Close notification", children: "\u00D7" })] }));
 }

package/dist/ui/components/Tooltip.js

@@ -66,11 +66,8 @@ export function Tooltip({ label, children, side = "top", delay = 400, mobileShee
         return () => document.removeEventListener("keydown", handler);
     }, [mobileOpen]);
     // Clone child to inject aria-label + mouse/focus/touch handlers
-    // audit-unknown-ok: ReactElement props clone — children props arbitrary
     const existingProps = children.props;
-    const child = React.cloneElement(
-    // audit-unknown-ok: ReactElement props clone — children props arbitrary
-    children, {
+    const child = React.cloneElement(children, {
         "aria-label": existingProps["aria-label"] ?? label,
         onMouseEnter: (e) => {
             if (typeof existingProps.onMouseEnter === "function")

package/dist/ui/components/UnsavedChangesModal.js

@@ -16,9 +16,7 @@ export function UnsavedChangesModal({ labels = {} }) {
     const [isOpen, setIsOpen] = useState(false);
     const [resolve, setResolve] = useState(null);
     useEffect(() => {
-        const subscription = eventBus.on(UNSAVED_CHANGES_EVENT, 
-        // audit-unknown-ok: ...args spread — caller-defined handler signature
-        (...args) => {
+        const subscription = eventBus.on(UNSAVED_CHANGES_EVENT, (...args) => {
             const resolveFn = args[0];
             setResolve(() => resolveFn);
             setIsOpen(true);

package/dist/ui/rich-text/RichText.js

@@ -151,7 +151,7 @@ function attachCopyButtons(container) {
                     btn.textContent = "Copy";
                 }, 1800);
             })
-                .catch(() => { }); // audit-silent-catch-ok: clipboard denial is non-fatal; "Copied!" label simply won't toggle
+                .catch(() => { });
         });
         pre.appendChild(btn);
     });