@donotdev/ui 0.0.10 → 0.0.11

package/dist/internal/layout/components/AutoMetaTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAwC3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAoN1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/AutoMetaTags.tsx"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyE3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,aAoN1B,CAAC;AAEF;;;GAGG;AAEH,eAAe,YAAY,CAAC"}

package/dist/internal/layout/components/AutoMetaTags.js

@@ -49,12 +49,34 @@ import { useMemo } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useTranslation, useIsClient } from '@donotdev/core';
 import { getDndevConfig } from '@donotdev/core';
-import { useSeoConfig, useAppConfig } from '@donotdev/core';
+import { useSeoConfig, useAppConfig, getPlatformEnvVar } from '@donotdev/core';
 import { AssetResolver } from '@donotdev/ui';
 // Platform-specific hooks via conditional exports
 import { useLocation } from '@donotdev/ui/routing/hooks';
 /**
- * Get route metadata from window object (injected by build system)
+ * Match pathname against route path pattern (e.g. /cars/:id or /blog/:slug/comments/:id).
+ * Supports arbitrary nesting: any depth, any mix of static and :param segments.
+ */
+function matchRoutePath(pattern, pathname) {
+    const patternSegments = pattern.split('/').filter(Boolean);
+    const pathnameSegments = pathname.split('/').filter(Boolean);
+    if (patternSegments.length !== pathnameSegments.length)
+        return false;
+    for (let i = 0; i < patternSegments.length; i++) {
+        const segment = patternSegments[i];
+        const pathSegment = pathnameSegments[i];
+        if (segment === undefined || pathSegment === undefined)
+            return false;
+        if (segment.startsWith(':'))
+            continue; // param matches any value
+        if (segment !== pathSegment)
+            return false;
+    }
+    return true;
+}
+/**
+ * Get route metadata from window object (injected by build system).
+ * Resolves dynamic routes by pattern (e.g. /cars/:id) so PageMeta (including namespace) is used for SEO.
  */
 function getRouteMetadata(pathname, isClient) {
     if (!isClient)
@@ -63,12 +85,20 @@ function getRouteMetadata(pathname, isClient) {
     const config = getDndevConfig();
     const routeData = config?.routes?.mapping;
     if (routeData && Array.isArray(routeData)) {
-        const route = routeData.find((r) => r.path === pathname);
-        if (route) {
+        // 1. Exact match (static routes)
+        let route = routeData.find((r) => r.path === pathname);
+        if (route)
+            return route.meta;
+        // 2. Pattern match (dynamic routes: /cars/:id, /blog/:slug/comments/:id, etc.)
+        const dynamicRoutes = routeData.filter((r) => typeof r.path === 'string' && r.path.includes(':'));
+        const matches = dynamicRoutes.filter((r) => matchRoutePath(r.path, pathname));
+        // Prefer most specific (longest path) so /blog/:slug/comments wins over /blog/:slug for /blog/a/comments
+        if (matches.length > 0) {
+            route = matches.reduce((best, r) => r.path.length > best.path.length ? r : best);
             return route.meta;
         }
     }
-    // Extract potential namespace from path
+    // Fallback: first path segment as namespace (e.g. /cars/abc123 → ns: cars)
     const segments = pathname.split('/').filter(Boolean);
     if (segments.length > 0) {
         return { ns: segments[0] };
@@ -97,7 +127,7 @@ export const AutoMetaTags = () => {
         return null;
     const { defaultNamespace = 'home', defaultImage, twitterHandle, staticTags = {}, } = seoConfig;
     const siteName = useAppConfig('name');
-    const baseUrl = useAppConfig('url');
+    const baseUrl = getPlatformEnvVar('APP_URL') || '';
     // Get route metadata
     const routeMeta = getRouteMetadata(location.pathname, isClient);
     // Memoize computed values for performance

package/dist/internal/layout/components/NextJsAutoMetaTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NextJsAutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/NextJsAutoMetaTags.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,cAAc;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,uBAAuB;IAC/B,kCAAkC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AA+BD;;;;;;;;GAQG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CA8L9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"NextJsAutoMetaTags.d.ts","sourceRoot":"","sources":["../../../../src/internal/layout/components/NextJsAutoMetaTags.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,cAAc;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,uBAAuB;IAC/B,kCAAkC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AA+DD;;;;;;;;GAQG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CA8L9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/internal/layout/components/NextJsAutoMetaTags.js

@@ -17,9 +17,31 @@ import { usePathname } from 'next/navigation';
 import { useMemo } from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useTranslation, getDndevConfig, useIsClient } from '@donotdev/core';
-import { useAppConfig } from '@donotdev/core';
+import { useAppConfig, getPlatformEnvVar } from '@donotdev/core';
 /**
- * Get route metadata from config (injected by build system)
+ * Match pathname against route path pattern (e.g. /cars/:id or /blog/:slug/comments/:id).
+ * Supports arbitrary nesting: any depth, any mix of static and :param segments.
+ */
+function matchRoutePath(pattern, pathname) {
+    const patternSegments = pattern.split('/').filter(Boolean);
+    const pathnameSegments = pathname.split('/').filter(Boolean);
+    if (patternSegments.length !== pathnameSegments.length)
+        return false;
+    for (let i = 0; i < patternSegments.length; i++) {
+        const segment = patternSegments[i];
+        const pathSegment = pathnameSegments[i];
+        if (segment === undefined || pathSegment === undefined)
+            return false;
+        if (segment.startsWith(':'))
+            continue; // param matches any value
+        if (segment !== pathSegment)
+            return false;
+    }
+    return true;
+}
+/**
+ * Get route metadata from config (injected by build system).
+ * Resolves dynamic routes by pattern so PageMeta (including namespace) is used for SEO.
  */
 function getRouteMetadata(pathname, isClient) {
     if (!isClient)
@@ -28,16 +50,22 @@ function getRouteMetadata(pathname, isClient) {
     const config = getDndevConfig();
     const routeData = config?.routes?.mapping;
     if (routeData && Array.isArray(routeData)) {
-        const route = routeData.find((r) => r.path === pathname);
+        // 1. Exact match (static routes)
+        let route = routeData.find((r) => r.path === pathname);
         if (route && route.meta) {
-            // Map route.meta.namespace to routeMeta.ns
-            return {
-                ...route.meta,
-                ns: route.meta.namespace, // Map namespace -> ns for compatibility
-            };
+            return { ...route.meta, ns: route.meta.namespace };
+        }
+        // 2. Pattern match (dynamic routes: /cars/:id, /blog/:slug/comments/:id, etc.)
+        const dynamicRoutes = routeData.filter((r) => typeof r.path === 'string' && r.path.includes(':'));
+        const matches = dynamicRoutes.filter((r) => matchRoutePath(r.path, pathname));
+        if (matches.length > 0) {
+            const best = matches.reduce((a, b) => b.path.length > a.path.length ? b : a);
+            if (best.meta) {
+                return { ...best.meta, ns: best.meta.namespace };
+            }
         }
     }
-    // Extract potential namespace from path
+    // Fallback: first path segment as namespace
     const segments = pathname.split('/').filter(Boolean);
     if (segments.length > 0) {
         return { ns: segments[0] };
@@ -64,7 +92,7 @@ const NextJsAutoMetaTags = ({ config = {}, routeMeta: routeMetaOverride, title:
     const { t } = useTranslation(namespaces);
     const { defaultNamespace = 'home', defaultImage = '/og-image.png', twitterHandle, defaultAuthor, staticTags = {}, } = config;
     const siteName = config.siteName || useAppConfig('name');
-    const baseUrl = useAppConfig('url');
+    const baseUrl = getPlatformEnvVar('APP_URL') || '';
     // Get route metadata
     const routeMeta = getRouteMetadata(pathname || '/', isClient);
     const finalRouteMeta = { ...routeMeta, ...routeMetaOverride };

package/dist/internal/layout/components/footer/FooterBranding.js

@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * @author AMBROISE PARK Consulting
  */
 import { ExternalLink } from 'lucide-react';
-import { useAppConfig } from '@donotdev/core';
+import { useAppConfig, getPlatformEnvVar } from '@donotdev/core';
 /**
  * FooterBranding - Framework branding link (power move)
  *
@@ -21,7 +21,7 @@ import { useAppConfig } from '@donotdev/core';
  * @author AMBROISE PARK Consulting
  */
 export const FooterBranding = ({ className, }) => {
-    const appUrl = useAppConfig('url');
+    const appUrl = getPlatformEnvVar('APP_URL');
     const isFrameworkSite = appUrl === 'https://donotdev.com';
     return (_jsxs("a", { href: isFrameworkSite
             ? 'https://www.ambroise-park.com'

package/dist/styles/index.css

@@ -4455,6 +4455,167 @@ em {
   padding-block: var(--gap-lg);
 }
 
+/* packages/components/src/advanced/ImageGallery/ImageGallery.css */
+
+.image-gallery {
+  display: flex;
+  flex-direction: column;
+  gap: var(--gap-md);
+  outline: none;
+}
+
+.image-gallery:focus-visible {
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+  border-radius: var(--radius-lg);
+}
+
+/* Empty state */
+
+.image-gallery--empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--muted);
+  border-radius: var(--radius-lg);
+}
+
+.image-gallery__placeholder {
+  color: var(--muted-foreground);
+  font-size: var(--font-size-sm);
+}
+
+/* Main image container */
+
+.image-gallery__main {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  border-radius: var(--radius-surface);
+  background-color: var(--muted);
+}
+
+.image-gallery__main-image {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  display: block;
+  position: relative;
+}
+
+/* Navigation arrows */
+
+.image-gallery__nav {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border: none;
+  border-radius: var(--radius-full);
+  background-color: var(--background);
+  color: var(--foreground);
+  cursor: pointer;
+  opacity: 0;
+  transition:
+    opacity 0.2s ease,
+    background-color 0.2s ease;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  z-index: 2;
+}
+
+.image-gallery__main:hover .image-gallery__nav,
+.image-gallery:focus-within .image-gallery__nav {
+  opacity: 1;
+}
+
+.image-gallery__nav:hover {
+  background-color: var(--primary);
+  color: var(--primary-foreground);
+}
+
+.image-gallery__nav:focus-visible {
+  opacity: 1;
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+}
+
+.image-gallery__nav--prev {
+  inset-inline-start: var(--gap-md);
+}
+
+.image-gallery__nav--next {
+  inset-inline-end: var(--gap-md);
+}
+
+/* Thumbnails */
+
+.image-gallery__thumbnails {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--gap-sm);
+}
+
+.image-gallery__thumbnail {
+  flex: 0 0 auto;
+  width: 80px;
+  height: 60px;
+  padding: 0;
+  border: 2px solid transparent;
+  border-radius: var(--radius-surface);
+  overflow: hidden;
+  cursor: pointer;
+  background: none;
+  transition:
+    border-color 0.2s ease,
+    transform 0.2s ease;
+}
+
+.image-gallery__thumbnail:hover {
+  border-color: var(--muted-foreground);
+}
+
+.image-gallery__thumbnail:focus-visible {
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+}
+
+.image-gallery__thumbnail--selected {
+  border-color: var(--primary);
+}
+
+.image-gallery__thumbnail-image {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  display: block;
+}
+
+/* Responsive adjustments */
+
+@media (max-width: 640px) {
+  .image-gallery__thumbnail {
+    width: 60px;
+    height: 45px;
+  }
+
+  .image-gallery__nav {
+    width: 36px;
+    height: 36px;
+    opacity: 0.8;
+  }
+
+  .image-gallery__nav svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
 /* packages/components/src/atomic/Input/Input.css */
 
 /* Hide number input spinners - cleaner UI for price/range inputs */
@@ -7356,6 +7517,24 @@ input[type='number'] {
     font-size: var(--font-size-sm);
   }
 
+/* Font weight overrides (after level rules, so weight prop overrides level defaults) */
+
+.dndev-text-base[data-font-weight='normal'] {
+    font-weight: var(--font-weight-normal);
+  }
+
+.dndev-text-base[data-font-weight='medium'] {
+    font-weight: var(--font-weight-medium);
+  }
+
+.dndev-text-base[data-font-weight='semibold'] {
+    font-weight: var(--font-weight-semibold);
+  }
+
+.dndev-text-base[data-font-weight='bold'] {
+    font-weight: var(--font-weight-bold);
+  }
+
 /* packages/components/src/atomic/Toaster/Toaster.css */
 
 .dndev-toast-viewport {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/ui",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
   "private": false,
   "license": "SEE LICENSE IN LICENSE.md",
@@ -49,22 +49,22 @@
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "react-helmet-async": "^2.0.5",
-    "react-hook-form": "^7.71.0"
+    "react-hook-form": "^7.71.1"
   },
   "peerDependencies": {
-    "@donotdev/adv-comps": "^0.0.8",
+    "@donotdev/adv-comps": "^0.0.9",
     "@donotdev/auth": "^0.0.5",
     "@donotdev/billing": "^0.0.5",
-    "@donotdev/components": "^0.0.13",
-    "@donotdev/core": "^0.0.17",
-    "@donotdev/crud": "^0.0.8",
-    "@donotdev/firebase": "^0.0.6",
+    "@donotdev/components": "^0.0.15",
+    "@donotdev/core": "^0.0.19",
+    "@donotdev/crud": "^0.0.10",
+    "@donotdev/firebase": "^0.0.8",
     "@donotdev/oauth": "^0.0.5",
-    "firebase": "^12.5.0",
-    "lucide-react": "^0.562.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-router-dom": "^7.1.3",
+    "firebase": "^12.8.0",
+    "lucide-react": "^0.563.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router-dom": "^7.13.0",
     "valibot": "^1.2.0"
   },
   "peerDependenciesMeta": {

package/dist/crud/components/DisplayFieldRenderer.d.ts

@@ -1,26 +0,0 @@
-import type { EntityField, FieldType, ValueTypeForField } from '@donotdev/core';
-import type { ReactElement } from 'react';
-interface DisplayFieldRendererBaseProps<T extends FieldType = FieldType> {
-    /** Field identifier */
-    name: string;
-    /** Field configuration */
-    config: EntityField<T>;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Field value to display */
-    value: ValueTypeForField<T>;
-    /** Additional CSS classes */
-    className?: string;
-}
-export type DisplayFieldRendererProps<T extends FieldType> = DisplayFieldRendererBaseProps<T>;
-/**
- * DisplayFieldRenderer selects and renders the appropriate display component
- * based on the field type for read-only display mode.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare function DisplayFieldRenderer<T extends FieldType>({ name, config, t, value, className, }: DisplayFieldRendererProps<T>): ReactElement;
-export default DisplayFieldRenderer;
-//# sourceMappingURL=DisplayFieldRenderer.d.ts.map

package/dist/crud/components/DisplayFieldRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisplayFieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/DisplayFieldRenderer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA8BhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,UAAU,6BAA6B,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IACrE,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,SAAS,IACvD,6BAA6B,CAAC,CAAC,CAAC,CAAC;AAEnC;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,SAAS,EAAE,EACxD,IAAI,EACJ,MAAM,EACN,CAAC,EACD,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG,YAAY,CAgS7C;AAED,eAAe,oBAAoB,CAAC"}

package/dist/crud/components/DisplayFieldRenderer.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// packages/ui/src/crud/components/DisplayFieldRenderer.tsx
-/**
- * @fileoverview DisplayFieldRenderer component
- * @description Renders display fields based on field configuration
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Stack } from '@donotdev/components';
-// Import display field components
-import { TextFieldDisplay, BadgeFieldDisplay, AvatarFieldDisplay, LinkFieldDisplay, DateFieldDisplay, NumberFieldDisplay, PhoneNumberDisplay, TextAreaDisplay, RichTextDisplay, CheckboxFieldDisplay, DropdownDisplay, MultiDropdownDisplay, MultiInputTextFieldDisplay, RadioFieldDisplay, RangeFieldDisplay, FileFieldDisplay, ImageFieldDisplay, GeoPointFieldDisplay, MapFieldDisplay, ReferenceFieldDisplay, TimestampFieldDisplay, HiddenFieldDisplay, ButtonFieldDisplay, } from './fields/display';
-import PasswordFieldDisplay from './fields/display/PasswordFieldDisplay';
-/**
- * DisplayFieldRenderer selects and renders the appropriate display component
- * based on the field type for read-only display mode.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export function DisplayFieldRenderer({ name, config, t, value, className, }) {
-    /**
-     * Renders appropriate display component based on field type
-     */
-    const renderDisplayComponent = () => {
-        const type = config.type;
-        switch (type) {
-            case 'password':
-                return (_jsx(PasswordFieldDisplay, { config: config, value: value, t: t, className: className, loading: false }));
-            case 'text':
-            case 'email':
-            case 'month':
-            case 'week':
-            case 'time':
-                return (_jsx(TextFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'avatar':
-                return (_jsx(AvatarFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'badge':
-                return (_jsx(BadgeFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'boolean':
-            case 'checkbox':
-                return (_jsx(CheckboxFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'array':
-                return (_jsx(MultiInputTextFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'multiselect':
-                return (_jsx(MultiDropdownDisplay, { config: config, value: value, t: t, className: className }));
-            case 'image':
-                return (_jsx(ImageFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'url':
-                return (_jsx(LinkFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'tel':
-                return (_jsx(PhoneNumberDisplay, { config: config, value: value, t: t, className: className }));
-            case 'color':
-                if (value && typeof value === 'string') {
-                    return (_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [_jsx("div", { style: {
-                                    backgroundColor: value,
-                                    width: '1.5rem',
-                                    height: '1.5rem',
-                                }, "aria-label": `Color: ${value}` }), _jsx("span", { style: { fontFamily: 'monospace' }, children: value })] }));
-                }
-                return _jsx("span", { style: { color: 'var(--muted-foreground)' }, children: "-" });
-            case 'number':
-            case 'range':
-                return (_jsx(NumberFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'date':
-            case 'datetime-local':
-                return (_jsx(DateFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'timestamp':
-                return (_jsx(TimestampFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'reference':
-                return (_jsx(ReferenceFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'file':
-                return (_jsx(FileFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'geopoint':
-                return (_jsx(GeoPointFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'map':
-                return (_jsx(MapFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'textarea':
-                return (_jsx(TextAreaDisplay, { config: config, value: value, t: t, className: className }));
-            case 'richtext':
-                return (_jsx(RichTextDisplay, { config: config, value: value, t: t, className: className }));
-            case 'select':
-                return (_jsx(DropdownDisplay, { config: config, value: value, t: t, className: className }));
-            case 'radio':
-                return (_jsx(RadioFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'hidden':
-                return (_jsx(HiddenFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'submit':
-            case 'reset':
-                return (_jsx(ButtonFieldDisplay, { config: config, value: value, t: t, className: className }));
-            default:
-                return (_jsx(TextFieldDisplay, { config: config, value: value, t: t, className: className }));
-        }
-    };
-    // Don't render hidden fields
-    if (config.visibility === 'hidden') {
-        return _jsx(_Fragment, {});
-    }
-    const displayComponent = renderDisplayComponent();
-    if (!displayComponent) {
-        return _jsx(_Fragment, {});
-    }
-    return _jsx("div", { className: className, children: displayComponent });
-}
-export default DisplayFieldRenderer;

package/dist/crud/components/fields/display/AvatarFieldDisplay.d.ts

@@ -1,23 +0,0 @@
-import type { EntityField } from '@donotdev/core';
-export interface AvatarFieldDisplayProps {
-    /** Field configuration */
-    config: EntityField<'image'>;
-    /** Value to display (image URL) */
-    value: string;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Avatar size */
-    size?: 'sm' | 'md' | 'lg';
-}
-/**
- * AvatarFieldDisplay - Displays image values as avatars
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare const AvatarFieldDisplay: React.ComponentType<AvatarFieldDisplayProps>;
-export default AvatarFieldDisplay;
-//# sourceMappingURL=AvatarFieldDisplay.d.ts.map

package/dist/crud/components/fields/display/AvatarFieldDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/AvatarFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAClD,uBAAuB,CAiCxB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/crud/components/fields/display/AvatarFieldDisplay.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// packages/ui/src/crud/components/fields/display/AvatarFieldDisplay.tsx
-/**
- * @fileoverview AvatarFieldDisplay component
- * @description Displays image values as avatars
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Avatar, Text } from '@donotdev/components';
-/**
- * AvatarFieldDisplay - Displays image values as avatars
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const AvatarFieldDisplay = ({ config, value, t, className, size = 'md' }) => {
-    if (!value) {
-        return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
-    }
-    const sizeClasses = {
-        sm: 'size-touch',
-        md: 'size-touch',
-        lg: 'h-16 w-16',
-    };
-    const getInitials = (label) => {
-        return label
-            .split(' ')
-            .map((word) => word.charAt(0))
-            .slice(0, 2)
-            .join('')
-            .toUpperCase();
-    };
-    return (_jsx(Avatar, { src: value, alt: config.label || 'Avatar', fallback: getInitials(config.label || 'AV'), className: `${sizeClasses[size]} ${className || ''}` }));
-};
-export default AvatarFieldDisplay;

package/dist/crud/components/fields/display/BadgeFieldDisplay.d.ts

@@ -1,21 +0,0 @@
-import type { EntityField } from '@donotdev/core';
-export interface BadgeFieldDisplayProps {
-    /** Field configuration */
-    config: EntityField<'boolean' | 'checkbox' | 'select' | 'radio'>;
-    /** Value to display */
-    value: boolean | string;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * BadgeFieldDisplay - Displays boolean/select values as badges
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare const BadgeFieldDisplay: React.ComponentType<BadgeFieldDisplayProps>;
-export default BadgeFieldDisplay;
-//# sourceMappingURL=BadgeFieldDisplay.d.ts.map

package/dist/crud/components/fields/display/BadgeFieldDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/BadgeFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;IACjE,uBAAuB;IACvB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CA6BzE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}