fiboui 1.0.0

package/dist/content/index.d.ts

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { Observable, Signal } from './state';
+
+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

@@ -0,0 +1,50 @@
+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;
+    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;
+    children(children: ReactNode | ReactNode[]): this;
+    protected getClassName(): string;
+    protected getStyle(): CSSProperties;
+    protected processChildren(): ReactNode[];
+    abstract build(): ReactElement;
+}
+type StyleBuilder<T> = T & {
+    [K in keyof 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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,3 @@
+import { MouseEvent } from 'react';
+
+export declare const createRipple: (event: MouseEvent<HTMLElement>, color?: string) => void;

package/dist/core/icons.d.ts

@@ -0,0 +1,11 @@
+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

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

package/dist/core/state.d.ts

@@ -0,0 +1,37 @@
+export type StateGetter<T> = () => T;
+export type StateSetter<T> = (value: T | ((prev: T) => T)) => void;
+export type StateHook<T> = [T, StateSetter<T>];
+export interface Signal<T> {
+    value: T;
+    subscribe(callback: (value: T) => void): () => void;
+}
+export interface ComputedSignal<T> extends Omit<Signal<T>, 'value'> {
+    readonly value: T;
+}
+type EffectCleanup = void | (() => void);
+export declare function signal<T>(initialValue: T): Signal<T>;
+export declare function computed<T>(fn: () => T): ComputedSignal<T>;
+export declare function effect(fn: () => EffectCleanup): () => void;
+export interface Observable<T> {
+    get(): T;
+    set(value: T): void;
+    subscribe(listener: (value: T) => void): () => void;
+}
+export declare function observable<T>(initialValue: T): Observable<T>;
+export interface Store<T> {
+    getState(): T;
+    setState(updater: Partial<T> | ((state: T) => Partial<T>)): void;
+    subscribe(listener: (state: T) => void): () => void;
+}
+export declare function createStore<T extends object>(initialState: T): Store<T>;
+export interface ProviderConfig<T = any> {
+    key: string;
+    value: T;
+}
+export interface ConsumerConfig {
+    key: string;
+}
+export declare function registerProvider<T>(key: string, value: T): void;
+export declare function getProvider<T>(key: string): T | undefined;
+export declare function clearProviders(): void;
+export {};

package/dist/core/types.d.ts

@@ -0,0 +1,51 @@
+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

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

package/dist/effects-Co9C_Dyx.mjs

@@ -0,0 +1,9 @@
+const c = (n, r = "rgba(255, 255, 255, 0.3)") => {
+  const t = n.currentTarget, e = document.createElement("span"), i = Math.max(t.clientWidth, t.clientHeight), o = i / 2, l = t.getBoundingClientRect();
+  e.style.width = e.style.height = `${i}px`, e.style.left = `${n.clientX - l.left - o}px`, e.style.top = `${n.clientY - l.top - o}px`, e.style.position = "absolute", e.style.borderRadius = "50%", e.style.transform = "scale(0)", e.style.animation = "fibo-ripple 600ms linear", e.style.backgroundColor = r, e.style.pointerEvents = "none", (t.querySelector(".fibo-ripple-container") || t).appendChild(e), setTimeout(() => {
+    e.remove();
+  }, 600);
+};
+export {
+  c as createRipple
+};

package/dist/examples/ScaffoldExamples.d.ts

@@ -0,0 +1,3 @@
+export declare function App(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare function EcommerceApp(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare function DashboardApp(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;

package/dist/examples/StateExamples.d.ts

@@ -0,0 +1,5 @@
+export declare function SignalCounterExample(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare function ObservableExample(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare function StoreExample(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare function ProviderExample(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+export declare function LocalStateExample(): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './core';
+export * from './theme';
+export * from './layout';
+export * from './content';
+export * from './interactive';
+export * from './structure';