@mohasinac/appkit 3.5.7 → 3.6.0

package/dist/features/media/upload/ImageUpload.js

@@ -9,13 +9,17 @@ import { normalizeError } from "../../../errors/normalize";
  * Optional camera capture (captureSource="both").
  */
 import { useState, useRef } from "react";
+import dynamic from "next/dynamic";
 import { useTranslations } from "next-intl";
 import { useCamera } from "../../../react";
 import { Alert, Button, Div, Label, Progress, Row, Spinner, Stack, Text, useToast } from "../../../ui";
 import { MediaImage } from "../MediaImage";
-import { ImageCropModal } from "../modals/ImageCropModal";
-import { ImageEditor } from "../modals/ImageEditor";
 import CameraCapture from "./CameraCapture";
+// Crop/editor modals pull in image-manipulation libraries (react-advanced-cropper
+// and friends) that most upload sessions never open — lazy-load so that weight
+// isn't in the initial bundle for every page that renders an ImageUpload field.
+const ImageCropModal = dynamic(() => import("../modals/ImageCropModal").then((m) => m.ImageCropModal), { ssr: false });
+const ImageEditor = dynamic(() => import("../modals/ImageEditor").then((m) => m.ImageEditor), { ssr: false });
 const __O = {
     hidden: "overflow-hidden",
 };

package/dist/features/media/upload/MediaUploadField.js

@@ -12,12 +12,15 @@ import { useCamera } from "../../../react";
 import { Alert, Anchor, Button, Div, Label, Row, Span, Spinner, Stack, Text } from "../../../ui";
 import { MediaImage } from "../MediaImage";
 import { MediaVideo } from "../MediaVideo";
-import { VideoTrimModal } from "../modals/VideoTrimModal";
+import dynamic from "next/dynamic";
 import { VideoThumbnailSelector } from "../modals/VideoThumbnailSelector";
 import CameraCapture from "./CameraCapture";
 import { extractVideoPosterFrame, posterBlobAsFile } from "./video-poster";
 import { inferMediaTypeFromMime } from "../types/index";
 import { normalizeError } from "../../../errors/normalize";
+// Pulls in video-processing libraries most upload sessions never touch —
+// lazy-load rather than bundle into every page rendering a MediaUploadField.
+const VideoTrimModal = dynamic(() => import("../modals/VideoTrimModal").then((m) => m.VideoTrimModal), { ssr: false });
 const CLS_PDF_BADGE = "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-error-surface text-error dark:bg-error-surface dark:text-error";
 const CLS_PDF_NAME = "text-[length:var(--appkit-text-sm)] font-medium text-info underline break-all dark:text-info";
 const CLS_PDF_LINK = "text-[length:var(--appkit-text-sm)] underline break-all text-info dark:text-info";

package/dist/styles.css

@@ -281,7 +281,7 @@
 
   --appkit-color-text:             #18181b;    /* zinc-900 */
   --appkit-color-text-muted:       #71717a;    /* zinc-500 */
-  --appkit-color-text-faint:       #a1a1aa;    /* zinc-400 */
+  --appkit-color-text-faint:       #87878f;    /* zinc-400 darkened for WCAG AA large-text 3:1 on --appkit-color-bg (audit-a11y) */
   --appkit-color-text-on-primary:  #ffffff;
   --appkit-color-text-on-dark:     #ffffff;
 
@@ -5868,6 +5868,15 @@
 .appkit-tabs-list {
   display: flex;
   border-bottom: 1px solid var(--appkit-color-border);
+  /* Consumers with many tabs (e.g. AdminSiteSettingsView's 17 groups) would
+     otherwise overflow past the container with no way to reach the later
+     triggers — found via Playwright driving a real browser at 1440px wide,
+     where tabs 16-17 were positioned off-screen and unreachable even after
+     scrollIntoViewIfNeeded(). Horizontal scroll keeps every tab reachable
+     regardless of trigger count or viewport width. */
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
 }
 
 .appkit-tabs-trigger {
@@ -5877,6 +5886,8 @@
   font-size: 0.875rem;
   font-weight: 500;
   transition: color 0.15s;
+  white-space: nowrap;
+  flex-shrink: 0;
 }
 .appkit-tabs-trigger[aria-selected="true"] {
   border-color: var(--color-primary, #65a30d);

package/dist/tokens/themes/default-light.js

@@ -46,7 +46,7 @@ export const DEFAULT_LIGHT_THEME = {
         "appkit-color-border-subtle": "#f4f4f5",
         "appkit-color-text": "#18181b",
         "appkit-color-text-muted": "#71717a",
-        "appkit-color-text-faint": "#a1a1aa",
+        "appkit-color-text-faint": "#87878f",
         "appkit-color-text-on-primary": "#ffffff",
         "appkit-color-success": "#059669",
         "appkit-color-success-surface": "#ecfdf5",

package/dist/tokens/tokens.css

@@ -263,7 +263,7 @@
 
   --appkit-color-text:             #18181b;    /* zinc-900 */
   --appkit-color-text-muted:       #71717a;    /* zinc-500 */
-  --appkit-color-text-faint:       #a1a1aa;    /* zinc-400 */
+  --appkit-color-text-faint:       #87878f;    /* zinc-400 darkened for WCAG AA large-text 3:1 on --appkit-color-bg (audit-a11y) */
   --appkit-color-text-on-primary:  #ffffff;
   --appkit-color-text-on-dark:     #ffffff;
 

package/dist/ui/components/Tabs.style.css

@@ -3,6 +3,15 @@
 .appkit-tabs-list {
   display: flex;
   border-bottom: 1px solid var(--appkit-color-border);
+  /* Consumers with many tabs (e.g. AdminSiteSettingsView's 17 groups) would
+     otherwise overflow past the container with no way to reach the later
+     triggers — found via Playwright driving a real browser at 1440px wide,
+     where tabs 16-17 were positioned off-screen and unreachable even after
+     scrollIntoViewIfNeeded(). Horizontal scroll keeps every tab reachable
+     regardless of trigger count or viewport width. */
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
 }
 
 .appkit-tabs-trigger {
@@ -12,6 +21,8 @@
   font-size: 0.875rem;
   font-weight: 500;
   transition: color 0.15s;
+  white-space: nowrap;
+  flex-shrink: 0;
 }
 .appkit-tabs-trigger[aria-selected="true"] {
   border-color: var(--color-primary, #65a30d);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "3.5.7",
+  "version": "3.6.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

package/tsconfig.base.json

@@ -5,6 +5,11 @@
     "lib": ["dom", "dom.iterable", "esnext"],
     "skipLibCheck": true,
     "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noFallthroughCasesInSwitch": true,
     "esModuleInterop": true,
     "module": "esnext",
     "moduleResolution": "bundler",