@mohasinac/appkit 3.0.0 → 3.0.1

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);
     });

package/dist/utils/action-response.js

@@ -1,6 +1,5 @@
 import { serverLogger } from "../monitoring";
 import { AuthorizationError, NotFoundError, ValidationError, } from "../errors";
-// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 export function handleActionError(err) {
     const devDebug = process.env.NODE_ENV === "development"
         ? { stack: err instanceof Error ? err.stack : String(err) }

package/dist/utils/date.formatter.js

@@ -6,7 +6,6 @@ import { getDefaultLocale } from "../core/baseline-resolver";
  * Resolve any date-like value (Date, ISO string, number, or Firestore Timestamp JSON)
  * into a native Date object. Returns null for falsy or unparseable input.
  */
-// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 export function resolveDate(value) {
     if (!value)
         return null;

package/dist/utils/object.helper.js

@@ -44,7 +44,6 @@ export function deepClone(obj) {
     if (obj === null || typeof obj !== "object")
         return obj;
     if (Array.isArray(obj))
-        // audit-unknown-ok: TS structural escape — generic param
         return obj.map((item) => deepClone(item));
     const cloned = {};
     const objectRecord = obj;
@@ -53,7 +52,6 @@ export function deepClone(obj) {
     });
     return cloned;
 }
-// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 export function isEqual(obj1, obj2) {
     if (obj1 === obj2)
         return true;

package/dist/utils/schema-ui.js

@@ -112,9 +112,7 @@ const DEFAULT_OMIT = ["id", "createdAt", "updatedAt", "deletedAt"];
  * @param options  Optional config: `omit`, `include`.
  * @returns        Array of `DerivedField` descriptors, one per schema property.
  */
-export function deriveFormFields(
-// audit-unknown-ok: Zod schema UI introspection — schema is caller-defined
-schema, options = {}) {
+export function deriveFormFields(schema, options = {}) {
     const zodLike = schema;
     // Unwrap ZodEffects to reach the ZodObject
     const unwrapped = unwrapZodType(zodLike);

package/dist/validation/input.validator.js

@@ -1,7 +1,6 @@
 /**
  * General Input Validation Utilities
  */
-// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 export function isRequired(value) {
     if (value === null || value === undefined)
         return false;

package/dist/validation/schemas.js

@@ -185,9 +185,7 @@ export const trimDataSchema = z
 // ============================================
 // REQUEST VALIDATION HELPERS
 // ============================================
-export function validateRequestBody(schema, 
-// audit-unknown-ok: callback entry point — accepts arbitrary payload value
-body) {
+export function validateRequestBody(schema, body) {
     const result = schema.safeParse(body);
     if (result.success) {
         return { success: true, data: result.data };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -124,7 +124,10 @@
     "scripts/init-config.mjs",
     "scripts/labels-extract.mjs",
     "scripts/seed-cli.mjs",
-    "scripts/seed-cli-loader.mjs"
+    "scripts/seed-cli-loader.mjs",
+    "scripts/dedupe-peer-deps.mjs",
+    "scripts/copy-assets.mjs",
+    "scripts/bundle-css.mjs"
   ],
   "bin": {
     "appkit-sieve-audit": "./scripts/sieve-audit.mjs",