@mohasinac/appkit 4.65.0 → 4.66.0

package/dist/ui/components/HorizontalScroller.js

@@ -171,10 +171,35 @@ export function HorizontalScroller({ children, className = "", gap = 16, snapToI
              * which is what every other grid in the app already does. A full rail is
              * unaffected — `min` is a no-op once itemCount >= perView.
              */
-            const count = Math.min(resolvePerView(perView, w), Math.max(itemCount, 1));
+            const full = resolvePerView(perView, w);
+            const count = Math.min(full, Math.max(itemCount, 1));
             if (count > 0) {
                 setColCount(count);
-                setItemWidth((w - (count - 1) * gap) / count);
+                /*
+                 * 🛑 CLAMPED AT BOTH ENDS, because each end was a real reported defect
+                 * and fixing only one produced the other.
+                 *
+                 * Dividing by `count` alone overshot: with one item the card took the
+                 * ENTIRE row, so the homepage's lone pre-order rendered at 1208px
+                 * against the 288px of every other card on the page — a full-bleed
+                 * billboard whose image dominated the viewport. A product card is
+                 * designed around a column, not a banner.
+                 *
+                 * So a card is NEVER wider than it would be in a full rail. A short
+                 * rail lays its items out at their natural column width and simply
+                 * leaves the remaining columns empty, which is what the reporter
+                 * asked for and what every fixed grid on the page already does — a
+                 * lone pre-order is now the same size as a lone featured product.
+                 *
+                 * 🛑 Both terms subtract the inter-item gaps, and they must, or the
+                 * cap lands a few px off the real column width and the lone card
+                 * reads as subtly misaligned against the grid above it. On a phone
+                 * `full` is 1, so `maxItemWidth` collapses to `w` and a single
+                 * full-width card is correct there — no special case needed.
+                 */
+                const widthAtCount = (w - (count - 1) * gap) / count;
+                const maxItemWidth = (w - (full - 1) * gap) / full;
+                setItemWidth(Math.min(widthAtCount, maxItemWidth));
             }
             updateExtents();
         });

package/dist/ui/components/Repeater.js

@@ -1,6 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Div, Stack, Text } from "../index.js";
+import { Button } from "./Button.js";
+import { Div } from "./Div.js";
+import { Stack } from "./Layout.js";
+import { Text } from "./Typography.js";
 export function Repeater({ rows, onChange, blank, addLabel, renderRow, max, }) {
     return (_jsxs(Stack, { gap: "sm", children: [rows.map((row, i) => (_jsx(Div, { rounded: "lg", border: "default", padding: "sm", children: _jsxs(Stack, { gap: "xs", children: [renderRow(row, (patch) => onChange(rows.map((r, j) => (j === i ? { ...r, ...patch } : r)))), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onChange(rows.filter((_, j) => j !== i)), children: "Remove" })] }) }, i))), rows.length < max ? (_jsx(Button, { variant: "secondary", size: "sm", onClick: () => onChange([...rows, blank()]), children: addLabel })) : (_jsxs(Text, { size: "xs", color: "muted", children: ["Maximum of ", max, " reached."] }))] }));
 }

package/dist/validation/schemas.d.ts

@@ -6,15 +6,15 @@ export declare const paginationQuerySchema: z.ZodObject<{
     sortOrder: z.ZodDefault<z.ZodEnum<["asc", "desc"]>>;
     search: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    page: number;
     limit: number;
+    page: number;
     sortOrder: "desc" | "asc";
     search?: string | undefined;
     sortBy?: string | undefined;
 }, {
+    limit?: number | undefined;
     search?: string | undefined;
     page?: number | undefined;
-    limit?: number | undefined;
     sortBy?: string | undefined;
     sortOrder?: "desc" | "asc" | undefined;
 }>;
@@ -134,8 +134,8 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth: z.ZodOptional<z.ZodNumber>;
     minHeight: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -144,11 +144,11 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -157,11 +157,11 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }>, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -170,11 +170,11 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -183,11 +183,11 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }>, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -196,11 +196,11 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -209,11 +209,11 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }>, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -222,11 +222,11 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }, {
-    height: number;
     width: number;
+    height: number;
     x: number;
     y: number;
     sourceUrl: string;
@@ -235,8 +235,8 @@ export declare const cropDataSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.Zo
     minWidth?: number | undefined;
     rotation?: number | undefined;
     outputFormat?: "webp" | "png" | "jpeg" | undefined;
-    quality?: number | undefined;
     outputFolder?: string | undefined;
+    quality?: number | undefined;
 }>;
 export declare const trimDataSchema: z.ZodEffects<z.ZodObject<{
     sourceUrl: z.ZodEffects<z.ZodString, string, string>;
@@ -247,32 +247,32 @@ export declare const trimDataSchema: z.ZodEffects<z.ZodObject<{
     quality: z.ZodOptional<z.ZodEnum<["low", "medium", "high"]>>;
 }, "strip", z.ZodTypeAny, {
     startTime: number;
-    endTime: number;
     sourceUrl: string;
+    endTime: number;
     outputFormat?: "mp4" | "webm" | undefined;
-    quality?: "medium" | "high" | "low" | undefined;
     outputFolder?: string | undefined;
+    quality?: "low" | "high" | "medium" | undefined;
 }, {
     startTime: number;
-    endTime: number;
     sourceUrl: string;
+    endTime: number;
     outputFormat?: "mp4" | "webm" | undefined;
-    quality?: "medium" | "high" | "low" | undefined;
     outputFolder?: string | undefined;
+    quality?: "low" | "high" | "medium" | undefined;
 }>, {
     startTime: number;
-    endTime: number;
     sourceUrl: string;
+    endTime: number;
     outputFormat?: "mp4" | "webm" | undefined;
-    quality?: "medium" | "high" | "low" | undefined;
     outputFolder?: string | undefined;
+    quality?: "low" | "high" | "medium" | undefined;
 }, {
     startTime: number;
-    endTime: number;
     sourceUrl: string;
+    endTime: number;
     outputFormat?: "mp4" | "webm" | undefined;
-    quality?: "medium" | "high" | "low" | undefined;
     outputFolder?: string | undefined;
+    quality?: "low" | "high" | "medium" | 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": "4.65.0",
+  "version": "4.66.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -193,6 +193,94 @@
     "./features/sticker-trace/server": {
       "types": "./dist/features/sticker-trace/server.d.ts",
       "import": "./dist/features/sticker-trace/server.js"
+    },
+    "./checkout/lanes": {
+      "types": "./dist/_internal/shared/checkout/lanes.d.ts",
+      "import": "./dist/_internal/shared/checkout/lanes.js"
+    },
+    "./checkout/line-members": {
+      "types": "./dist/_internal/shared/checkout/line-members.d.ts",
+      "import": "./dist/_internal/shared/checkout/line-members.js"
+    },
+    "./fees/explain": {
+      "types": "./dist/_internal/shared/fees/explain.d.ts",
+      "import": "./dist/_internal/shared/fees/explain.js"
+    },
+    "./fees/buyer-facing": {
+      "types": "./dist/_internal/shared/features/site-settings/fees.d.ts",
+      "import": "./dist/_internal/shared/features/site-settings/fees.js"
+    },
+    "./emi/schedule": {
+      "types": "./dist/_internal/shared/features/emi/schedule.d.ts",
+      "import": "./dist/_internal/shared/features/emi/schedule.js"
+    },
+    "./listing-types/registry": {
+      "types": "./dist/_internal/shared/listing-types/_registry.d.ts",
+      "import": "./dist/_internal/shared/listing-types/_registry.js"
+    },
+    "./actions/registry": {
+      "types": "./dist/_internal/shared/actions/action-registry.d.ts",
+      "import": "./dist/_internal/shared/actions/action-registry.js"
+    },
+    "./history/types": {
+      "types": "./dist/_internal/shared/history/types.d.ts",
+      "import": "./dist/_internal/shared/history/types.js"
+    },
+    "./orders/config": {
+      "types": "./dist/_internal/shared/features/orders/config.d.ts",
+      "import": "./dist/_internal/shared/features/orders/config.js"
+    },
+    "./media/limits": {
+      "types": "./dist/_internal/shared/media/limits.d.ts",
+      "import": "./dist/_internal/shared/media/limits.js"
+    },
+    "./site-settings/public": {
+      "types": "./dist/_internal/shared/features/site-settings/types.d.ts",
+      "import": "./dist/_internal/shared/features/site-settings/types.js"
+    },
+    "./categories/bundle-copy": {
+      "types": "./dist/_internal/shared/features/categories/bundle-copy.d.ts",
+      "import": "./dist/_internal/shared/features/categories/bundle-copy.js"
+    },
+    "./admin/integrations": {
+      "types": "./dist/_internal/shared/features/admin/integrations.d.ts",
+      "import": "./dist/_internal/shared/features/admin/integrations.js"
+    },
+    "./layout/nav-types": {
+      "types": "./dist/_internal/shared/features/layout/index.d.ts",
+      "import": "./dist/_internal/shared/features/layout/index.js"
+    },
+    "./views/maintenance": {
+      "types": "./dist/_internal/client/features/maintenance/index.d.ts",
+      "import": "./dist/_internal/client/features/maintenance/index.js"
+    },
+    "./views/digital-code-reveal": {
+      "types": "./dist/_internal/client/features/digital-code/CodeRevealPanel.d.ts",
+      "import": "./dist/_internal/client/features/digital-code/CodeRevealPanel.js"
+    },
+    "./views/dashboard-layout": {
+      "types": "./dist/_internal/client/features/layout/DashboardLayoutClient.d.ts",
+      "import": "./dist/_internal/client/features/layout/DashboardLayoutClient.js"
+    },
+    "./views/role-guard": {
+      "types": "./dist/_internal/client/features/layout/RoleGuard.d.ts",
+      "import": "./dist/_internal/client/features/layout/RoleGuard.js"
+    },
+    "./views/lottery-admin-edit": {
+      "types": "./dist/_internal/client/features/lottery/LotteryAdminEditView.d.ts",
+      "import": "./dist/_internal/client/features/lottery/LotteryAdminEditView.js"
+    },
+    "./views/lottery-admin-slot": {
+      "types": "./dist/_internal/client/features/lottery/LotteryAdminSlotView.d.ts",
+      "import": "./dist/_internal/client/features/lottery/LotteryAdminSlotView.js"
+    },
+    "./views/lottery-pull-form": {
+      "types": "./dist/_internal/client/features/lottery/LotteryPullForm.d.ts",
+      "import": "./dist/_internal/client/features/lottery/LotteryPullForm.js"
+    },
+    "./views/tour-provider": {
+      "types": "./dist/_internal/client/features/tour/TourProvider.d.ts",
+      "import": "./dist/_internal/client/features/tour/TourProvider.js"
     }
   },
   "files": [