funuicss 3.7.0 → 3.7.2

package/ui/text/Text.js

@@ -30,52 +30,53 @@ var react_1 = __importDefault(require("react"));
 var pi_1 = require("react-icons/pi");
 var componentUtils_1 = require("../../utils/componentUtils");
 var Text = function (_a) {
-    var id = _a.id, bg = _a.bg, color = _a.color, children = _a.children, hoverBg = _a.hoverBg, hoverText = _a.hoverText, text = _a.text, funcss = _a.funcss, emp = _a.emp, bold = _a.bold, block = _a.block, body = _a.body, article = _a.article, light = _a.light, lighter = _a.lighter, italic = _a.italic, weight = _a.weight, underline = _a.underline, align = _a.align, lineHeight = _a.lineHeight, letterSpacing = _a.letterSpacing, uppercase = _a.uppercase, lowercase = _a.lowercase, capitalize = _a.capitalize, textDecoration = _a.textDecoration, textTransform = _a.textTransform, whiteSpace = _a.whiteSpace, wordBreak = _a.wordBreak, fontFamily = _a.fontFamily, truncate = _a.truncate, textShadow = _a.textShadow, textAlign = _a.textAlign, customStyles = _a.customStyles, monospace = _a.monospace, quote = _a.quote, opacity = _a.opacity, _b = _a.variant, variant = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'base' : _c, margin = _a.margin, padding = _a.padding, rest = __rest(_a, ["id", "bg", "color", "children", "hoverBg", "hoverText", "text", "funcss", "emp", "bold", "block", "body", "article", "light", "lighter", "italic", "weight", "underline", "align", "lineHeight", "letterSpacing", "uppercase", "lowercase", "capitalize", "textDecoration", "textTransform", "whiteSpace", "wordBreak", "fontFamily", "truncate", "textShadow", "textAlign", "customStyles", "monospace", "quote", "opacity", "variant", "size", "margin", "padding"]);
-    // Only use component config if variant is provided and not empty
-    var shouldUseConfig = variant !== undefined && variant !== '';
-    // Use the component config hook only when needed
-    var mergeWithLocal = (0, componentUtils_1.useComponentConfiguration)('Text', shouldUseConfig ? variant : undefined).mergeWithLocal;
-    // Create local props object
-    var localProps = __assign({ bg: bg, color: color, funcss: funcss, emp: emp, bold: bold, block: block, body: body, article: article, light: light, lighter: lighter, italic: italic, weight: weight, underline: underline, align: align, lineHeight: lineHeight, letterSpacing: letterSpacing, uppercase: uppercase, lowercase: lowercase, capitalize: capitalize, textDecoration: textDecoration, textTransform: textTransform, whiteSpace: whiteSpace, wordBreak: wordBreak, fontFamily: fontFamily, truncate: truncate, textShadow: textShadow, textAlign: textAlign, monospace: monospace, quote: quote, opacity: opacity, size: size, margin: margin, padding: padding }, rest);
-    // Merge config with local props - local props override config
-    var mergedProps = (shouldUseConfig
-        ? mergeWithLocal(localProps)
-        : { props: localProps }).props;
-    // Extract final values - local props take precedence, handle empty strings properly
+    var _b;
+    var id = _a.id, bg = _a.bg, color = _a.color, children = _a.children, hoverBg = _a.hoverBg, hoverText = _a.hoverText, text = _a.text, funcss = _a.funcss, emp = _a.emp, bold = _a.bold, block = _a.block, body = _a.body, article = _a.article, light = _a.light, lighter = _a.lighter, italic = _a.italic, weight = _a.weight, underline = _a.underline, align = _a.align, lineHeight = _a.lineHeight, letterSpacing = _a.letterSpacing, uppercase = _a.uppercase, lowercase = _a.lowercase, capitalize = _a.capitalize, textDecoration = _a.textDecoration, textTransform = _a.textTransform, whiteSpace = _a.whiteSpace, wordBreak = _a.wordBreak, fontFamily = _a.fontFamily, truncate = _a.truncate, textShadow = _a.textShadow, textAlign = _a.textAlign, customStyles = _a.customStyles, monospace = _a.monospace, quote = _a.quote, opacity = _a.opacity, _c = _a.variant, variant = _c === void 0 ? '' : _c, size = _a.size, margin = _a.margin, padding = _a.padding, rest = __rest(_a, ["id", "bg", "color", "children", "hoverBg", "hoverText", "text", "funcss", "emp", "bold", "block", "body", "article", "light", "lighter", "italic", "weight", "underline", "align", "lineHeight", "letterSpacing", "uppercase", "lowercase", "capitalize", "textDecoration", "textTransform", "whiteSpace", "wordBreak", "fontFamily", "truncate", "textShadow", "textAlign", "customStyles", "monospace", "quote", "opacity", "variant", "size", "margin", "padding"]);
+    // Use component configuration (simplified - let the hook handle empty variant)
+    var mergeWithLocal = (0, componentUtils_1.useComponentConfiguration)('Text', variant).mergeWithLocal;
+    // Create local props object - include ALL props
+    var localProps = __assign({ bg: bg, color: color, hoverBg: hoverBg, hoverText: hoverText, funcss: funcss, emp: emp, bold: bold, block: block, body: body, article: article, light: light, lighter: lighter, italic: italic, weight: weight, underline: underline, align: align, lineHeight: lineHeight, letterSpacing: letterSpacing, uppercase: uppercase, lowercase: lowercase, capitalize: capitalize, textDecoration: textDecoration, textTransform: textTransform, whiteSpace: whiteSpace, wordBreak: wordBreak, fontFamily: fontFamily, truncate: truncate, textShadow: textShadow, textAlign: textAlign, monospace: monospace, quote: quote, opacity: opacity, size: size, margin: margin, padding: padding }, rest);
+    // Merge with config - LOCAL PROPS OVERRIDE CONFIG (consistent with Button)
+    var mergedProps = mergeWithLocal(localProps).props;
+    // Extract final values - use NULLISH COALESCING like Button component
     var final = {
-        bg: bg !== undefined ? bg : mergedProps.bg,
-        color: color !== undefined ? color : mergedProps.color,
-        funcss: funcss !== undefined ? funcss : mergedProps.funcss,
-        emp: emp !== undefined ? emp : mergedProps.emp,
-        bold: bold !== undefined ? bold : mergedProps.bold,
-        block: block !== undefined ? block : mergedProps.block,
-        body: body !== undefined ? body : mergedProps.body,
-        article: article !== undefined ? article : mergedProps.article,
-        light: light !== undefined ? light : mergedProps.light,
-        lighter: lighter !== undefined ? lighter : mergedProps.lighter,
-        italic: italic !== undefined ? italic : mergedProps.italic,
-        weight: weight !== undefined ? weight : mergedProps.weight,
-        underline: underline !== undefined ? underline : mergedProps.underline,
-        align: align !== undefined ? align : mergedProps.align,
-        lineHeight: lineHeight !== undefined ? lineHeight : mergedProps.lineHeight,
-        letterSpacing: letterSpacing !== undefined ? letterSpacing : mergedProps.letterSpacing,
-        uppercase: uppercase !== undefined ? uppercase : mergedProps.uppercase,
-        lowercase: lowercase !== undefined ? lowercase : mergedProps.lowercase,
-        capitalize: capitalize !== undefined ? capitalize : mergedProps.capitalize,
-        textDecoration: textDecoration !== undefined ? textDecoration : mergedProps.textDecoration,
-        textTransform: textTransform !== undefined ? textTransform : mergedProps.textTransform,
-        whiteSpace: whiteSpace !== undefined ? whiteSpace : mergedProps.whiteSpace,
-        wordBreak: wordBreak !== undefined ? wordBreak : mergedProps.wordBreak,
-        fontFamily: fontFamily !== undefined ? fontFamily : mergedProps.fontFamily,
-        truncate: truncate !== undefined ? truncate : mergedProps.truncate,
-        textShadow: textShadow !== undefined ? textShadow : mergedProps.textShadow,
-        textAlign: textAlign !== undefined ? textAlign : mergedProps.textAlign,
-        monospace: monospace !== undefined ? monospace : mergedProps.monospace,
-        quote: quote !== undefined ? quote : mergedProps.quote,
-        opacity: opacity !== undefined ? opacity : mergedProps.opacity,
-        size: size !== undefined ? size : mergedProps.size,
-        margin: margin !== undefined ? margin : mergedProps.margin,
-        padding: padding !== undefined ? padding : mergedProps.padding,
+        // Use local props first, fallback to merged props
+        bg: bg !== null && bg !== void 0 ? bg : mergedProps.bg,
+        color: color !== null && color !== void 0 ? color : mergedProps.color,
+        hoverBg: hoverBg !== null && hoverBg !== void 0 ? hoverBg : mergedProps.hoverBg,
+        hoverText: hoverText !== null && hoverText !== void 0 ? hoverText : mergedProps.hoverText,
+        funcss: funcss !== null && funcss !== void 0 ? funcss : mergedProps.funcss,
+        emp: emp !== null && emp !== void 0 ? emp : mergedProps.emp,
+        bold: bold !== null && bold !== void 0 ? bold : mergedProps.bold,
+        block: block !== null && block !== void 0 ? block : mergedProps.block,
+        body: body !== null && body !== void 0 ? body : mergedProps.body,
+        article: article !== null && article !== void 0 ? article : mergedProps.article,
+        light: light !== null && light !== void 0 ? light : mergedProps.light,
+        lighter: lighter !== null && lighter !== void 0 ? lighter : mergedProps.lighter,
+        italic: italic !== null && italic !== void 0 ? italic : mergedProps.italic,
+        weight: weight !== null && weight !== void 0 ? weight : mergedProps.weight,
+        underline: underline !== null && underline !== void 0 ? underline : mergedProps.underline,
+        align: align !== null && align !== void 0 ? align : mergedProps.align,
+        lineHeight: lineHeight !== null && lineHeight !== void 0 ? lineHeight : mergedProps.lineHeight,
+        letterSpacing: letterSpacing !== null && letterSpacing !== void 0 ? letterSpacing : mergedProps.letterSpacing,
+        uppercase: uppercase !== null && uppercase !== void 0 ? uppercase : mergedProps.uppercase,
+        lowercase: lowercase !== null && lowercase !== void 0 ? lowercase : mergedProps.lowercase,
+        capitalize: capitalize !== null && capitalize !== void 0 ? capitalize : mergedProps.capitalize,
+        textDecoration: textDecoration !== null && textDecoration !== void 0 ? textDecoration : mergedProps.textDecoration,
+        textTransform: textTransform !== null && textTransform !== void 0 ? textTransform : mergedProps.textTransform,
+        whiteSpace: whiteSpace !== null && whiteSpace !== void 0 ? whiteSpace : mergedProps.whiteSpace,
+        wordBreak: wordBreak !== null && wordBreak !== void 0 ? wordBreak : mergedProps.wordBreak,
+        fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : mergedProps.fontFamily,
+        truncate: truncate !== null && truncate !== void 0 ? truncate : mergedProps.truncate,
+        textShadow: textShadow !== null && textShadow !== void 0 ? textShadow : mergedProps.textShadow,
+        textAlign: textAlign !== null && textAlign !== void 0 ? textAlign : mergedProps.textAlign,
+        monospace: monospace !== null && monospace !== void 0 ? monospace : mergedProps.monospace,
+        quote: quote !== null && quote !== void 0 ? quote : mergedProps.quote,
+        opacity: opacity !== null && opacity !== void 0 ? opacity : mergedProps.opacity,
+        size: (_b = size !== null && size !== void 0 ? size : mergedProps.size) !== null && _b !== void 0 ? _b : 'base',
+        margin: margin !== null && margin !== void 0 ? margin : mergedProps.margin,
+        text: text !== null && text !== void 0 ? text : mergedProps.text,
+        padding: padding !== null && padding !== void 0 ? padding : mergedProps.padding,
     };
     // If margin is provided, force block display
     var shouldBeBlock = final.block || !!final.margin;
@@ -103,8 +104,8 @@ var Text = function (_a) {
         final.align ? " text-".concat(final.align, " ") : '',
         final.monospace ? 'monospace' : '',
         final.bg || '',
-        hoverText ? "hover-text-".concat(hoverText) : '',
-        hoverBg ? "hover-".concat(hoverBg) : '',
+        final.hoverText ? "hover-text-".concat(final.hoverText) : '',
+        final.hoverBg ? "hover-".concat(final.hoverBg) : '',
         final.light ? 'lightText' : final.lighter ? 'lighterText' : '',
         final.italic ? 'italicText' : '',
         final.underline ? 'underlineText' : '',
@@ -122,7 +123,7 @@ var Text = function (_a) {
     return (react_1.default.createElement(Tag, __assign({ id: id, className: classNames, style: mergedStyles }, rest),
         final.quote && (react_1.default.createElement("div", null,
             react_1.default.createElement(pi_1.PiQuotesLight, null))),
-        children,
-        text));
+        children, final === null || final === void 0 ? void 0 :
+        final.text));
 };
 exports.default = Text;

package/ui/theme/theme.d.ts

@@ -17,10 +17,16 @@ interface ProjectData {
     components?: Record<string, any>;
     default_variation?: ThemeVariant;
     variables?: Variable[];
+    assets?: Asset[];
     name?: string;
     project_id?: string;
     version?: number;
     updated_at?: string;
+    trustedDomains?: Array<{
+        domain: string;
+        status: string;
+        isDefault?: boolean;
+    }>;
 }
 interface ThemeProviderProps {
     theme: ThemeName;
@@ -61,3 +67,31 @@ export declare const useTypographyValue: (property: string) => string | undefine
 export declare const useComponentVariant: (componentName: string, variantName?: string) => any;
 export declare const useVariables: () => Variable[];
 export declare const useVariable: (name: string) => any;
+interface Asset {
+    name: string;
+    url: string;
+    file_type: string;
+}
+export declare const getAsset: (name: string) => Asset | undefined;
+export declare const getAllAssets: () => Asset[];
+export declare const getAssetValue: (name: string) => string | undefined;
+export declare const getAssetType: (name: string) => string | undefined;
+export declare const getAssetInfo: (name: string) => {
+    value: string;
+    type: string;
+    name: string;
+} | undefined;
+export declare const useAssets: () => Asset[];
+export declare const useAsset: (name: string) => Asset | undefined;
+export declare const useAssetValue: (name: string) => string | undefined;
+export declare const useAssetType: (name: string) => string | undefined;
+export declare const useAssetInfo: (name: string) => {
+    value: string;
+    type: string;
+    name: string;
+} | undefined;
+export declare const useAssetsByType: (type: string) => Asset[];
+export declare const useImageAssets: () => Asset[];
+export declare const useVideoAssets: () => Asset[];
+export declare const useAudioAssets: () => Asset[];
+export declare const useDocumentAssets: () => Asset[];

package/ui/theme/theme.js

@@ -70,7 +70,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVariable = exports.useVariables = exports.useComponentVariant = exports.useTypographyValue = exports.useColor = exports.useProjectData = exports.useThemeConfig = exports.useTypography = exports.useColors = exports.useComponentConfig = exports.useThemeValue = exports.getAllVariables = exports.getVariable = exports.useVariant = exports.useTheme = void 0;
+exports.useDocumentAssets = exports.useAudioAssets = exports.useVideoAssets = exports.useImageAssets = exports.useAssetsByType = exports.useAssetInfo = exports.useAssetType = exports.useAssetValue = exports.useAsset = exports.useAssets = exports.getAssetInfo = exports.getAssetType = exports.getAssetValue = exports.getAllAssets = exports.getAsset = exports.useVariable = exports.useVariables = exports.useComponentVariant = exports.useTypographyValue = exports.useColor = exports.useProjectData = exports.useThemeConfig = exports.useTypography = exports.useColors = exports.useComponentConfig = exports.useThemeValue = exports.getAllVariables = exports.getVariable = exports.useVariant = exports.useTheme = void 0;
 var react_1 = __importStar(require("react"));
 var themes_1 = require("./themes");
 var darkenUtils_1 = require("./darkenUtils");
@@ -97,10 +97,70 @@ var useVariant = function () {
 };
 exports.useVariant = useVariant;
 /* -------------------------------------------------------------------------- */
+/*                          ORIGIN VALIDATION                                 */
+/* -------------------------------------------------------------------------- */
+var getCurrentOrigin = function () {
+    if (typeof window === 'undefined')
+        return '';
+    // For local development, return localhost
+    if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
+        return 'localhost';
+    }
+    // For production, return the domain without protocol and www
+    var domain = window.location.hostname;
+    domain = domain.replace(/^www\./, '');
+    return domain;
+};
+var validateOriginAccess = function (projectId) { return __awaiter(void 0, void 0, void 0, function () {
+    var currentOrigin, projectData, trustedDomains, hasAccess, error_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                if (!projectId) {
+                    console.error('❌ No project ID provided');
+                    return [2 /*return*/, false];
+                }
+                currentOrigin = getCurrentOrigin();
+                console.log("\uD83D\uDD0D Validating origin access for: ".concat(currentOrigin));
+                _a.label = 1;
+            case 1:
+                _a.trys.push([1, 3, , 4]);
+                return [4 /*yield*/, loadThemeFromCDN(projectId)];
+            case 2:
+                projectData = _a.sent();
+                if (!projectData) {
+                    console.error('❌ Project not found or inaccessible');
+                    return [2 /*return*/, false];
+                }
+                trustedDomains = projectData.trustedDomains || [];
+                hasAccess = trustedDomains.some(function (domain) {
+                    var trustedDomain = domain.domain.toLowerCase();
+                    var currentDomain = currentOrigin.toLowerCase();
+                    // Exact match or subdomain match
+                    return currentDomain === trustedDomain ||
+                        currentDomain.endsWith('.' + trustedDomain) ||
+                        (trustedDomain === 'localhost' && currentOrigin === 'localhost');
+                });
+                if (!hasAccess) {
+                    console.error("\u274C Access denied: Origin \"".concat(currentOrigin, "\" is not in trusted domains"));
+                    console.log('📋 Trusted domains:', trustedDomains.map(function (d) { return d.domain; }));
+                    return [2 /*return*/, false];
+                }
+                console.log('✅ Origin validation passed');
+                return [2 /*return*/, true];
+            case 3:
+                error_1 = _a.sent();
+                console.error('❌ Error during origin validation:', error_1);
+                return [2 /*return*/, false];
+            case 4: return [2 /*return*/];
+        }
+    });
+}); };
+/* -------------------------------------------------------------------------- */
 /*                          LOCAL FILE MANAGEMENT                             */
 /* -------------------------------------------------------------------------- */
 var loadLocalTheme = function () { return __awaiter(void 0, void 0, void 0, function () {
-    var response, data, error_1;
+    var response, data, error_2;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
@@ -118,7 +178,7 @@ var loadLocalTheme = function () { return __awaiter(void 0, void 0, void 0, func
                 return [2 /*return*/, data];
             case 3: return [3 /*break*/, 5];
             case 4:
-                error_1 = _a.sent();
+                error_2 = _a.sent();
                 console.log('No local theme file found');
                 return [3 /*break*/, 5];
             case 5: return [2 /*return*/, null];
@@ -129,7 +189,7 @@ var loadLocalTheme = function () { return __awaiter(void 0, void 0, void 0, func
 /*                          CDN THEME LOADER                                  */
 /* -------------------------------------------------------------------------- */
 var loadThemeFromCDN = function (projectId) { return __awaiter(void 0, void 0, void 0, function () {
-    var publicUrl, response, data, error_2;
+    var publicUrl, response, data, error_3;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
@@ -151,8 +211,8 @@ var loadThemeFromCDN = function (projectId) { return __awaiter(void 0, void 0, v
                 _a.label = 4;
             case 4: return [3 /*break*/, 6];
             case 5:
-                error_2 = _a.sent();
-                console.error('Error loading from Firebase Storage:', error_2);
+                error_3 = _a.sent();
+                console.error('Error loading from Firebase Storage:', error_3);
                 return [3 /*break*/, 6];
             case 6: return [2 /*return*/, null];
         }
@@ -246,9 +306,16 @@ var ThemeProvider = function (_a) {
             });
         }
     }, [theme]);
-    /* ---------------------- CDN Theme Sync with Local File ----------------------- */
+    /* ---------------------- CDN Theme Sync with Origin Validation ----------------------- */
     (0, react_1.useEffect)(function () {
-        if (typeof window === 'undefined' || !projectId) {
+        if (typeof window === 'undefined') {
+            setIsLoading(false);
+            setIsInitialLoad(false);
+            return;
+        }
+        if (!projectId) {
+            console.error('❌ ThemeProvider: No projectId provided');
+            setError('Project ID is required');
             setIsLoading(false);
             setIsInitialLoad(false);
             return;
@@ -256,17 +323,27 @@ var ThemeProvider = function (_a) {
         var root = document.documentElement;
         var pollTimer;
         var syncTheme = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var localTheme, localVersion, cdnTheme, cdnVersion, err_1;
+            var hasAccess, localTheme, localVersion, cdnTheme, cdnVersion, err_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        _a.trys.push([0, 3, 4, 5]);
-                        return [4 /*yield*/, loadLocalTheme()];
+                        _a.trys.push([0, 4, 5, 6]);
+                        console.log('🔄 Starting theme sync with origin validation...');
+                        return [4 /*yield*/, validateOriginAccess(projectId)];
                     case 1:
+                        hasAccess = _a.sent();
+                        if (!hasAccess) {
+                            setError('Access denied: This domain is not authorized to use this theme');
+                            setIsLoading(false);
+                            setIsInitialLoad(false);
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, loadLocalTheme()];
+                    case 2:
                         localTheme = _a.sent();
                         localVersion = (localTheme === null || localTheme === void 0 ? void 0 : localTheme.version) || 0;
                         return [4 /*yield*/, loadThemeFromCDN(projectId)];
-                    case 2:
+                    case 3:
                         cdnTheme = _a.sent();
                         cdnVersion = (cdnTheme === null || cdnTheme === void 0 ? void 0 : cdnTheme.version) || 0;
                         if (cdnTheme) {
@@ -298,17 +375,17 @@ var ThemeProvider = function (_a) {
                             console.warn('⚠️ No theme found');
                             setError('Theme not found');
                         }
-                        return [3 /*break*/, 5];
-                    case 3:
+                        return [3 /*break*/, 6];
+                    case 4:
                         err_1 = _a.sent();
-                        console.error('Error syncing theme:', err_1);
+                        console.error('❌ Error syncing theme:', err_1);
                         setError('Failed to sync theme');
-                        return [3 /*break*/, 5];
-                    case 4:
+                        return [3 /*break*/, 6];
+                    case 5:
                         setIsLoading(false);
                         setIsInitialLoad(false);
                         return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
+                    case 6: return [2 /*return*/];
                 }
             });
         }); };
@@ -331,6 +408,8 @@ var ThemeProvider = function (_a) {
         setProjectData(data);
         // Cache for variable access
         cachedProjectData = data;
+        // Cache for asset access
+        cachedAssets = data.assets || [];
         // Apply all theme config to CSS variables
         applyThemeConfig(themeConfig, root);
     };
@@ -417,3 +496,104 @@ var useVariable = function (name) {
     return variable === null || variable === void 0 ? void 0 : variable.value;
 };
 exports.useVariable = useVariable;
+var cachedAssets = [];
+var getAsset = function (name) {
+    if (!cachedAssets.length) {
+        console.warn('No assets available. Make sure ThemeProvider is mounted and assets are loaded.');
+        return undefined;
+    }
+    var asset = cachedAssets.find(function (a) { return a.name === name; });
+    return asset;
+};
+exports.getAsset = getAsset;
+var getAllAssets = function () {
+    return cachedAssets;
+};
+exports.getAllAssets = getAllAssets;
+var getAssetValue = function (name) {
+    var asset = (0, exports.getAsset)(name);
+    return asset === null || asset === void 0 ? void 0 : asset.url;
+};
+exports.getAssetValue = getAssetValue;
+var getAssetType = function (name) {
+    var asset = (0, exports.getAsset)(name);
+    return asset === null || asset === void 0 ? void 0 : asset.file_type;
+};
+exports.getAssetType = getAssetType;
+var getAssetInfo = function (name) {
+    var asset = (0, exports.getAsset)(name);
+    if (!asset)
+        return undefined;
+    return {
+        value: asset.url,
+        type: asset.file_type,
+        name: asset.name
+    };
+};
+exports.getAssetInfo = getAssetInfo;
+/* -------------------------------------------------------------------------- */
+/*                              ASSETS HOOKS                                  */
+/* -------------------------------------------------------------------------- */
+// Hook to access all assets
+var useAssets = function () {
+    var projectData = (0, exports.useTheme)().projectData;
+    return (projectData === null || projectData === void 0 ? void 0 : projectData.assets) || [];
+};
+exports.useAssets = useAssets;
+// Hook to get a specific asset
+var useAsset = function (name) {
+    var assets = (0, exports.useAssets)();
+    var asset = assets.find(function (a) { return a.name === name; });
+    return asset;
+};
+exports.useAsset = useAsset;
+// Hook to get asset URL (most common use case)
+var useAssetValue = function (name) {
+    var asset = (0, exports.useAsset)(name);
+    return asset === null || asset === void 0 ? void 0 : asset.url;
+};
+exports.useAssetValue = useAssetValue;
+// Hook to get asset type
+var useAssetType = function (name) {
+    var asset = (0, exports.useAsset)(name);
+    return asset === null || asset === void 0 ? void 0 : asset.file_type;
+};
+exports.useAssetType = useAssetType;
+// Hook to get complete asset info
+var useAssetInfo = function (name) {
+    var asset = (0, exports.useAsset)(name);
+    if (!asset)
+        return undefined;
+    return {
+        value: asset.url,
+        type: asset.file_type,
+        name: asset.name
+    };
+};
+exports.useAssetInfo = useAssetInfo;
+// Hook to filter assets by type
+var useAssetsByType = function (type) {
+    var assets = (0, exports.useAssets)();
+    return assets.filter(function (asset) { return asset.file_type === type; });
+};
+exports.useAssetsByType = useAssetsByType;
+// Hook to get image assets
+var useImageAssets = function () {
+    return (0, exports.useAssetsByType)('image');
+};
+exports.useImageAssets = useImageAssets;
+// Hook to get video assets
+var useVideoAssets = function () {
+    return (0, exports.useAssetsByType)('video');
+};
+exports.useVideoAssets = useVideoAssets;
+// Hook to get audio assets
+var useAudioAssets = function () {
+    return (0, exports.useAssetsByType)('audio');
+};
+exports.useAudioAssets = useAudioAssets;
+// Hook to get document assets
+var useDocumentAssets = function () {
+    return (0, exports.useAssetsByType)('document');
+};
+exports.useDocumentAssets = useDocumentAssets;