@platform-blocks/ui 0.5.0 → 0.6.1

package/lib/components/Can/types.d.ts

@@ -1,230 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-/**
- * Possible permission actions
- */
-export type Action = string;
-/**
- * Subject type - can be string, class, or object
- */
-type SubjectClass = abstract new (...args: any[]) => unknown;
-type SubjectObject = Record<string, unknown> | object;
-export type Subject = string | SubjectClass | SubjectObject;
-/**
- * Field within a subject
- */
-export type Field = string;
-/**
- * Conditions for permissions (for object-level permissions)
- */
-export type Conditions = Record<string, any>;
-/**
- * Permission rule definition
- */
-export interface PermissionRule {
-    /** Action being performed */
-    action: Action | Action[];
-    /** Subject being acted upon */
-    subject: Subject | Subject[];
-    /** Fields within the subject (optional) */
-    fields?: Field[];
-    /** Conditions that must be met (optional) */
-    conditions?: Conditions;
-    /** Whether this rule grants or denies permission */
-    inverted?: boolean;
-    /** Human-readable reason for the rule */
-    reason?: string;
-}
-/**
- * Permission check result
- */
-export interface PermissionCheck {
-    /** Whether permission is granted */
-    allowed: boolean;
-    /** Reason for the decision */
-    reason?: string;
-    /** Matched rule */
-    rule?: PermissionRule;
-}
-/**
- * Ability interface for checking permissions
- */
-export interface Ability {
-    /** Check if action is allowed on subject */
-    can(action: Action, subject: Subject, field?: Field): boolean;
-    /** Check if action is forbidden on subject */
-    cannot(action: Action, subject: Subject, field?: Field): boolean;
-    /** Get detailed permission check result */
-    check(action: Action, subject: Subject, field?: Field): PermissionCheck;
-    /** Update ability rules */
-    update(rules: PermissionRule[]): void;
-    /** Get all current rules */
-    getRules(): PermissionRule[];
-    /** Clear all rules */
-    clear(): void;
-}
-/**
- * Can component props for basic usage
- */
-export interface CanProps {
-    /** Action to check */
-    I: Action;
-    /** Subject to check against */
-    a?: Subject;
-    /** Specific field to check (optional) */
-    field?: Field;
-    /** Children to render when permission is granted */
-    children?: React.ReactNode;
-    /** Alternative content when permission is denied */
-    fallback?: React.ReactNode;
-    /** Custom ability instance (optional) */
-    ability?: Ability;
-    /** Additional styles */
-    style?: ViewStyle;
-    /** Test ID for testing */
-    testID?: string;
-    /** Whether to passthrough (render children regardless) for development */
-    passthrough?: boolean;
-}
-/**
- * Enhanced Can component props with conditions
- */
-export interface CanWithConditionsProps extends Omit<CanProps, 'a'> {
-    /** Subject instance with data for condition checking */
-    this: Subject;
-}
-/**
- * Cannot component props (inverse of Can)
- */
-export type CannotProps = CanProps;
-/**
- * Permission gate props for route-level protection
- */
-export interface PermissionGateProps {
-    /** Required permissions (all must pass) */
-    permissions: Array<{
-        action: Action;
-        subject: Subject;
-        field?: Field;
-    }>;
-    /** Children to render when all permissions pass */
-    children: React.ReactNode;
-    /** Fallback when permissions fail */
-    fallback?: React.ReactNode;
-    /** Custom ability instance */
-    ability?: Ability;
-    /** Redirect function for navigation-based fallbacks */
-    onUnauthorized?: () => void;
-}
-/**
- * Permission context value
- */
-export interface PermissionContextValue {
-    /** Current ability instance */
-    ability: Ability;
-    /** Update ability rules */
-    updateAbility: (rules: PermissionRule[]) => void;
-    /** Check if user can perform action */
-    can: (action: Action, subject: Subject, field?: Field) => boolean;
-    /** Check if user cannot perform action */
-    cannot: (action: Action, subject: Subject, field?: Field) => boolean;
-    /** Get current user context */
-    user?: any;
-    /** Update user context */
-    setUser?: (user: any) => void;
-}
-/**
- * Permission provider props
- */
-export interface PermissionProviderProps {
-    /** Initial permission rules */
-    rules?: PermissionRule[];
-    /** Initial user context */
-    user?: any;
-    /** Children components */
-    children: React.ReactNode;
-    /** Development mode settings */
-    dev?: {
-        /** Log permission checks */
-        logChecks?: boolean;
-        /** Warn about missing permissions */
-        warnMissing?: boolean;
-        /** Allow passthrough in development */
-        allowPassthrough?: boolean;
-    };
-}
-/**
- * Hook options for usePermissions
- */
-export interface UsePermissionsOptions {
-    /** Whether to log permission checks */
-    debug?: boolean;
-    /** Throw error if no ability found */
-    required?: boolean;
-}
-/**
- * Permission definition for bulk operations
- */
-export interface PermissionDefinition {
-    /** Actions for this resource */
-    actions: Action[];
-    /** Subject type */
-    subject: Subject;
-    /** Default conditions */
-    conditions?: Conditions;
-    /** Description */
-    description?: string;
-}
-/**
- * Role-based permission set
- */
-export interface RolePermissions {
-    /** Role name */
-    role: string;
-    /** Permission rules for this role */
-    rules: PermissionRule[];
-    /** Description of the role */
-    description?: string;
-    /** Whether role is active */
-    active?: boolean;
-}
-/**
- * Permission builder for fluent API
- */
-export interface PermissionBuilder {
-    /** Add a permission rule */
-    allow(action: Action | Action[]): PermissionSubjectBuilder;
-    /** Add a denial rule */
-    deny(action: Action | Action[]): PermissionSubjectBuilder;
-    /** Build the rules array */
-    build(): PermissionRule[];
-}
-export interface PermissionSubjectBuilder {
-    /** Specify the subject */
-    on(subject: Subject | Subject[]): PermissionFieldBuilder;
-}
-export interface PermissionFieldBuilder {
-    /** Specify fields (optional) */
-    fields(fields: Field[]): PermissionConditionBuilder;
-    /** Specify conditions */
-    when(conditions: Conditions): PermissionRuleBuilder;
-    /** Add reason */
-    because(reason: string): PermissionRuleBuilder;
-    /** Finish building this rule */
-    build(): PermissionRule;
-}
-export interface PermissionConditionBuilder {
-    /** Specify conditions */
-    when(conditions: Conditions): PermissionRuleBuilder;
-    /** Add reason */
-    because(reason: string): PermissionRuleBuilder;
-    /** Finish building this rule */
-    build(): PermissionRule;
-}
-export interface PermissionRuleBuilder {
-    /** Add reason */
-    because(reason: string): PermissionRuleBuilder;
-    /** Finish building this rule */
-    build(): PermissionRule;
-}
-export {};

package/lib/components/HoverCard/index.d.ts

@@ -1,2 +0,0 @@
-export { HoverCard } from './HoverCard';
-export type { HoverCardProps } from './types';

package/lib/components/Lottie/Lottie.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export type AnimationSource = any;
-export interface LottieProps {
-    /** Required Lottie animation JSON (require or imported object) */
-    source: any;
-    /** Auto play animation */
-    autoPlay?: boolean;
-    /** Loop animation */
-    loop?: boolean;
-    /** Progress prop (0-1) for manual control */
-    progress?: number;
-    /** Speed multiplier */
-    speed?: number;
-    /** Style for container */
-    style?: ViewStyle;
-    /** Test ID */
-    testID?: string;
-    /** Pause state */
-    paused?: boolean;
-    /** Optional resize mode (cover/contain/center) */
-    resizeMode?: 'cover' | 'contain' | 'center';
-    /** Called when animation finishes (loop false) */
-    onAnimationFinish?: (isCancelled: boolean) => void;
-}
-/**
- * Lottie component with safe fallback when native module not present or on unsupported platforms.
- */
-export declare const Lottie: React.ForwardRefExoticComponent<LottieProps & React.RefAttributes<any>>;
-export default Lottie;

package/lib/components/Lottie/index.d.ts

@@ -1,2 +0,0 @@
-export { Lottie } from './Lottie';
-export type { LottieProps } from './Lottie';

package/lib/components/NavigationProgress/NavigationProgress.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { NavigationProgressProps, NavigationProgressController } from './types';
-export declare const navigationProgress: NavigationProgressController;
-export declare const NavigationProgress: React.FC<NavigationProgressProps>;

package/lib/components/NavigationProgress/defaults.d.ts

@@ -1,8 +0,0 @@
-export declare const NAVIGATIONPROGRESS_DEFAULTS: {
-    readonly size: 3;
-    readonly color: "primary";
-    readonly zIndex: 9999;
-    readonly overlay: true;
-    readonly stepInterval: 500;
-    readonly radius: 0;
-};

package/lib/components/NavigationProgress/hooks/useNavigationProgressState.d.ts

@@ -1 +0,0 @@
-export declare function useNavigationProgressState(): {};

package/lib/components/NavigationProgress/index.d.ts

@@ -1,2 +0,0 @@
-export { NavigationProgress, navigationProgress } from './NavigationProgress';
-export type { NavigationProgressProps, NavigationProgressController } from './types';

package/lib/components/NavigationProgress/styles/resolver.d.ts

@@ -1 +0,0 @@
-export declare function getNavigationProgressStyles(): {};

package/lib/components/NavigationProgress/tokens.d.ts

@@ -1,4 +0,0 @@
-export declare const NavigationProgressTokens: {
-    variant: {};
-    size: {};
-};

package/lib/components/NavigationProgress/types.d.ts

@@ -1,30 +0,0 @@
-export interface NavigationProgressProps {
-    /** Controlled progress value (0-100). If omitted, internal controller progress is used */
-    value?: number;
-    /** Height (px) */
-    size?: number;
-    /** Color token key or raw color */
-    color?: string;
-    /** Whether bar is active/visible when value is controlled */
-    active?: boolean;
-    /** z-index layering */
-    zIndex?: number;
-    /** If true position absolute at top full width */
-    overlay?: boolean;
-    /** Step interval in ms for internal progression animation */
-    stepInterval?: number;
-    /** Border radius */
-    radius?: number;
-    /** Custom styles */
-    style?: any;
-}
-export interface NavigationProgressController {
-    start: () => void;
-    stop: () => void;
-    complete: () => void;
-    reset: () => void;
-    set: (v: number) => void;
-    increment: (delta?: number) => void;
-    decrement: (delta?: number) => void;
-    isActive: () => boolean;
-}

package/lib/components/RichTextEditor/RichTextEditor.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { RichTextEditorProps } from './types';
-export declare const RichTextEditor: React.FC<RichTextEditorProps>;

package/lib/components/RichTextEditor/index.d.ts

@@ -1,2 +0,0 @@
-export { RichTextEditor } from './RichTextEditor';
-export type { RichTextEditorProps, RichTextEditorContent, RichTextEditorFormat, RichTextEditorSelection } from './types';

package/lib/components/RichTextEditor/styles.d.ts

@@ -1,61 +0,0 @@
-export declare function useRichTextEditorStyles(): {
-    characterCount: {
-        fontSize: number;
-        marginTop: number;
-        textAlign: "right";
-    };
-    container: {
-        width: "100%";
-    };
-    disabled: {
-        opacity: number;
-    };
-    editorContainer: {
-        backgroundColor: string;
-        borderColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        overflow: "hidden";
-    };
-    errorText: {
-        fontSize: number;
-        marginTop: number;
-    };
-    helperText: {
-        fontSize: number;
-        marginTop: number;
-    };
-    textInput: {
-        fontSize: number;
-        lineHeight: number;
-        padding: number;
-    };
-    toolButton: {
-        alignItems: "center";
-        backgroundColor: string;
-        borderColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        height: number;
-        justifyContent: "center";
-        width: number;
-    };
-    toolSeparator: {
-        backgroundColor: string;
-        height: number;
-        marginHorizontal: number;
-        width: number;
-    };
-    toolbar: {
-        backgroundColor: string;
-        borderBottomColor: string;
-        borderBottomWidth: number;
-    };
-    toolbarContent: {
-        alignItems: "center";
-        flexDirection: "row";
-        gap: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-    };
-};

package/lib/components/RichTextEditor/types.d.ts

@@ -1,150 +0,0 @@
-import React from 'react';
-import { BaseInputProps } from '../Input/types';
-export interface RichTextEditorFormat {
-    /** Bold text */
-    bold?: boolean;
-    /** Italic text */
-    italic?: boolean;
-    /** Underlined text */
-    underline?: boolean;
-    /** Strikethrough text */
-    strikethrough?: boolean;
-    /** Text color */
-    color?: string;
-    /** Background color */
-    backgroundColor?: string;
-    /** Font size */
-    fontSize?: number;
-    /** Font family */
-    fontFamily?: string;
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right' | 'justify';
-    /** List type */
-    list?: 'ordered' | 'unordered' | null;
-    /** Heading level */
-    heading?: 1 | 2 | 3 | 4 | 5 | 6 | null;
-    /** Link URL */
-    link?: string | null;
-    /** Code formatting */
-    code?: boolean;
-    /** Quote formatting */
-    quote?: boolean;
-}
-export interface RichTextEditorContent {
-    /** Raw HTML content */
-    html: string;
-    /** Plain text content */
-    text: string;
-    /** Delta format (for advanced editors) */
-    delta?: any;
-    /** Custom format */
-    json?: any;
-}
-export interface RichTextEditorSelection {
-    /** Start index */
-    index: number;
-    /** Selection length */
-    length: number;
-    /** Current format */
-    format?: RichTextEditorFormat;
-}
-export interface RichTextEditorProps extends Omit<BaseInputProps, 'value' | 'onChange'> {
-    /** Initial content */
-    defaultValue?: RichTextEditorContent;
-    /** Current content */
-    value?: RichTextEditorContent;
-    /** Content change handler */
-    onChange?: (content: RichTextEditorContent) => void;
-    /** Selection change handler */
-    onSelectionChange?: (selection: RichTextEditorSelection) => void;
-    /** Focus handler */
-    onFocus?: () => void;
-    /** Blur handler */
-    onBlur?: () => void;
-    /** Editor placeholder */
-    placeholder?: string;
-    /** Whether editor is read-only */
-    readOnly?: boolean;
-    /** Toolbar configuration */
-    toolbar?: {
-        /** Show toolbar */
-        enabled?: boolean;
-        /** Toolbar position */
-        position?: 'top' | 'bottom' | 'floating';
-        /** Available tools */
-        tools?: Array<'bold' | 'italic' | 'underline' | 'strikethrough' | 'color' | 'backgroundColor' | 'fontSize' | 'fontFamily' | 'align' | 'list' | 'heading' | 'link' | 'image' | 'code' | 'quote' | 'separator' | {
-            type: 'custom';
-            component: React.ComponentType<any>;
-            props?: any;
-        }>;
-        /** Toolbar groups */
-        groups?: Array<Array<string>>;
-    };
-    /** Format options */
-    formats?: {
-        /** Available font families */
-        fontFamilies?: string[];
-        /** Available font sizes */
-        fontSizes?: number[];
-        /** Available colors */
-        colors?: string[];
-        /** Available heading levels */
-        headings?: Array<1 | 2 | 3 | 4 | 5 | 6>;
-    };
-    /** Image handling */
-    images?: {
-        /** Allow image uploads */
-        enabled?: boolean;
-        /** Upload handler */
-        onUpload?: (file: File) => Promise<string>;
-        /** Maximum image size */
-        maxSize?: number;
-        /** Allowed image types */
-        allowedTypes?: string[];
-        /** Image resize settings */
-        resize?: {
-            maxWidth?: number;
-            maxHeight?: number;
-            quality?: number;
-        };
-    };
-    /** Link handling */
-    links?: {
-        /** Allow links */
-        enabled?: boolean;
-        /** Link validation */
-        validate?: (url: string) => boolean;
-        /** Open links in new tab */
-        openInNewTab?: boolean;
-    };
-    /** Custom plugins */
-    plugins?: Array<{
-        /** Plugin name */
-        name: string;
-        /** Plugin component */
-        component: React.ComponentType<any>;
-        /** Plugin configuration */
-        config?: any;
-    }>;
-    /** Autosave configuration */
-    autosave?: {
-        /** Enable autosave */
-        enabled?: boolean;
-        /** Save interval in milliseconds */
-        interval?: number;
-        /** Save handler */
-        onSave?: (content: RichTextEditorContent) => void;
-    };
-    /** Spell check */
-    spellCheck?: boolean;
-    /** Maximum content length */
-    maxLength?: number;
-    /** Minimum editor height */
-    minHeight?: number;
-    /** Maximum editor height */
-    maxHeight?: number;
-    /** Custom CSS classes */
-    className?: string;
-    /** Theme override */
-    theme?: 'light' | 'dark' | 'auto';
-}