@mohasinac/appkit 2.7.57 → 2.7.58

package/dist/ui/index.js

@@ -6,9 +6,8 @@ export { FieldSelect } from "./forms";
 export { FieldCheckbox } from "./forms";
 // --- Column utilities ---------------------------------------------------------
 export { buildColumns, createColumnBuilder, renderBoolean, renderCurrency, renderCurrencyCompact, renderCount, renderNullable, renderRating, } from "./columns";
-export { Section, Article, Main, Aside, Nav, BlockHeader, BlockFooter, Header, Footer, Ul, Ol, Li, } from "./components/Semantic";
+export { Section, Article, Main, Aside, Nav, BlockHeader, BlockFooter, Header, Footer, Ul, Ol, Li, Table, Thead, Tbody, Tr, Th, Td, Code, Pre, Blockquote, Figure, Figcaption, Dl, Dt, Dd, } from "./components/Semantic";
 export { Div } from "./components/Div";
-// --- Typography primitives ----------------------------------------------------
 export { Heading, Text, Label, Caption, Span } from "./components/Typography";
 // --- Filter chip group (SB10-C completion, S8 2026-05-13) --------------------
 export { FilterChipGroup } from "./components/FilterChipGroup";
@@ -87,6 +86,7 @@ export { ListingToolbar } from "./components/ListingToolbar";
 export { TablePagination } from "./components/TablePagination";
 export { DataTable } from "./DataTable";
 export { DEFAULT_TABLE_CONFIG, DEFAULT_PAGINATION_CONFIG, DEFAULT_STICKY_CONFIG, mergeTableConfig, } from "../contracts";
+export { SURFACE_MAP, PADDING_MAP, ROUNDED_MAP, BORDER_MAP, SHADOW_MAP, buildSurfaceClasses, } from "./components/surface-tokens";
 export { Container, Stack, Row, Grid, GRID_MAP } from "./components/Layout";
 // --- UI Helpers ---------------------------------------------------------------
 export { classNames, mergeTailwindClasses } from "./style.helper";
@@ -107,3 +107,5 @@ export { default as ImageGallery } from "./components/ImageGallery";
 export { SideDrawer } from "./components/SideDrawer";
 export { FormActionBar } from "./components/FormActionBar";
 export { ConfirmDeleteModal } from "./components/ConfirmDeleteModal";
+export { FadeIn, SlideUp, SlideIn, ScaleIn, Collapse, PressScale, HoverLift, AnimatedList, AnimatedDiv, AnimatedStack, AnimatedRow, Draggable, Swipeable, AnimatePresence, } from "./components/Motion";
+export { MOTION_PRESETS, SPRING_SNAPPY, SPRING_GENTLE, EASE_OUT, } from "../tokens/motion";

package/dist/validation/schemas.d.ts

@@ -122,104 +122,104 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }, {
     height: number;
     width: number;
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }>, {
     height: number;
     width: number;
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }, {
     height: number;
     width: number;
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }>, {
     height: number;
     width: number;
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }, {
     height: number;
     width: number;
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }>, {
     height: number;
     width: number;
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }, {
     height: number;
     width: number;
     x: number;
     y: number;
     sourceUrl: string;
+    aspectRatio?: string | undefined;
     minHeight?: number | undefined;
-    rotation?: number | undefined;
     minWidth?: number | undefined;
+    rotation?: number | undefined;
     quality?: number | undefined;
-    aspectRatio?: string | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
+    outputFolder?: string | undefined;
 }>;
 export declare const trimDataSchema: z.ZodEffects<z.ZodObject<{
     sourceUrl: z.ZodEffects<z.ZodString, string, string>;
@@ -233,29 +233,29 @@ export declare const trimDataSchema: z.ZodEffects<z.ZodObject<{
     endTime: number;
     sourceUrl: string;
     quality?: "medium" | "high" | "low" | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "mp4" | "webm" | undefined;
+    outputFolder?: string | undefined;
 }, {
     startTime: number;
     endTime: number;
     sourceUrl: string;
     quality?: "medium" | "high" | "low" | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "mp4" | "webm" | undefined;
+    outputFolder?: string | undefined;
 }>, {
     startTime: number;
     endTime: number;
     sourceUrl: string;
     quality?: "medium" | "high" | "low" | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "mp4" | "webm" | undefined;
+    outputFolder?: string | undefined;
 }, {
     startTime: number;
     endTime: number;
     sourceUrl: string;
     quality?: "medium" | "high" | "low" | undefined;
-    outputFolder?: string | undefined;
     outputFormat?: "mp4" | "webm" | undefined;
+    outputFolder?: string | undefined;
 }>;
 export declare function validateRequestBody<T>(schema: z.ZodSchema<T>, body: unknown): {
     success: true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "2.7.57",
+  "version": "2.7.58",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -155,6 +155,8 @@
   },
   "dependencies": {
     "@mohasinac/sievejs": "^1.0.0",
+    "motion": "^12.40.0",
+    "react-advanced-cropper": "^0.20.1",
     "tailwind-merge": "^3.3.0",
     "zod": "^3.24.0",
     "zustand": "^5.0.13"