fiboui 1.0.2 → 2.0.0

package/dist/content/index.d.ts

@@ -1,9 +0,0 @@
-export * from './Avatar';
-export * from './Badge';
-export * from './Text';
-export * from './Label';
-export * from './Image';
-export * from './Spinner';
-export * from './Skeleton';
-export * from './Alert';
-export * from './Progress';

package/dist/core/StateWrapper.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react';
-import { Observable, Signal } from './state';
-
-export declare function Observer({ children }: {
-    children: () => ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare const StateContext: import('react').Context<Map<string, any>>;
-export declare function useStateContext(): Map<string, any>;
-interface StateWrapperProps {
-    stateMap: Map<string, any>;
-    children: ReactNode;
-}
-export declare function StateWrapper({ stateMap, children }: StateWrapperProps): import("react/jsx-runtime").JSX.Element;
-interface ObserverWrapperProps {
-    observables: Set<Observable<any>>;
-    children: ReactNode;
-}
-export declare function ObserverWrapper({ observables, children }: ObserverWrapperProps): import("react/jsx-runtime").JSX.Element;
-interface SignalWrapperProps {
-    signals: Set<Signal<any>>;
-    children: ReactNode;
-}
-export declare function SignalWrapper({ signals, children }: SignalWrapperProps): import("react/jsx-runtime").JSX.Element;
-interface ProviderWrapperProps {
-    providers: Map<string, any>;
-    children: ReactNode;
-}
-export declare const ProviderContext: import('react').Context<Map<string, any>>;
-export declare function useProvider<T>(key: string): T | undefined;
-export declare function ProviderWrapper({ providers, children }: ProviderWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/builder.d.ts

@@ -1,58 +0,0 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
-import { ResponsiveStyles } from './types';
-import { Observable, Signal } from './state';
-
-export declare abstract class FiboBuilder {
-    protected _props: Record<string, any>;
-    protected _style: CSSProperties;
-    protected _cssStyles: CSSProperties;
-    protected _classNames: string[];
-    protected _children: ReactNode[];
-    protected _responsive?: ResponsiveStyles;
-    protected _state: Map<string, any>;
-    protected _providers: Map<string, any>;
-    protected _observers: Set<Observable<any>>;
-    protected _signals: Set<Signal<any>>;
-    protected _isObserver: boolean;
-    id(value: string): this;
-    key(value: string | number): this;
-    paddingHorizontal(value: string | number): this;
-    paddingVertical(value: string | number): this;
-    marginHorizontal(value: string | number): this;
-    marginVertical(value: string | number): this;
-    flexDirection(direction: 'row' | 'column'): this;
-    alignItems(alignment: 'start' | 'center' | 'end' | 'stretch'): this;
-    justifyContent(justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'): this;
-    responsive(styles: ResponsiveStyles): this;
-    state<T>(key: string, initialValue: T): this;
-    getState<T>(key: string): T | undefined;
-    setState<T>(key: string, value: T): this;
-    provide<T>(key: string, value: T): this;
-    consume<T>(key: string): T | undefined;
-    observer(): this;
-    observe<T>(observable: Observable<T>): this;
-    bindSignal<T>(signal: Signal<T>): this;
-    protected hasStateManagement(): boolean;
-    className(className: string): this;
-    classNames(classNames: string[]): this;
-    css(styles: CSSProperties): this;
-    style(style: CSSProperties): this;
-    props(props: Record<string, any>): this;
-    protected _childFunction?: () => ReactNode;
-    children(children: ReactNode | ReactNode[] | (() => ReactNode)): this;
-    protected getClassName(): string;
-    protected getStyle(): CSSProperties;
-    protected processChildren(): ReactNode[];
-    protected getChildFunction(): (() => ReactNode) | undefined;
-    abstract build(): ReactElement;
-}
-type KnownKeys<T> = {
-    [K in keyof T]: string extends K ? never : number extends K ? never : K;
-} extends {
-    [_ in keyof T]: infer U;
-} ? U : never;
-type StyleBuilder<T> = T & {
-    [K in KnownKeys<CSSProperties>]-?: (value: CSSProperties[K]) => StyleBuilder<T>;
-};
-export declare function createBuilder<T extends FiboBuilder, Args extends any[]>(BuilderClass: new (...args: Args) => T): (...args: Args) => StyleBuilder<T>;
-export {};

package/dist/core/component.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-import { ResponsiveStyles } from './types';
-
-export declare function processChildren(children: ReactNode | ReactNode[]): ReactNode[];
-export declare function mergeStyles(...styles: (React.CSSProperties | undefined)[]): React.CSSProperties;
-export declare function applyResponsiveStyles(baseStyle: React.CSSProperties, responsive?: ResponsiveStyles): React.CSSProperties;
-export declare function normalizeValue(value: string | number, unit?: string): string;

package/dist/core/effects.d.ts

@@ -1,4 +0,0 @@
-export declare const createRipple: (event: {
-    clientX: number;
-    clientY: number;
-}, button: HTMLElement, color?: string) => void;

package/dist/core/hooks.d.ts

@@ -1,5 +0,0 @@
-import { Signal, ComputedSignal, Store, Observable } from './state';
-
-export declare function useSignal<T>(signal: Signal<T> | ComputedSignal<T>): T;
-export declare function useStore<T>(store: Store<T>): T;
-export declare function useObservable<T>(obs: Observable<T>): T;

package/dist/core/icons.d.ts

@@ -1,11 +0,0 @@
-export declare const Icons: {
-    Heart: import("react/jsx-runtime").JSX.Element;
-    Eth: import("react/jsx-runtime").JSX.Element;
-    Verify: import("react/jsx-runtime").JSX.Element;
-    More: import("react/jsx-runtime").JSX.Element;
-    Clock: import("react/jsx-runtime").JSX.Element;
-    Info: import("react/jsx-runtime").JSX.Element;
-    Check: import("react/jsx-runtime").JSX.Element;
-    Search: import("react/jsx-runtime").JSX.Element;
-    Close: import("react/jsx-runtime").JSX.Element;
-};

package/dist/core/index.d.ts

@@ -1,6 +0,0 @@
-export * from './types';
-export * from './builder';
-export * from './component';
-export * from './state';
-export * from './StateWrapper';
-export * from './hooks';

package/dist/core/state.d.ts

@@ -1,86 +0,0 @@
-export type Listener<T> = (value: T) => void;
-export type Unsubscribe = () => void;
-export interface Subscribable<T> {
-    subscribe(listener: Listener<T>): Unsubscribe;
-    subscribeEffect(effect: Effect): void;
-    unsubscribeEffect(effect: Effect): void;
-}
-export declare class Effect {
-    private fn;
-    private dependencies;
-    private _onDispose?;
-    constructor(fn: () => void);
-    run(): void;
-    track(dep: Subscribable<any>): void;
-    trigger(): void;
-    cleanup(): void;
-    dispose(): void;
-}
-export declare class Tracker {
-    private _onInvalidate;
-    private dependencies;
-    constructor(_onInvalidate: () => void);
-    execute<T>(fn: () => T): T;
-    track(dep: Subscribable<any>): void;
-    trigger(): void;
-    cleanup(): void;
-    dispose(): void;
-}
-export declare class Signal<T> implements Subscribable<T> {
-    private _value;
-    private listeners;
-    private effects;
-    constructor(_value: T);
-    get value(): T;
-    set value(newValue: T);
-    subscribe(listener: Listener<T>): Unsubscribe;
-    subscribeEffect(effect: Effect): void;
-    unsubscribeEffect(effect: Effect): void;
-    private notify;
-}
-export declare function signal<T>(initialValue: T): Signal<T>;
-export declare class ComputedSignal<T> implements Subscribable<T> {
-    private fn;
-    private listeners;
-    private effects;
-    private _value;
-    private _dirty;
-    private internalEffect;
-    constructor(fn: () => T);
-    get value(): T;
-    subscribe(listener: Listener<T>): Unsubscribe;
-    subscribeEffect(effect: Effect): void;
-    unsubscribeEffect(effect: Effect): void;
-    private notify;
-}
-export declare function computed<T>(fn: () => T): ComputedSignal<T>;
-export declare class Observable<T> implements Subscribable<T> {
-    private _value;
-    private listeners;
-    private effects;
-    constructor(_value: T);
-    get(): T;
-    set(newValue: T): void;
-    subscribe(listener: Listener<T>): Unsubscribe;
-    subscribeEffect(effect: Effect): void;
-    unsubscribeEffect(effect: Effect): void;
-    private notify;
-}
-export declare function observable<T>(initialValue: T): Observable<T>;
-export interface Store<T> extends Subscribable<T> {
-    getState(): T;
-    setState(fn: Partial<T> | ((state: T) => Partial<T>)): void;
-}
-export declare class StoreImpl<T> implements Store<T> {
-    private state;
-    private listeners;
-    private effects;
-    constructor(state: T);
-    getState(): T;
-    setState(partial: Partial<T> | ((state: T) => Partial<T>)): void;
-    subscribe(listener: Listener<T>): Unsubscribe;
-    subscribeEffect(effect: Effect): void;
-    unsubscribeEffect(effect: Effect): void;
-    private notify;
-}
-export declare function createStore<T>(initialState: T): Store<T>;

package/dist/core/types.d.ts

@@ -1,51 +0,0 @@
-import { CSSProperties, ReactNode, ReactElement } from 'react';
-
-export type FiboThemeName = 'material' | 'cupertino' | 'web';
-export interface ResponsiveStyles {
-    mobile?: CSSProperties;
-    tablet?: CSSProperties;
-    desktop?: CSSProperties;
-}
-export interface BaseProps {
-    key?: string | number;
-    className?: string;
-    style?: CSSProperties;
-    responsive?: ResponsiveStyles;
-}
-export interface ChildrenProps extends BaseProps {
-    children?: ReactNode | ReactNode[];
-    child?: ReactNode;
-}
-export type Alignment = 'start' | 'center' | 'end' | 'stretch';
-export type MainAxisAlignment = 'start' | 'center' | 'end' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly';
-export type CrossAxisAlignment = Alignment;
-export interface LayoutProps extends BaseProps {
-    width?: string | number;
-    height?: string | number;
-    padding?: string | number;
-    margin?: string | number;
-    backgroundColor?: string;
-}
-export interface EdgeInsets {
-    top?: string | number;
-    right?: string | number;
-    bottom?: string | number;
-    left?: string | number;
-    all?: string | number;
-    horizontal?: string | number;
-    vertical?: string | number;
-}
-export interface TextStyle {
-    fontSize?: string | number;
-    fontWeight?: string | number;
-    fontFamily?: string;
-    color?: string;
-    lineHeight?: string | number;
-    letterSpacing?: string | number;
-}
-export type TextType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | 'label';
-export type ButtonVariant = 'elevated' | 'filled' | 'outlined' | 'text';
-export type StatusType = 'success' | 'warning' | 'error' | 'info';
-export interface FiboComponent<T = any> {
-    (props?: T): ReactElement;
-}

package/dist/demo.d.ts

@@ -1,7 +0,0 @@
-import { Root } from 'react-dom/client';
-
-declare global {
-    interface Window {
-        _reactRoot?: Root;
-    }
-}