@donotdev/ui 0.0.3 → 0.0.4

package/dist/utils/assetResolver.js

@@ -164,38 +164,49 @@ export class AssetResolver {
         const manifest = this.getAssetManifest();
         if (manifest?.favicon?.set) {
             const set = manifest.favicon.set;
+            // Use icon-512x512.png as fallback (generated from logo.svg)
+            const fallbackIcon = this.assetExists('/icon-512x512.png')
+                ? '/icon-512x512.png'
+                : this.assetExists('/icon-192x192.png')
+                    ? '/icon-192x192.png'
+                    : '/logo.svg';
             // Filter out null values and provide framework fallbacks
             const resolvedSet = {
                 svg: set.svg || '/favicon.svg',
                 ico: set.ico || '/favicon.ico',
-                png16: set.png16 || '/logo.png',
-                png32: set.png32 || '/logo.png',
-                apple180: set.apple180 || '/logo.png',
-                android192: set.android192 || '/logo.png',
-                android512: set.android512 || '/logo.png',
+                png16: set.png16 || fallbackIcon,
+                png32: set.png32 || fallbackIcon,
+                apple180: set.apple180 || fallbackIcon,
+                android192: set.android192 || fallbackIcon,
+                android512: set.android512 || fallbackIcon,
             };
             this.cache.set(cacheKey, resolvedSet);
             return resolvedSet;
         }
-        // Manual detection fallback
+        // Manual detection fallback - use generated icons instead of logo.png
+        const fallbackIcon = this.assetExists('/icon-512x512.png')
+            ? '/icon-512x512.png'
+            : this.assetExists('/icon-192x192.png')
+                ? '/icon-192x192.png'
+                : '/logo.svg';
         const faviconSet = {
             svg: this.assetExists('/favicon.svg') ? '/favicon.svg' : '/logo.svg',
             ico: this.assetExists('/favicon.ico') ? '/favicon.ico' : '/favicon.svg',
             png16: this.assetExists('/favicon-16x16.png')
                 ? '/favicon-16x16.png'
-                : '/logo.png',
+                : fallbackIcon,
             png32: this.assetExists('/favicon-32x32.png')
                 ? '/favicon-32x32.png'
-                : '/logo.png',
+                : fallbackIcon,
             apple180: this.assetExists('/apple-touch-icon.png')
                 ? '/apple-touch-icon.png'
-                : '/logo.png',
+                : fallbackIcon,
             android192: this.assetExists('/icon-192x192.png')
                 ? '/icon-192x192.png'
-                : '/logo.png',
+                : fallbackIcon,
             android512: this.assetExists('/icon-512x512.png')
                 ? '/icon-512x512.png'
-                : '/logo.png',
+                : fallbackIcon,
         };
         this.cache.set(cacheKey, faviconSet);
         return faviconSet;

package/dist/utils/index.d.ts

@@ -13,4 +13,5 @@ export * from './useStripeBillingSafe';
 export * from './useBillingVisibility';
 export * from './useCrudSafe';
 export * from './useOAuthSafe';
+export * from './tList';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/utils/index.js

@@ -14,3 +14,4 @@ export * from './useStripeBillingSafe';
 export * from './useBillingVisibility';
 export * from './useCrudSafe';
 export * from './useOAuthSafe';
+export * from './tList';

package/dist/utils/tList.d.ts

@@ -0,0 +1,30 @@
+import type { LucideIcon } from 'lucide-react';
+import type { TFunction } from 'i18next';
+import type { ReactNode } from 'react';
+/**
+ * Renders a translated array as a List with optional icon
+ *
+ * Opinionated helper that reduces boilerplate for the common pattern:
+ * `<List icon={<CheckCircle size={16} />} items={translateArray(t, key, count)} />`
+ *
+ * @param t - Translation function from useTranslation
+ * @param key - Translation key prefix for the array
+ * @param count - Maximum number of items to fetch
+ * @param icon - Lucide icon, null for no icon, or undefined for default (CheckCircle)
+ * @param size - Optional icon size (default: 16)
+ * @returns ReactNode containing the List component
+ *
+ * @example
+ * ```tsx
+ * // With default icon (CheckCircle)
+ * <Card content={tList(t, 'features.items', 4)} />
+ *
+ * // With custom icon
+ * <Card content={tList(t, 'features.items', 4, Star)} />
+ *
+ * // Without icon (for emoji-prefixed labels like "🚀 Kick-off")
+ * <Card content={tList(t, 'features.items', 4, null)} />
+ * ```
+ */
+export declare function tList(t: TFunction, key: string, count: number, icon?: LucideIcon | null, size?: number): ReactNode;
+//# sourceMappingURL=tList.d.ts.map

package/dist/utils/tList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tList.d.ts","sourceRoot":"","sources":["../../src/utils/tList.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,KAAK,CACnB,CAAC,EAAE,SAAS,EACZ,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,UAAU,GAAG,IAAmB,EACtC,IAAI,GAAE,MAAqB,GAC1B,SAAS,CAUX"}

package/dist/utils/tList.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// packages/ui/src/utils/tList.tsx
+/**
+ * @fileoverview Translated List helper
+ * @description Opinionated helper for rendering translated content as List
+ *
+ * @version 0.0.1
+ * @since 0.0.4
+ * @author AMBROISE PARK Consulting
+ */
+import { CheckCircle } from 'lucide-react';
+import { List } from '@donotdev/components';
+import { translateArray } from '@donotdev/core';
+/**
+ * Framework default icon for list items
+ */
+const DEFAULT_ICON = CheckCircle;
+/**
+ * Framework default icon size (matches --icon-sm)
+ */
+const DEFAULT_SIZE = 16;
+/**
+ * Renders a translated array as a List with optional icon
+ *
+ * Opinionated helper that reduces boilerplate for the common pattern:
+ * `<List icon={<CheckCircle size={16} />} items={translateArray(t, key, count)} />`
+ *
+ * @param t - Translation function from useTranslation
+ * @param key - Translation key prefix for the array
+ * @param count - Maximum number of items to fetch
+ * @param icon - Lucide icon, null for no icon, or undefined for default (CheckCircle)
+ * @param size - Optional icon size (default: 16)
+ * @returns ReactNode containing the List component
+ *
+ * @example
+ * ```tsx
+ * // With default icon (CheckCircle)
+ * <Card content={tList(t, 'features.items', 4)} />
+ *
+ * // With custom icon
+ * <Card content={tList(t, 'features.items', 4, Star)} />
+ *
+ * // Without icon (for emoji-prefixed labels like "🚀 Kick-off")
+ * <Card content={tList(t, 'features.items', 4, null)} />
+ * ```
+ */
+export function tList(t, key, count, icon = DEFAULT_ICON, size = DEFAULT_SIZE) {
+    const Icon = icon;
+    const iconElement = Icon ? _jsx(Icon, { size: size }) : undefined;
+    return (_jsx(List, { icon: iconElement, items: translateArray(t, key, count), style: { listStyle: 'none', paddingInlineStart: 0 } }));
+}

package/dist/vite-routing/AppRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/vite-routing/AppRoutes.tsx"],"names":[],"mappings":"AAoDA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAuFlE;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,GAAG,CAAC;QACf,IAAI,CAAC,EAAE,GAAG,CAAC;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC,CAAC;CACJ;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,4CAA4C;IAC5C,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,yCA8D9D"}
+{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/vite-routing/AppRoutes.tsx"],"names":[],"mappings":"AAoDA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsFlE;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,GAAG,CAAC;QACf,IAAI,CAAC,EAAE,GAAG,CAAC;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC,CAAC;CACJ;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,4CAA4C;IAC5C,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,yCA8D9D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "private": false,
   "license": "SEE LICENSE IN LICENSE.md",
@@ -53,14 +53,14 @@
     "react-hook-form": "^7.68.0"
   },
   "peerDependencies": {
-    "@donotdev/adv-comps": "0.0.3",
-    "@donotdev/auth": "0.0.3",
-    "@donotdev/billing": "0.0.3",
-    "@donotdev/components": "0.0.3",
-    "@donotdev/core": "0.0.3",
-    "@donotdev/crud": "0.0.3",
-    "@donotdev/firebase": "0.0.3",
-    "@donotdev/oauth": "0.0.3",
+    "@donotdev/adv-comps": "0.0.4",
+    "@donotdev/auth": "0.0.4",
+    "@donotdev/billing": "0.0.4",
+    "@donotdev/components": "0.0.4",
+    "@donotdev/core": "0.0.4",
+    "@donotdev/crud": "0.0.4",
+    "@donotdev/firebase": "0.0.4",
+    "@donotdev/oauth": "0.0.4",
     "firebase": "^12.5.0",
     "lucide-react": "^0.562.0",
     "react": "^19.2.3",