@almadar/ui 5.26.1 → 5.27.0

package/dist/components/core/molecules/SwipeableRow.d.ts

@@ -7,9 +7,10 @@
  */
 import React from 'react';
 import type { EventKey, EventPayload } from "@almadar/core";
+import type { IconInput } from '../atoms';
 export interface SwipeAction {
     label: string;
-    icon?: string;
+    icon?: IconInput;
     variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
     event: EventKey;
     eventPayload?: EventPayload;

package/dist/components/core/molecules/TableView.d.ts

@@ -13,6 +13,7 @@
  */
 import React from 'react';
 import type { EntityRow, EventKey } from '@almadar/core';
+import type { IconInput } from '../atoms';
 import { type DataDndProps } from './useDataDnd';
 import type { UiError } from '../atoms/types';
 export interface TableViewColumn {
@@ -36,8 +37,8 @@ export interface TableViewColumn {
     weight?: 'normal' | 'medium' | 'semibold';
     /** Value formatting hint. `badge` renders a status Badge. */
     format?: 'badge' | 'date' | 'currency' | 'number' | 'percent' | 'boolean';
-    /** Lucide icon shown before the header label. */
-    icon?: string;
+    /** Lucide icon name or component shown before the header label. */
+    icon?: IconInput;
     /** Allow click-to-sort on this column's header (emits `sortEvent`). */
     sortable?: boolean;
 }
@@ -46,8 +47,8 @@ export interface TableViewItemAction {
     label: string;
     /** Event name to emit (dispatched as UI:{event} with { id, row }). */
     event: EventKey;
-    /** Lucide icon name. */
-    icon?: string;
+    /** Lucide icon name or component. */
+    icon?: IconInput;
     /** Button variant. */
     variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
 }

package/dist/components/core/molecules/Tabs.d.ts

@@ -5,8 +5,8 @@
  * Uses theme-aware CSS variables for styling.
  */
 import React from 'react';
-import type { LucideIcon } from 'lucide-react';
 import type { EventEmit } from '@almadar/core';
+import type { IconInput } from '../atoms';
 export interface TabItem {
     /**
      * Tab ID. Optional — schema-driven callers may pass `value` instead;
@@ -23,7 +23,7 @@ export interface TabItem {
     /** Tab content - optional for event-driven tabs */
     content?: React.ReactNode;
     /** Tab icon — pass either a Lucide component or its registry name (e.g. "file-text") */
-    icon?: LucideIcon | string;
+    icon?: IconInput;
     /** Tab badge */
     badge?: string | number;
     /** Disable tab */

package/dist/components/core/molecules/UploadDropZone.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import type { EventKey, EventPayload } from "@almadar/core";
+import type { IconInput } from "../atoms";
 export interface UploadDropZoneProps {
     /** Accepted MIME types (e.g., "image/*", "application/pdf") */
     accept?: string;
@@ -11,8 +12,8 @@ export interface UploadDropZoneProps {
     label?: string;
     /** Description text below label */
     description?: string;
-    /** Icon name (Lucide string) */
-    icon?: string;
+    /** Icon name or component */
+    icon?: IconInput;
     /** Disabled state */
     disabled?: boolean;
     /** Declarative event name for file selection */

package/dist/components/core/organisms/ComponentPatterns.d.ts

@@ -12,9 +12,7 @@ import React from 'react';
 import type { EventKey, EventPayload } from '@almadar/core';
 import type { UiError } from '../atoms/types';
 import { type ButtonProps } from '../atoms/Button';
-import { type BadgeVariant } from '../atoms/Badge';
 import { type AlertVariant } from '../molecules/Alert';
-import { type MapViewProps } from '../molecules/MapView';
 /**
  * Base closed circuit props required by all organism components.
  */
@@ -116,56 +114,6 @@ export declare function TextPattern({ content, variant, size, weight, color, ali
 export declare namespace TextPattern {
     var displayName: string;
 }
-export interface HeadingPatternProps extends ClosedCircuitProps {
-    content: string;
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-    className?: string;
-}
-export declare function HeadingPattern({ content, level, size, className, }: HeadingPatternProps): React.ReactElement;
-export declare namespace HeadingPattern {
-    var displayName: string;
-}
-export interface BadgePatternProps extends ClosedCircuitProps {
-    label: string;
-    variant?: BadgeVariant;
-    size?: 'sm' | 'md';
-    className?: string;
-}
-/**
- * Badge pattern for status/counts.
- */
-export declare function BadgePattern({ label, variant, size, className, }: BadgePatternProps): React.ReactElement;
-export declare namespace BadgePattern {
-    var displayName: string;
-}
-export interface AvatarPatternProps extends ClosedCircuitProps {
-    src?: string;
-    alt?: string;
-    name?: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    className?: string;
-}
-/**
- * Avatar pattern.
- */
-export declare function AvatarPattern({ src, alt, name, size, className, }: AvatarPatternProps): React.ReactElement;
-export declare namespace AvatarPattern {
-    var displayName: string;
-}
-export interface IconPatternProps extends ClosedCircuitProps {
-    name: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    color?: string;
-    className?: string;
-}
-/**
- * Icon pattern.
- */
-export declare function IconPattern({ name, size, color, className, }: IconPatternProps): React.ReactElement;
-export declare namespace IconPattern {
-    var displayName: string;
-}
 export interface ImagePatternProps extends ClosedCircuitProps {
     src: string;
     alt: string;
@@ -182,144 +130,6 @@ export declare function ImagePattern({ src, alt, width, height, objectFit, class
 export declare namespace ImagePattern {
     var displayName: string;
 }
-export interface CardPatternProps extends ClosedCircuitProps {
-    title?: string;
-    subtitle?: string;
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    shadow?: 'none' | 'sm' | 'md' | 'lg';
-    onClick?: string;
-    className?: string;
-    children?: React.ReactNode;
-}
-/**
- * Card pattern.
- */
-export declare function CardPattern({ title, subtitle, padding, shadow, onClick, className, children, }: CardPatternProps): React.ReactElement;
-export declare namespace CardPattern {
-    var displayName: string;
-}
-export interface ProgressBarPatternProps extends ClosedCircuitProps {
-    value: number;
-    max?: number;
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
-    size?: 'sm' | 'md' | 'lg';
-    showLabel?: boolean;
-    className?: string;
-}
-/**
- * Progress bar pattern.
- */
-export declare function ProgressBarPattern({ value, max, variant, size, showLabel, className, }: ProgressBarPatternProps): React.ReactElement;
-export declare namespace ProgressBarPattern {
-    var displayName: string;
-}
-export interface SpinnerPatternProps extends ClosedCircuitProps {
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    color?: string;
-    className?: string;
-}
-/**
- * Spinner pattern.
- */
-export declare function SpinnerPattern({ size, className, }: SpinnerPatternProps): React.ReactElement;
-export declare namespace SpinnerPattern {
-    var displayName: string;
-}
-export interface InputPatternProps extends ClosedCircuitProps {
-    value?: string;
-    placeholder?: string;
-    inputType?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
-    disabled?: boolean;
-    /** Field-level validation error message */
-    fieldError?: string;
-    onChange?: string;
-    onBlur?: string;
-    className?: string;
-    /** Form field name. When the input is rendered inside a form-section's
-     *  `fields:` array, the runtime injects this from the field config so
-     *  the rendered DOM input carries `data-field-name="<name>"` and
-     *  `name="<name>"` — verifier-side automation (e.g. orbital-verify's
-     *  `fillFormFieldsFromMap`) selects fields by these attributes. */
-    fieldName?: string;
-}
-/**
- * Input pattern.
- */
-export declare function InputPattern({ value, placeholder, inputType, disabled, fieldError, onChange, onBlur, className, fieldName, }: InputPatternProps): React.ReactElement;
-export declare namespace InputPattern {
-    var displayName: string;
-}
-export interface TextareaPatternProps extends ClosedCircuitProps {
-    value?: string;
-    placeholder?: string;
-    rows?: number;
-    disabled?: boolean;
-    /** Field-level validation error message */
-    fieldError?: string;
-    onChange?: string;
-    className?: string;
-    /** Form field name — see `InputPatternProps.fieldName`. */
-    fieldName?: string;
-}
-/**
- * Textarea pattern.
- */
-export declare function TextareaPattern({ value, placeholder, rows, disabled, fieldError, onChange, className, fieldName, }: TextareaPatternProps): React.ReactElement;
-export declare namespace TextareaPattern {
-    var displayName: string;
-}
-export interface SelectPatternProps extends ClosedCircuitProps {
-    value?: string;
-    options: Array<{
-        value: string;
-        label: string;
-    }>;
-    placeholder?: string;
-    disabled?: boolean;
-    /** Field-level validation error message */
-    fieldError?: string;
-    onChange?: string;
-    className?: string;
-    /** Form field name — see `InputPatternProps.fieldName`. */
-    fieldName?: string;
-}
-/**
- * Select pattern.
- */
-export declare function SelectPattern({ value, options, placeholder, disabled, fieldError, onChange, className, fieldName, }: SelectPatternProps): React.ReactElement;
-export declare namespace SelectPattern {
-    var displayName: string;
-}
-export interface CheckboxPatternProps extends ClosedCircuitProps {
-    checked?: boolean;
-    label?: string;
-    disabled?: boolean;
-    onChange?: string;
-    className?: string;
-}
-/**
- * Checkbox pattern.
- */
-export declare function CheckboxPattern({ checked, label, disabled, onChange, className, }: CheckboxPatternProps): React.ReactElement;
-export declare namespace CheckboxPattern {
-    var displayName: string;
-}
-export interface RadioPatternProps extends ClosedCircuitProps {
-    value: string;
-    checked?: boolean;
-    name?: string;
-    label?: string;
-    disabled?: boolean;
-    onChange?: string;
-    className?: string;
-}
-/**
- * Radio pattern.
- */
-export declare function RadioPattern({ value, checked, name, label, disabled, onChange, className, }: RadioPatternProps): React.ReactElement;
-export declare namespace RadioPattern {
-    var displayName: string;
-}
 export interface LabelPatternProps extends ClosedCircuitProps {
     text: string;
     htmlFor?: string;
@@ -348,94 +158,6 @@ export declare function AlertPattern({ message, title, variant, dismissible, onD
 export declare namespace AlertPattern {
     var displayName: string;
 }
-export interface TooltipPatternProps extends ClosedCircuitProps {
-    content: string;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    className?: string;
-    children?: React.ReactNode;
-}
-/**
- * Tooltip pattern.
- */
-export declare function TooltipPattern({ content, position, className, children, }: TooltipPatternProps): React.ReactElement;
-export declare namespace TooltipPattern {
-    var displayName: string;
-}
-export interface PopoverPatternProps extends ClosedCircuitProps {
-    content: React.ReactNode;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    trigger?: 'click' | 'hover';
-    className?: string;
-    children?: React.ReactNode;
-}
-/**
- * Popover pattern.
- */
-export declare function PopoverPattern({ content, position, trigger, className, children, }: PopoverPatternProps): React.ReactElement;
-export declare namespace PopoverPattern {
-    var displayName: string;
-}
-export interface MenuPatternProps extends ClosedCircuitProps {
-    items: Array<{
-        label: string;
-        event: string;
-        icon?: string;
-        disabled?: boolean;
-        variant?: 'default' | 'danger';
-    }>;
-    trigger?: React.ReactNode;
-    position?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
-    className?: string;
-}
-/**
- * Menu pattern.
- */
-export declare function MenuPattern({ items, trigger, position, className, }: MenuPatternProps): React.ReactElement;
-export declare namespace MenuPattern {
-    var displayName: string;
-}
-export interface AccordionPatternProps extends ClosedCircuitProps {
-    items: Array<{
-        title: string;
-        content: React.ReactNode;
-    }>;
-    multiple?: boolean;
-    defaultOpen?: number[];
-    className?: string;
-}
-/**
- * Accordion pattern.
- */
-export declare function AccordionPattern({ items, multiple, defaultOpen, className, }: AccordionPatternProps): React.ReactElement;
-export declare namespace AccordionPattern {
-    var displayName: string;
-}
-export interface ContainerPatternProps extends ClosedCircuitProps {
-    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    className?: string;
-    children?: React.ReactNode;
-}
-/**
- * Container pattern.
- */
-export declare function ContainerPattern({ maxWidth, padding, className, children, }: ContainerPatternProps): React.ReactElement;
-export declare namespace ContainerPattern {
-    var displayName: string;
-}
-export interface SimpleGridPatternProps extends ClosedCircuitProps {
-    minChildWidth?: string;
-    gap?: 'xs' | 'sm' | 'md' | 'lg';
-    className?: string;
-    children?: React.ReactNode;
-}
-/**
- * Simple grid pattern.
- */
-export declare function SimpleGridPattern({ minChildWidth, gap, className, children, }: SimpleGridPatternProps): React.ReactElement;
-export declare namespace SimpleGridPattern {
-    var displayName: string;
-}
 export interface FloatButtonPatternProps extends ClosedCircuitProps {
     icon: string;
     onClick?: string;
@@ -450,42 +172,14 @@ export declare function FloatButtonPattern({ icon, onClick, position, variant, c
 export declare namespace FloatButtonPattern {
     var displayName: string;
 }
-export type MapViewPatternProps = Omit<MapViewProps, 'onMapClick' | 'onMarkerClick'> & ClosedCircuitProps;
-/**
- * Map view pattern. Passes through all MapView props.
- * Event dispatch is handled internally by MapView via mapClickEvent/markerClickEvent.
- */
-export declare function MapViewPattern({ markers, centerLat, centerLng, zoom, height, mapClickEvent, markerClickEvent, showClickedPin, className, showAttribution, }: MapViewPatternProps): React.ReactElement;
-export declare namespace MapViewPattern {
-    var displayName: string;
-}
 export declare const COMPONENT_PATTERNS: {
     readonly button: typeof ButtonPattern;
     readonly 'icon-button': typeof IconButtonPattern;
     readonly link: typeof LinkPattern;
     readonly text: typeof TextPattern;
-    readonly heading: typeof HeadingPattern;
-    readonly badge: typeof BadgePattern;
-    readonly avatar: typeof AvatarPattern;
-    readonly icon: typeof IconPattern;
     readonly image: typeof ImagePattern;
-    readonly card: typeof CardPattern;
-    readonly 'progress-bar': typeof ProgressBarPattern;
-    readonly spinner: typeof SpinnerPattern;
-    readonly input: typeof InputPattern;
-    readonly textarea: typeof TextareaPattern;
-    readonly select: typeof SelectPattern;
-    readonly checkbox: typeof CheckboxPattern;
-    readonly radio: typeof RadioPattern;
     readonly label: typeof LabelPattern;
     readonly alert: typeof AlertPattern;
-    readonly tooltip: typeof TooltipPattern;
-    readonly popover: typeof PopoverPattern;
-    readonly menu: typeof MenuPattern;
-    readonly accordion: typeof AccordionPattern;
-    readonly container: typeof ContainerPattern;
-    readonly 'simple-grid': typeof SimpleGridPattern;
     readonly 'float-button': typeof FloatButtonPattern;
-    readonly 'map-view': typeof MapViewPattern;
 };
 export {};

package/dist/components/core/organisms/CustomPattern.d.ts

@@ -8,7 +8,7 @@
  * @packageDocumentation
  */
 import React from "react";
-import type { EventKey, EventPayload } from "@almadar/core";
+import type { AssetUrl, EventKey, EventPayload } from "@almadar/core";
 import type { UiError } from "../atoms/types";
 /**
  * Allowed element types for custom patterns.
@@ -39,7 +39,7 @@ export interface CustomPatternProps {
     /** Nested children patterns */
     children?: React.ReactNode;
     /** Image source (for img elements) */
-    src?: string;
+    src?: AssetUrl;
     /** Image alt text (for img elements) */
     alt?: string;
     /** Link href (for a elements) */
@@ -86,7 +86,7 @@ export interface CustomPatternConfig {
     action?: EventKey;
     payload?: EventPayload;
     children?: CustomPatternConfig[];
-    src?: string;
+    src?: AssetUrl;
     alt?: string;
     href?: string;
     external?: boolean;

package/dist/components/core/organisms/DataTable.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { EventKey } from "@almadar/core";
-import { LucideIcon } from "lucide-react";
+import type { IconInput } from "../atoms/Icon";
 import { DisplayStateProps } from "./types";
 import type { EntityRow } from "@almadar/core";
 export type EntityTableLook = "dense" | "spacious" | "striped" | "borderless" | "card-rows";
@@ -17,7 +17,7 @@ export interface Column<T> {
 }
 export interface RowAction<T> {
     label: string;
-    icon?: LucideIcon;
+    icon?: IconInput;
     onClick: (row: T) => void;
     variant?: "default" | "danger";
     show?: (row: T) => boolean;
@@ -43,11 +43,11 @@ export interface DataTableProps<T extends EntityRow & {
         navigatesTo?: string;
         action?: EventKey;
         placement?: "row" | "bulk" | string;
-        icon?: LucideIcon;
+        icon?: IconInput;
         variant?: "default" | "primary" | "secondary" | "ghost" | "danger" | string;
         onClick?: (row: T) => void;
     }[];
-    emptyIcon?: LucideIcon | string;
+    emptyIcon?: IconInput;
     emptyTitle?: string;
     emptyDescription?: string;
     emptyAction?: DataTableEmptyAction;
@@ -57,7 +57,7 @@ export interface DataTableProps<T extends EntityRow & {
     rowActions?: readonly RowAction<T>[];
     bulkActions?: ReadonlyArray<{
         label: string;
-        icon?: LucideIcon;
+        icon?: IconInput;
         onClick: (selectedRows: T[]) => void;
         variant?: "default" | "danger";
     }>;

package/dist/components/core/organisms/DetailPanel.d.ts

@@ -8,12 +8,12 @@
  */
 import React from "react";
 import type { EntityRow } from "@almadar/core";
-import type { LucideIcon } from "lucide-react";
+import type { IconInput } from "../atoms/Icon";
 import type { DisplayStateProps } from "./types";
 export interface DetailField {
     label: string;
     value: React.ReactNode;
-    icon?: LucideIcon;
+    icon?: IconInput;
     copyable?: boolean;
 }
 export interface DetailSection {
@@ -25,7 +25,7 @@ export interface DetailSection {
  */
 export interface DetailPanelAction {
     label: string;
-    icon?: LucideIcon;
+    icon?: IconInput;
     onClick?: () => void;
     /** Event to emit via event bus */
     event?: string;

package/dist/components/core/organisms/Form.d.ts

@@ -16,6 +16,7 @@ import type { EventKey, FieldValue } from "@almadar/core";
 import { type SelectOption } from "../atoms/Select";
 import { type RelationOption } from "../molecules/RelationSelect";
 import type { OrbitalEntity } from "@almadar/core";
+import type { IconInput } from "../atoms/Icon";
 import { type SExpr } from "@almadar/evaluator";
 import type { UiError } from '../atoms/types';
 /**
@@ -74,8 +75,8 @@ export interface FormTabDefinition {
     id: string;
     /** Tab display label */
     label: string;
-    /** Icon name for the tab (from Icon component) */
-    icon?: string;
+    /** Icon for the tab */
+    icon?: IconInput;
     /** Sections within this tab */
     sections: FormSection[];
     /** Condition for showing/hiding the entire tab */

package/dist/components/core/organisms/LayoutPatterns.d.ts

@@ -11,9 +11,7 @@
  */
 import React from 'react';
 import type { UiError } from '../atoms/types';
-import { type StackGap, type StackAlign, type StackJustify } from '../atoms/Stack';
 import { type BoxPadding, type BoxBg, type BoxRounded, type BoxShadow } from '../atoms/Box';
-import { type GridCols, type GridGap, type ResponsiveGridCols } from '../molecules/Grid';
 import { type DividerVariant, type DividerOrientation } from '../atoms/Divider';
 /**
  * Base props for all layout patterns with children support.
@@ -32,42 +30,6 @@ export interface LayoutPatternProps {
     /** Entity name */
     entity?: string;
 }
-export interface VStackPatternProps extends LayoutPatternProps {
-    /** Gap between children */
-    gap?: StackGap;
-    /** Cross-axis alignment */
-    align?: StackAlign;
-    /** Main-axis alignment */
-    justify?: StackJustify;
-}
-/**
- * VStack pattern component.
- *
- * Renders children in a vertical stack with configurable spacing.
- */
-export declare function VStackPattern({ gap, align, justify, className, style, children, }: VStackPatternProps): React.ReactElement;
-export declare namespace VStackPattern {
-    var displayName: string;
-}
-export interface HStackPatternProps extends LayoutPatternProps {
-    /** Gap between children */
-    gap?: StackGap;
-    /** Cross-axis alignment */
-    align?: StackAlign;
-    /** Main-axis alignment */
-    justify?: StackJustify;
-    /** Enable wrapping */
-    wrap?: boolean;
-}
-/**
- * HStack pattern component.
- *
- * Renders children in a horizontal stack with configurable spacing.
- */
-export declare function HStackPattern({ gap, align, justify, wrap, className, style, children, }: HStackPatternProps): React.ReactElement;
-export declare namespace HStackPattern {
-    var displayName: string;
-}
 export interface BoxPatternProps extends LayoutPatternProps {
     /** Padding shorthand */
     p?: BoxPadding;
@@ -91,38 +53,6 @@ export declare function BoxPattern({ p, m, bg, border, radius, shadow, className
 export declare namespace BoxPattern {
     var displayName: string;
 }
-export interface GridPatternProps extends LayoutPatternProps {
-    /** Number of columns */
-    cols?: GridCols | ResponsiveGridCols;
-    /** Gap between cells */
-    gap?: GridGap;
-    /** Row gap override */
-    rowGap?: GridGap;
-    /** Column gap override */
-    colGap?: GridGap;
-}
-/**
- * Grid pattern component.
- *
- * CSS Grid layout for multi-column content.
- */
-export declare function GridPattern({ cols, gap, rowGap, colGap, className, style, children, }: GridPatternProps): React.ReactElement;
-export declare namespace GridPattern {
-    var displayName: string;
-}
-export interface CenterPatternProps extends LayoutPatternProps {
-    /** Minimum height */
-    minHeight?: string;
-}
-/**
- * Center pattern component.
- *
- * Centers content horizontally and vertically.
- */
-export declare function CenterPattern({ minHeight, className, style, children, }: CenterPatternProps): React.ReactElement;
-export declare namespace CenterPattern {
-    var displayName: string;
-}
 export interface SpacerPatternProps {
     /** Size or 'flex' for flexible */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'flex';
@@ -172,11 +102,7 @@ export declare namespace DividerPattern {
     var displayName: string;
 }
 export declare const LAYOUT_PATTERNS: {
-    readonly vstack: typeof VStackPattern;
-    readonly hstack: typeof HStackPattern;
     readonly box: typeof BoxPattern;
-    readonly grid: typeof GridPattern;
-    readonly center: typeof CenterPattern;
     readonly spacer: typeof SpacerPattern;
     readonly divider: typeof DividerPattern;
 };

package/dist/components/core/organisms/List.d.ts

@@ -17,8 +17,8 @@
  * - No internal search/filter state — trait provides filtered data
  */
 import React from "react";
-import type { EventKey } from "@almadar/core";
-import type { LucideIcon } from "lucide-react";
+import type { AssetUrl, EventKey } from "@almadar/core";
+import type { IconInput } from "../atoms/Icon";
 import { type MenuItem } from "../molecules/Menu";
 import type { DisplayStateProps } from "./types";
 import type { EntityRow } from "@almadar/core";
@@ -26,9 +26,9 @@ export type ListItem = {
     id: string;
     title?: string;
     description?: string;
-    icon?: LucideIcon;
+    icon?: IconInput;
     avatar?: {
-        src?: string;
+        src?: AssetUrl;
         alt?: string;
         initials?: string;
     };

package/dist/components/core/organisms/MediaGallery.d.ts

@@ -11,18 +11,18 @@
  * - className for external styling
  */
 import React from "react";
-import type { EventEmit } from "@almadar/core";
+import type { AssetUrl, EventEmit } from "@almadar/core";
 import type { DisplayStateProps } from "./types";
 import type { EntityRow } from "@almadar/core";
 export type MediaItem = EntityRow & {
     /** Unique identifier */
     id: string;
     /** Media URL */
-    src: string;
+    src: AssetUrl;
     /** Alt text */
     alt?: string;
     /** Thumbnail URL (defaults to src) */
-    thumbnail?: string;
+    thumbnail?: AssetUrl;
     /** Media type */
     mediaType?: "image" | "video";
     /** Caption */