voirjs-native 1.0.0

package/theme.md

@@ -0,0 +1,344 @@
+Theme System
+
+Sistema de temas inspirado en Material Design 3 para TabrisJS.
+
+Características
+
+- Temas claros y oscuros.
+- Tipografía configurable.
+- Radios configurables.
+- Componentes temáticos.
+- Clases reutilizables.
+- Cambio dinámico de tema.
+- Tokens semánticos.
+- Soporte para personalización parcial mediante overrides.
+
+---
+
+Estructura
+
+theme
+├─ colors
+├─ typography
+├─ radius
+├─ components
+└─ classes
+
+---
+
+Registrar un tema
+```typescript
+import { registerTheme } from './themes';
+
+registerTheme('aurora-night', {
+
+  type: 'dark',
+
+  primary: '#7C4DFF',
+  onPrimary: '#FFFFFF',
+
+  background: '#0F1115',
+  onBackground: '#E6EAF2',
+
+  surface: '#181B22',
+  onSurface: '#E6EAF2'
+});
+```
+---
+
+Activar un tema
+```typescript
+import { setTheme } from './themes';
+
+setTheme('aurora-night');
+```
+---
+
+Obtener el tema actual
+```typescript
+import { getTheme } from './themes';
+
+const theme = getTheme();
+
+console.log(theme.primary);
+```
+---
+
+Tipografía
+
+La tipografía base sigue Material Design 3.
+
+registerTypography('material');
+
+También se pueden sobrescribir propiedades específicas.
+```typescript
+registerTypography('modern', {
+
+  fontFamily: 'Inter',
+
+  bodyMedium: 15,
+
+  titleLarge: 24
+});
+```
+Activar:
+```typescript
+setTypography('modern');
+```
+---
+
+Tokens tipográficos
+
+Disponibles por defecto:
+
+displayLarge
+displayMedium
+displaySmall
+
+headlineLarge
+headlineMedium
+headlineSmall
+
+titleLarge
+titleMedium
+titleSmall
+
+bodyLarge
+bodyMedium
+bodySmall
+
+labelLarge
+labelMedium
+labelSmall
+
+---
+
+Pesos de fuente
+
+También pueden definirse mediante arrays.
+
+font: ['titleSmall', 'bold']
+
+font: ['headlineLarge', 'light']
+
+font: ['bodyMedium', 'normal']
+
+Resultado:
+
+bold 14px sans-serif
+
+---
+
+Radius
+
+Valores disponibles:
+```javascript
+{
+  small: 8,
+  medium: 12,
+  large: 16,
+  extraLarge: 28,
+  full: 999
+}
+```
+Uso:
+
+cornerRadius: 'large'
+
+---
+
+Componentes
+
+Registrar estilos reutilizables para componentes.
+```typescript
+registerComponent('ButtonFilled', {
+
+  background: 'primary',
+
+  textColor: 'onPrimary',
+
+  cornerRadius: 'full',
+
+  font: 'labelLarge'
+});
+```
+---
+
+Resolver componentes
+```
+resolveComponent('ButtonFilled');
+```
+Resultado:
+```
+{
+  background: '#7C4DFF',
+  textColor: '#FFFFFF',
+  cornerRadius: 999,
+  font: 'bold 14px sans-serif'
+}
+```
+---
+
+Clases
+
+Las clases permiten reutilizar estilos sin aplicar manualmente un tema.
+
+Registrar clase simple
+```
+registerClass('card', {
+
+  background: 'surface',
+
+  cornerRadius: 'large'
+});
+```
+---
+
+Heredar un componente
+```
+registerClass(
+  'btn',
+  'ButtonFilled'
+);
+```
+Uso:
+```tsx
+<Button
+  class="btn"
+/>
+```
+---
+
+Sobrescribir propiedades
+```typescript
+registerClass(
+  'btn-danger',
+  'ButtonFilled',
+  {
+    background: 'error',
+    textColor: 'onError'
+  }
+);
+```
+---
+
+Múltiples clases
+```tsx
+<Button
+  class="btn rounded-large"
+/>
+```
+Las clases se aplican en orden.
+
+---
+
+Clases recomendadas
+
+Botones
+
+btn
+btn-outline
+btn-tonal
+btn-danger
+
+Texto
+
+text-title
+text-body
+text-muted
+text-primary
+
+Preferencias
+
+pref-category
+pref-title
+pref-summary
+
+Layout
+
+card
+group-container
+group-title
+
+Utilidades
+
+bg-primary
+bg-surface
+
+rounded-small
+rounded-medium
+rounded-large
+rounded-full
+
+---
+
+Preference Screen
+
+Categoría:
+```jsx
+<TextView
+  class="pref-category"
+/>
+```
+Título:
+```jsx
+<TextView
+  class="pref-title"
+/>
+```
+Resumen:
+```jsx
+<TextView
+  class="pref-summary"
+/>
+```
+---
+
+Cambio dinámico
+```
+setTheme('crimson-void');
+
+setTypography('modern');
+```
+Todos los componentes registrados pueden actualizarse automáticamente mediante los listeners del sistema de temas.
+
+---
+
+Crear un tema personalizado
+```typescript
+registerTheme('my-theme', {
+
+  primary: '#4CAF50',
+  onPrimary: '#FFFFFF',
+
+  background: '#101010',
+  onBackground: '#F5F5F5',
+
+  surface: '#1A1A1A',
+  onSurface: '#FFFFFF'
+});
+```
+Activar:
+```
+setTheme('my-theme');
+```
+---
+
+Filosofía
+
+Nunca usar colores directos:
+
+background: '#7C4DFF'
+
+Siempre usar tokens:
+
+background: 'primary'
+
+Esto permite:
+
+- Dark Mode.
+- Light Mode.
+- Cambio dinámico.
+- Temas personalizados.
+- Consistencia visual.
+- Reutilización de componentes.

package/types/$view.d.ts

@@ -0,0 +1 @@
+export {};

package/types/Bind.d.ts

@@ -0,0 +1,5 @@
+export function Bind({ target, children, ...props }: {
+    [x: string]: any;
+    target: any;
+    children: any;
+}): any;

package/types/Border.d.ts

@@ -0,0 +1,8 @@
+export function Border({ top, bottom, right, left, inside, children }: {
+    top: any;
+    bottom: any;
+    right: any;
+    left: any;
+    inside: any;
+    children: any;
+}): any;

package/types/For.d.ts

@@ -0,0 +1,6 @@
+export function For({ each, target, children, key }: {
+    each: any;
+    target: any;
+    children: any;
+    key: any;
+}): any;

package/types/Fragment.d.ts

@@ -0,0 +1,41 @@
+export function getFragmentManager(): any;
+export class Fragment {
+    constructor(props?: {});
+    props: {};
+    state: {};
+    view: void;
+    created: boolean;
+    setState(partial: any): void;
+    onCreate(): void;
+    onStart(): void;
+    onResume(): void;
+    onPause(): void;
+    onStop(): void;
+    onDestroy(): void;
+    render(): void;
+    mount(parent: any): void;
+    unmount(): void;
+    update(): void;
+}
+export class FragmentManager {
+    constructor(container: any);
+    container: any;
+    stack: any[];
+    push(fragment: any): void;
+    replace(fragment: any): void;
+    pop(): void;
+    getCurrent(): any;
+}
+export class VoirFragmentHost {
+    constructor({ manager, ...props }: {
+        [x: string]: any;
+        manager: any;
+    });
+    manager: any;
+    _setManagerContainer(): void;
+    _intercept({ manager, defaultHost }: {
+        manager: any;
+        defaultHost: any;
+    }): void;
+}
+export const FragmentHost: any;

package/types/Group.d.ts

@@ -0,0 +1,5 @@
+export function Group({ title, layout, children }: {
+    title: any;
+    layout: any;
+    children: any;
+}): any;

package/types/Modal.d.ts

@@ -0,0 +1 @@
+export const Modal: any;

package/types/NavItem.d.ts

@@ -0,0 +1,9 @@
+export function VoirNavItem({ icon, id, title: label, badge, host: ViewFragment, badgeColor, onClick }: {
+    icon: any;
+    id: any;
+    title: any;
+    badge: any;
+    host: any;
+    badgeColor: any;
+    onClick: any;
+}): any;

package/types/Navigation.d.ts

@@ -0,0 +1,35 @@
+declare const VoirAction_base: import("tabris").ActionFactory;
+export class VoirAction extends VoirAction_base {
+    _actionView: any;
+    _intercept({ actionView, onClick }: {
+        actionView: any;
+        onClick: any;
+    }): void;
+    getActionView(): any;
+    getInstanceActionView(): any;
+}
+declare const VoirNavigationView_base: import("tabris").NavigationViewFactory;
+export class VoirNavigationView extends VoirNavigationView_base {
+    constructor(props: any);
+    _voirProps: {
+        $history: any[];
+    };
+    _intercept({ children, menus, drawer: _drawer, navDrawer }: {
+        children: any;
+        menus: any;
+        drawer: any;
+        navDrawer: any;
+    }): this;
+    _interceptAction(action: any): void;
+    _interceptActions(actions: any): void;
+    get action(): {
+        add(action: any): /*elided*/ any;
+        remove(id: any): /*elided*/ any;
+    };
+    addScreen(screen: any): this;
+}
+export const NavigationView: any;
+export const NavigationDrawer: any;
+export const Action: any;
+export const NavItem: any;
+export {};

package/types/Screen.d.ts

@@ -0,0 +1,9 @@
+export function Screen({ children, ...props }?: {}): VoirScreen;
+export class VoirScreen {
+    constructor(props?: {});
+    _intercept({ render }: {
+        render: any;
+    }): void;
+    addTitle(title: any): this;
+    onCreate(): void;
+}

package/types/Snackbar.d.ts

@@ -0,0 +1 @@
+export const Snackbar: any;

package/types/Toast.d.ts

@@ -0,0 +1 @@
+export const Toast: any;

package/types/animation.d.ts

@@ -0,0 +1,8 @@
+export function highOpacity(element: any, delay: any, duration: any): Promise<void>;
+export function lowOpacity(element: any, delay: any, duration: any): Promise<void>;
+export function animateOpacity(element: any, delay: any, duration: any): Promise<void>;
+export class AnimationTime {
+    static LONG: number;
+    static MEDIUM: number;
+    static SHORT: number;
+}

package/types/native.d.ts

@@ -0,0 +1,28 @@
+export const Action: {};
+export const ActivityIndicator: {};
+export const Button: {};
+export const Canvas: {};
+export const CheckBox: {};
+export const CollectionView: {};
+export const Composite: {};
+export const ImageView: {};
+export const ItemPicker: {};
+export const ListView: {};
+export const NavigationView: {};
+export const Page: {};
+export const Picker: {};
+export const ProgressBar: {};
+export const RadioButton: {};
+export const RefreshComposite: {};
+export const Row: {};
+export const ScrollView: {};
+export const SearchAction: {};
+export const Slider: {};
+export const Stack: {};
+export const Switch: {};
+export const Tab: {};
+export const TabFolder: {};
+export const TextInput: {};
+export const TextView: {};
+export const ToggleButton: {};
+export { $, contentView, drawer, CameraView, CanvasContext, PdfView, RowLayout, StackLayout, Video, WebView, Widget, WidgetCollection, Color, ColorResources, Constraint, ConstraintLayout, Font, FontResources, Image, ImageBitmap, Layout, LayoutData, LinearGradient, Percent, ResourceBuilder, Resources, Setter, TextResources, fetch, Headers, Request, Response, WebSocket, XMLHttpRequest, ActionSheet, ActionSheetItem, AlertDialog, DateDialog, Popover, Popup, TimeDialog, app, authentication, crypto, device, devTools, fs, input, navigationBar, permission, printer, sizeMeasurement, statusBar, tabris, InactivityTimer } from "tabris";

package/types/navlayout.d.ts

@@ -0,0 +1,17 @@
+declare const NavigationLayout_base: import("tabris").CompositeFactory;
+export class NavigationLayout extends NavigationLayout_base {
+    constructor({ manager, drawerWidth, ...props }: {
+        [x: string]: any;
+        manager: any;
+        drawerWidth?: number;
+    });
+    manager: any;
+    drawerWidth: number;
+    _build(): void;
+    drawer: import("tabris").widgets.Composite<import("tabris").Widget<any>>;
+    content: any;
+    overlay: any;
+    openDrawer(): void;
+    closeDrawer(): void;
+}
+export {};

package/types/preference/AbstractCheked.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @abstract
+ */
+export class Checked extends ItemPreference {
+    _intercept({ label, summary, key, value, checked, onChange }: {
+        label: any;
+        summary: any;
+        key: any;
+        value: any;
+        checked: any;
+        onChange: any;
+    }): void;
+    _onChangePreference(): void;
+    onChange(fn: any): this;
+    /**
+     * @abstract
+     */
+    _getButton(): void;
+}
+import { ItemPreference } from "./AbstractItemPreference";

package/types/preference/AbstractItemPreference.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @abstract
+ */
+export class ItemPreference {
+    constructor(props: any);
+    _props: {
+        _views: {};
+        storage: {};
+        label: any;
+        summary: any;
+    };
+    _intercept({ label, key, summary, value, checked, onClick }: {
+        label: any;
+        key: any;
+        summary: any;
+        value: any;
+        checked: any;
+        onClick: any;
+    }): void;
+    setSummary(summary: any): this;
+    setLabel(label: any): this;
+    setValue(value: any): this;
+    onClick(fn: any): this;
+}

package/types/preference/CheckBoxPreference.d.ts

@@ -0,0 +1,5 @@
+export class VoirCheckBox extends Checked {
+    _getButton(checked: any): any;
+}
+export const CheckBoxPreference: any;
+import { Checked } from "./AbstractCheked";

package/types/preference/ListPreference.d.ts

@@ -0,0 +1,9 @@
+export class VoirListPreference extends ItemPreference {
+    _intercept({ entries, onChange, ...props }: {
+        [x: string]: any;
+        entries: any;
+        onChange: any;
+    }): void;
+}
+export const ListPreference: any;
+import { ItemPreference } from "./AbstractItemPreference";

package/types/preference/PreferenceScreen.d.ts

@@ -0,0 +1,7 @@
+export class VoirPreferenceScreen {
+    constructor(props?: {});
+    _intercept({ children }: {
+        children: any;
+    }): void;
+}
+export const PreferenceScreen: any;

package/types/preference/SwitchPreference.d.ts

@@ -0,0 +1,5 @@
+export class VoirSwitchPreference extends Checked {
+    _getButton(checked: any): any;
+}
+export const SwitchPreference: any;
+import { Checked } from "./AbstractCheked";

package/types/preference/TextPreference.d.ts

@@ -0,0 +1,4 @@
+export class VoirTextPreference extends ItemPreference {
+}
+export const TextPreference: any;
+import { ItemPreference } from "./AbstractItemPreference";

package/types/preference/index.d.ts

@@ -0,0 +1,6 @@
+export { CheckBoxPreference } from "./CheckBoxPreference";
+export { SwitchPreference } from "./SwitchPreference";
+export { TextPreference } from "./TextPreference";
+export { PreferenceScreen } from "./PreferenceScreen";
+export { ListPreference } from "./ListPreference";
+export { setPreference, getValuePreference, existsKeyPreference } from "./storage";

package/types/preference/storage.d.ts

@@ -0,0 +1,5 @@
+export const name_key_pref: "voir-native-preference";
+export const $preference: any;
+export function setPreference(key: any, value: any): void;
+export function getValuePreference(key: any): any;
+export function existsKeyPreference(key: any): boolean;

package/types/signal.d.ts

@@ -0,0 +1,15 @@
+export function schedule(effect: any): void;
+export function createSignal(initial: any): {
+    (): any;
+    set(v: any): void;
+    update(fn: any): void;
+    __isSignal: boolean;
+};
+export function effect(fn: any, deps: any): () => void;
+export function computed(fn: any): {
+    (): any;
+    set(v: any): void;
+    update(fn: any): void;
+    __isSignal: boolean;
+};
+export function batch(fn: any): void;

package/types/stack.d.ts

@@ -0,0 +1,18 @@
+export function createStack(): {
+    set: typeof set;
+    remove: typeof remove;
+    clear: typeof clear;
+    has: typeof has;
+    iterator: typeof iterator;
+    asyncIterator: typeof asyncIterator;
+    readonly stacks: Set<any>;
+    readonly size: number;
+};
+export function stackView(Stack: any): Promise<void>;
+declare function set(element: any, time?: number): any;
+declare function remove(element: any): any;
+declare function clear(): any;
+declare function has(element: any): any;
+declare function iterator(fn: any): void;
+declare function asyncIterator(fn: any): Promise<void>;
+export {};