@mohasinac/appkit 2.7.57 → 2.7.59

package/dist/ui/components/surface-tokens.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Surface & layout tokens — shared prop maps for all layout primitives.
+ *
+ * These maps power the Bootstrap/MUI-style props (`surface`, `padding`,
+ * `rounded`, `border`, `shadow`) on Stack, Row, Grid, Container, Section,
+ * Article, Main, Aside, Div, BlockHeader, and BlockFooter.
+ */
+export declare const SURFACE_MAP: {
+    readonly none: "";
+    readonly default: "bg-white dark:bg-slate-900";
+    readonly muted: "bg-zinc-50 dark:bg-slate-950";
+    readonly subtle: "bg-zinc-100 dark:bg-slate-900";
+    readonly inset: "bg-zinc-200 dark:bg-slate-800";
+    readonly card: "bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 rounded-xl shadow-sm";
+    readonly elevated: "bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 rounded-2xl shadow-md";
+    readonly interactive: "bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 rounded-xl shadow-sm hover:shadow-md hover:border-primary-300/60 dark:hover:border-secondary-500/60 transition-all cursor-pointer";
+    readonly glass: "backdrop-blur-md bg-white/85 dark:bg-slate-900/85 border border-zinc-200/60 dark:border-slate-700/40 rounded-2xl shadow-lg";
+    readonly form: "bg-white dark:bg-slate-900 rounded-2xl border border-zinc-200 dark:border-slate-700 shadow-sm";
+};
+export type SurfaceKey = keyof typeof SURFACE_MAP;
+export declare const PADDING_MAP: {
+    readonly none: "";
+    readonly xs: "p-2";
+    readonly sm: "p-3";
+    readonly md: "p-4";
+    readonly lg: "p-6";
+    readonly xl: "p-8";
+    readonly card: "p-5 sm:p-6 lg:p-8";
+    readonly section: "py-10 sm:py-14 xl:py-20";
+    readonly sectionSm: "py-6 sm:py-10";
+    readonly page: "py-6 sm:py-8 lg:py-10";
+    readonly inline: "px-4 py-3";
+    readonly inlineSm: "px-3 py-2";
+    readonly inlineLg: "px-6 py-4";
+};
+export type PaddingKey = keyof typeof PADDING_MAP;
+export declare const ROUNDED_MAP: {
+    readonly none: "";
+    readonly sm: "rounded-sm";
+    readonly md: "rounded-md";
+    readonly lg: "rounded-lg";
+    readonly xl: "rounded-xl";
+    readonly "2xl": "rounded-2xl";
+    readonly full: "rounded-full";
+};
+export type RoundedKey = keyof typeof ROUNDED_MAP;
+export declare const BORDER_MAP: {
+    readonly none: "";
+    readonly default: "border border-zinc-200 dark:border-slate-700";
+    readonly subtle: "border border-zinc-100 dark:border-slate-800/60";
+    readonly strong: "border border-zinc-300 dark:border-slate-600";
+    readonly dashed: "border border-dashed border-zinc-300 dark:border-slate-600";
+};
+export type BorderKey = keyof typeof BORDER_MAP;
+export declare const SHADOW_MAP: {
+    readonly none: "";
+    readonly sm: "shadow-sm";
+    readonly md: "shadow-md";
+    readonly lg: "shadow-lg";
+    readonly xl: "shadow-xl";
+};
+export type ShadowKey = keyof typeof SHADOW_MAP;
+export interface SurfaceProps {
+    surface?: SurfaceKey;
+    padding?: PaddingKey;
+    rounded?: RoundedKey;
+    border?: BorderKey;
+    shadow?: ShadowKey;
+}
+export declare function buildSurfaceClasses(props: SurfaceProps): string;

package/dist/ui/components/surface-tokens.js

@@ -0,0 +1,68 @@
+/**
+ * Surface & layout tokens — shared prop maps for all layout primitives.
+ *
+ * These maps power the Bootstrap/MUI-style props (`surface`, `padding`,
+ * `rounded`, `border`, `shadow`) on Stack, Row, Grid, Container, Section,
+ * Article, Main, Aside, Div, BlockHeader, and BlockFooter.
+ */
+export const SURFACE_MAP = {
+    none: "",
+    default: "bg-white dark:bg-slate-900",
+    muted: "bg-zinc-50 dark:bg-slate-950",
+    subtle: "bg-zinc-100 dark:bg-slate-900",
+    inset: "bg-zinc-200 dark:bg-slate-800",
+    card: "bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 rounded-xl shadow-sm",
+    elevated: "bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 rounded-2xl shadow-md",
+    interactive: "bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 rounded-xl shadow-sm hover:shadow-md hover:border-primary-300/60 dark:hover:border-secondary-500/60 transition-all cursor-pointer",
+    glass: "backdrop-blur-md bg-white/85 dark:bg-slate-900/85 border border-zinc-200/60 dark:border-slate-700/40 rounded-2xl shadow-lg",
+    form: "bg-white dark:bg-slate-900 rounded-2xl border border-zinc-200 dark:border-slate-700 shadow-sm",
+};
+export const PADDING_MAP = {
+    none: "",
+    xs: "p-2",
+    sm: "p-3",
+    md: "p-4",
+    lg: "p-6",
+    xl: "p-8",
+    card: "p-5 sm:p-6 lg:p-8",
+    section: "py-10 sm:py-14 xl:py-20",
+    sectionSm: "py-6 sm:py-10",
+    page: "py-6 sm:py-8 lg:py-10",
+    inline: "px-4 py-3",
+    inlineSm: "px-3 py-2",
+    inlineLg: "px-6 py-4",
+};
+export const ROUNDED_MAP = {
+    none: "",
+    sm: "rounded-sm",
+    md: "rounded-md",
+    lg: "rounded-lg",
+    xl: "rounded-xl",
+    "2xl": "rounded-2xl",
+    full: "rounded-full",
+};
+export const BORDER_MAP = {
+    none: "",
+    default: "border border-zinc-200 dark:border-slate-700",
+    subtle: "border border-zinc-100 dark:border-slate-800/60",
+    strong: "border border-zinc-300 dark:border-slate-600",
+    dashed: "border border-dashed border-zinc-300 dark:border-slate-600",
+};
+export const SHADOW_MAP = {
+    none: "",
+    sm: "shadow-sm",
+    md: "shadow-md",
+    lg: "shadow-lg",
+    xl: "shadow-xl",
+};
+export function buildSurfaceClasses(props) {
+    return [
+        props.surface ? SURFACE_MAP[props.surface] : "",
+        props.padding ? PADDING_MAP[props.padding] : "",
+        props.rounded ? ROUNDED_MAP[props.rounded] : "",
+        props.border ? BORDER_MAP[props.border] : "",
+        props.shadow ? SHADOW_MAP[props.shadow] : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+}

package/dist/ui/forms/FormShell.d.ts

@@ -1,4 +1,5 @@
 import React, { type ReactNode } from "react";
+import type { ZodType } from "zod";
 export interface FormShellStep {
     id: string;
     label: string;
@@ -32,6 +33,10 @@ export interface FormShellProps {
     onPublish: (values: Record<string, unknown>) => Promise<void>;
     /** Current form values — caller owns state */
     values: Record<string, unknown>;
+    /** Zod schema for auto-validation on publish. Errors are mapped to field names. */
+    schema?: ZodType;
+    /** When true + schema provided, validate on every value change (not just publish). */
+    validateOnChange?: boolean;
     /** Whether any values differ from the persisted state */
     isDirty?: boolean;
     draftId?: string;
@@ -63,4 +68,4 @@ export interface FormShellProviderProps {
     values?: Record<string, unknown>;
 }
 export declare function FormShellProvider({ children, onSaveDraft, isDirty, autoSaveDelayMs, values, }: FormShellProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function FormShell({ steps, onSaveDraft, onPublish, values, isDirty, autoSaveDelayMs, publishLabel, saveDraftLabel, title, className, mobileAccordion, }: FormShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormShell({ steps, onSaveDraft, onPublish, values, schema, validateOnChange, isDirty, autoSaveDelayMs, publishLabel, saveDraftLabel, title, className, mobileAccordion, }: FormShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/forms/FormShell.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { Button } from "../components/Button";
-import { Heading, Text } from "../components/Typography";
+import { Heading, Span, Text } from "../components/Typography";
 // ─── Context ──────────────────────────────────────────────────────────────────
 export const FormShellContext = createContext(null);
 export function useFormShell() {
@@ -61,7 +61,7 @@ function ErrorSummary({ errors, visible }) {
     const entries = Object.entries(errors).filter(([, v]) => v);
     if (!visible || entries.length === 0)
         return null;
-    return (_jsxs("div", { className: "appkit-formshell__error-summary", role: "alert", "aria-live": "assertive", children: [_jsxs(Text, { size: "sm", variant: "error", className: "appkit-formshell__error-summary__title", children: ["Please fix ", entries.length, " error", entries.length !== 1 ? "s" : "", " before publishing."] }), _jsx("ul", { className: "appkit-formshell__error-summary__list", children: entries.map(([field, msg]) => (_jsx("li", { children: _jsxs(Text, { size: "sm", variant: "error", children: [_jsx("strong", { children: field }), ": ", msg] }) }, field))) })] }));
+    return (_jsxs("div", { className: "appkit-formshell__error-summary", role: "alert", "aria-live": "assertive", children: [_jsxs(Text, { size: "sm", variant: "error", className: "appkit-formshell__error-summary__title", children: ["Please fix ", entries.length, " error", entries.length !== 1 ? "s" : "", " before publishing."] }), _jsx("ul", { className: "appkit-formshell__error-summary__list", children: entries.map(([field, msg]) => (_jsx("li", { children: _jsxs(Text, { size: "sm", variant: "error", children: [_jsx(Span, { weight: "bold", children: field }), ": ", msg] }) }, field))) })] }));
 }
 export function FormShellProvider({ children, onSaveDraft, isDirty = false, autoSaveDelayMs = 2000, values = {}, }) {
     const [errors, setErrors] = useState({});
@@ -122,8 +122,25 @@ export function FormShellProvider({ children, onSaveDraft, isDirty = false, auto
     }), [errors, touched, setFieldError, setFieldTouched, clearFieldError, isDirty]);
     return _jsx(FormShellContext.Provider, { value: ctx, children: children });
 }
+// ─── Schema validation helper ────────────────────────────────────────────────
+function validateSchema(schema, values, setFieldError, setErrors) {
+    const result = schema.safeParse(values);
+    if (result.success) {
+        setErrors({});
+        return true;
+    }
+    const newErrors = {};
+    for (const issue of result.error.issues) {
+        const path = issue.path.join(".");
+        if (path && !newErrors[path]) {
+            newErrors[path] = issue.message;
+        }
+    }
+    setErrors(newErrors);
+    return false;
+}
 // ─── FormShell ────────────────────────────────────────────────────────────────
-export function FormShell({ steps, onSaveDraft, onPublish, values, isDirty = false, autoSaveDelayMs = 2000, publishLabel = "Publish", saveDraftLabel = "Save Draft", title, className = "", mobileAccordion = true, }) {
+export function FormShell({ steps, onSaveDraft, onPublish, values, schema, validateOnChange = false, isDirty = false, autoSaveDelayMs = 2000, publishLabel = "Publish", saveDraftLabel = "Save Draft", title, className = "", mobileAccordion = true, }) {
     const [errors, setErrors] = useState({});
     const [touched, setTouched] = useState({});
     const [currentStep, setCurrentStep] = useState(0);
@@ -198,8 +215,19 @@ export function FormShell({ steps, onSaveDraft, onPublish, values, isDirty = fal
             setIsSubmitting(false);
         }
     }, [onSaveDraft, values]);
+    // Schema-driven live validation on value changes
+    useEffect(() => {
+        if (!schema || !validateOnChange)
+            return;
+        validateSchema(schema, values, setFieldError, setErrors);
+    }, [schema, validateOnChange, values, setFieldError]);
     const handlePublish = useCallback(async () => {
         setShowErrorSummary(true);
+        if (schema) {
+            const valid = validateSchema(schema, values, setFieldError, setErrors);
+            if (!valid)
+                return;
+        }
         if (!isPublishReady)
             return;
         setIsSubmitting(true);
@@ -209,7 +237,7 @@ export function FormShell({ steps, onSaveDraft, onPublish, values, isDirty = fal
         finally {
             setIsSubmitting(false);
         }
-    }, [isPublishReady, onPublish, values]);
+    }, [isPublishReady, onPublish, values, schema, setFieldError]);
     const ctx = useMemo(() => ({
         errors,
         touched,

package/dist/ui/index.d.ts

@@ -10,10 +10,11 @@ export type { FieldCheckboxProps } from "./forms";
 export { FieldCheckbox } from "./forms";
 export { buildColumns, createColumnBuilder, renderBoolean, renderCurrency, renderCurrencyCompact, renderCount, renderNullable, renderRating, } from "./columns";
 export type { BooleanRenderOpts, RatingMode, RatingRenderOpts, } from "./columns";
-export type { SectionProps, ArticleProps, MainProps, AsideProps, NavProps, BlockHeaderProps, BlockFooterProps, HeaderProps, FooterProps, UlProps, OlProps, LiProps, } from "./components/Semantic";
-export { Section, Article, Main, Aside, Nav, BlockHeader, BlockFooter, Header, Footer, Ul, Ol, Li, } from "./components/Semantic";
+export type { SectionProps, ArticleProps, MainProps, AsideProps, NavProps, BlockHeaderProps, BlockFooterProps, HeaderProps, FooterProps, UlProps, OlProps, LiProps, TableProps, TheadProps, TbodyProps, TrProps, ThProps, TdProps, CodeProps, PreProps, BlockquoteProps, FigureProps, FigcaptionProps, DlProps, DtProps, DdProps, } 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 type { DivProps } from "./components/Div";
 export { Div } from "./components/Div";
+export type { ColorVariant } from "./components/Typography";
 export { Heading, Text, Label, Caption, Span } from "./components/Typography";
 export { FilterChipGroup } from "./components/FilterChipGroup";
 export type { FilterChipGroupProps, FilterChipGroupTab, } from "./components/FilterChipGroup";
@@ -158,6 +159,8 @@ export type { ActiveFilter, ActiveFilterChipsProps, } from "./components/ActiveF
 export { ActiveFilterChips } from "./components/ActiveFilterChips";
 export type { SortOption, SortDropdownProps } from "./components/SortDropdown";
 export { SortDropdown } from "./components/SortDropdown";
+export type { ListingFilterDrawerProps } from "./components/ListingFilterDrawer";
+export { ListingFilterDrawer } from "./components/ListingFilterDrawer";
 export type { ListingToolbarProps, ListingToolbarSortOption, ListingToolbarLabels, ListingToolbarToggle } from "./components/ListingToolbar";
 export { ListingToolbar } from "./components/ListingToolbar";
 export type { TablePaginationProps, TablePaginationLabels, } from "./components/TablePagination";
@@ -166,6 +169,8 @@ export type { DataTableProps, DataTableColumn } from "./DataTable";
 export { DataTable } from "./DataTable";
 export type { TableConfig, TableViewMode, PaginationConfig, StickyConfig, } from "../contracts";
 export { DEFAULT_TABLE_CONFIG, DEFAULT_PAGINATION_CONFIG, DEFAULT_STICKY_CONFIG, mergeTableConfig, } from "../contracts";
+export type { SurfaceKey, PaddingKey, RoundedKey, BorderKey, ShadowKey, SurfaceProps, } from "./components/surface-tokens";
+export { SURFACE_MAP, PADDING_MAP, ROUNDED_MAP, BORDER_MAP, SHADOW_MAP, buildSurfaceClasses, } from "./components/surface-tokens";
 export type { GapKey, ContainerSize, GridCols, ViewPortal, ContainerProps, StackProps, RowProps, GridProps, } from "./components/Layout";
 export { Container, Stack, Row, Grid, GRID_MAP } from "./components/Layout";
 export { classNames, mergeTailwindClasses } from "./style.helper";
@@ -203,3 +208,7 @@ export type { FormActionBarProps, FormActionBarBreadcrumb } from "./components/F
 export { FormActionBar } from "./components/FormActionBar";
 export type { ConfirmDeleteModalProps } from "./components/ConfirmDeleteModal";
 export { ConfirmDeleteModal } from "./components/ConfirmDeleteModal";
+export type { FadeInProps, SlideUpProps, SlideInProps, ScaleInProps, CollapseProps, PressScaleProps, HoverLiftProps, AnimatedListProps, AnimatedDivProps, AnimatedStackProps, AnimatedRowProps, DraggableProps, SwipeableProps, } from "./components/Motion";
+export { FadeIn, SlideUp, SlideIn, ScaleIn, Collapse, PressScale, HoverLift, AnimatedList, AnimatedDiv, AnimatedStack, AnimatedRow, Draggable, Swipeable, AnimatePresence, } from "./components/Motion";
+export type { MotionPreset } from "../tokens/motion";
+export { MOTION_PRESETS, SPRING_SNAPPY, SPRING_GENTLE, EASE_OUT, } from "../tokens/motion";

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";
@@ -83,10 +82,12 @@ export { AvatarDisplay } from "./components/AvatarDisplay";
 export { DashboardStatsCard } from "./components/DashboardStatsCard";
 export { ActiveFilterChips } from "./components/ActiveFilterChips";
 export { SortDropdown } from "./components/SortDropdown";
+export { ListingFilterDrawer } from "./components/ListingFilterDrawer";
 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 +108,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.59",
   "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"