@mohasinac/appkit 3.0.3 → 3.0.6

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

@@ -44,6 +44,7 @@ export const PADDING_MAP = {
     "5": "p-5",
     lg: "p-6",
     xl: "p-8",
+    "3xl": "p-12",
     card: "p-5 sm:p-6 lg:p-8",
     "card-tight": "p-3 sm:p-4",
     section: "py-10 sm:py-14 xl:py-20",
@@ -131,6 +132,10 @@ export const SHADOW_MAP = {
     "hover-md": "hover:shadow-md transition-shadow",
     /** No static shadow; transitions to shadow-lg on hover. */
     "hover-lg": "hover:shadow-lg transition-shadow",
+    /** Resting shadow-sm that lifts to shadow-md on hover. */
+    "sm-hover-md": "shadow-sm hover:shadow-md transition-shadow",
+    /** Themed card shadow via --card-shadow CSS variable. */
+    card: "shadow-[var(--card-shadow)]",
 };
 /**
  * Named gap presets consumed by `<Stack>` / `<Row>` / `<Grid>` `gap` props.
@@ -163,7 +168,7 @@ export const GAP_PRESETS = {
  * the catalogue name.
  */
 export const PADDING_PRESETS = PADDING_MAP;
-const X_ONLY_MAP = {
+export const X_ONLY_MAP = {
     none: "",
     "x-xs": "px-2",
     "x-sm": "px-3",
@@ -213,6 +218,18 @@ const Y_ONLY_MAP = {
     "b-md": "pb-4",
     "b-md-lg": "pb-5",
     "b-lg": "pb-6",
+    /** Asymmetric: `pt-4 pb-6` — hotspot control bar with tighter top than bottom. */
+    "t-md-b-lg": "pt-4 pb-6",
+};
+const OVERFLOW_MAP = {
+    auto: "overflow-auto",
+    hidden: "overflow-hidden",
+    scroll: "overflow-scroll",
+    visible: "overflow-visible",
+    "x-auto": "overflow-x-auto",
+    "x-hidden": "overflow-x-hidden",
+    "y-auto": "overflow-y-auto",
+    "y-hidden": "overflow-y-hidden",
 };
 export function buildSurfaceClasses(props) {
     return [
@@ -223,6 +240,7 @@ export function buildSurfaceClasses(props) {
         props.rounded ? ROUNDED_MAP[props.rounded] : "",
         props.border ? BORDER_MAP[props.border] : "",
         props.shadow ? SHADOW_MAP[props.shadow] : "",
+        props.overflow ? OVERFLOW_MAP[props.overflow] : "",
     ]
         .filter(Boolean)
         .join(" ");

package/dist/ui/rich-text/RichText.js

@@ -151,7 +151,7 @@ function attachCopyButtons(container) {
                     btn.textContent = "Copy";
                 }, 1800);
             })
-                .catch(() => { });
+                .catch(console.error);
         });
         pre.appendChild(btn);
     });

package/dist/utils/id-generators.d.ts

@@ -245,3 +245,11 @@ export type MediaFilenameContext = ({
 };
 export declare function generateMediaFilename(ctx: MediaFilenameContext): string;
 export declare function validateMediaFilename(filename: string): boolean;
+/**
+ * Generates a scannable barcode identifier for a product listing.
+ * Returns `LIR-XXXXXXXX` (8 uppercase hex chars) derived from a SHA-1
+ * hash of the productId. Deterministic and stateless — calling it twice
+ * with the same productId returns the same result.
+ * Uses `globalThis.crypto.subtle` available in Node ≥18 and modern browsers.
+ */
+export declare function generateBarcodeId(productId: string): Promise<string>;

package/dist/utils/id-generators.js

@@ -419,3 +419,17 @@ export function validateMediaFilename(filename) {
         return false;
     return MEDIA_FILENAME_REGEX.test(filename);
 }
+/**
+ * Generates a scannable barcode identifier for a product listing.
+ * Returns `LIR-XXXXXXXX` (8 uppercase hex chars) derived from a SHA-1
+ * hash of the productId. Deterministic and stateless — calling it twice
+ * with the same productId returns the same result.
+ * Uses `globalThis.crypto.subtle` available in Node ≥18 and modern browsers.
+ */
+export async function generateBarcodeId(productId) {
+    const buf = await globalThis.crypto.subtle.digest("SHA-1", new TextEncoder().encode(productId));
+    const hex = Array.from(new Uint8Array(buf))
+        .map((b) => b.toString(16).padStart(2, "0"))
+        .join("");
+    return `LIR-${hex.slice(0, 8).toUpperCase()}`;
+}

package/dist/validation/schemas.d.ts

@@ -12,8 +12,8 @@ export declare const paginationQuerySchema: z.ZodObject<{
     search?: string | undefined;
     sortBy?: string | undefined;
 }, {
-    search?: string | undefined;
     page?: number | undefined;
+    search?: string | undefined;
     sortOrder?: "desc" | "asc" | undefined;
     limit?: number | undefined;
     sortBy?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "3.0.3",
+  "version": "3.0.6",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -168,6 +168,7 @@
   },
   "dependencies": {
     "@mohasinac/sievejs": "^1.0.0",
+    "jsbarcode": "^3.12.3",
     "motion": "^12.40.0",
     "react-advanced-cropper": "^0.20.1",
     "tailwind-merge": "^3.3.0",