@platform-blocks/ui 0.5.0 → 0.6.1

package/lib/index.d.ts

@@ -66,7 +66,6 @@ export { PhoneInput } from './components/PhoneInput';
 export { ColorPicker } from './components/ColorPicker';
 export { ColorSwatch } from './components/ColorSwatch';
 export { EmojiPicker } from './components/EmojiPicker';
-export { RichTextEditor } from './components/RichTextEditor';
 export { Rating } from './components/Rating';
 export { Form, useFormContext, useOptionalFormContext } from './components/Form';
 export { Breadcrumbs } from './components/Breadcrumbs';
@@ -95,27 +94,21 @@ export { Skeleton } from './components/Skeleton';
 export { Loader } from './components/Loader';
 export { Gauge } from './components/Gauge';
 export { Ring } from './components/Ring';
-export { NavigationProgress, navigationProgress } from './components/NavigationProgress';
 export { Toast, ToastProvider, useToast, useToastApi, onToastsRequested } from './components/Toast';
 export { Dialog, DialogProvider, DialogRenderer, useDialog, useDialogApi, useDialogs, useSimpleDialog, onDialogsRequested } from './components/Dialog';
 export { Tooltip } from './components/Tooltip';
 export { Overlay } from './components/Overlay';
 export { LoadingOverlay } from './components/LoadingOverlay';
-export { HoverCard } from './components/HoverCard';
 export { ContextMenu } from './components/ContextMenu';
 export { Popover } from './components/Popover';
 export { Spotlight, SpotlightProvider, useSpotlightStore, spotlight, createSpotlightStore, useSpotlightStoreInstance, useDirectSpotlightState, directSpotlight, onSpotlightRequested } from './components/Spotlight';
 export { FloatingActions } from './components/FloatingActions';
-export { Can, CanWithConditions, Cannot, PermissionGate, withCan, withCannot } from './components/Can';
-export { PermissionProvider, usePermissions, useAbility } from './components/Can';
-export { AbilityCore, PermissionBuilder, RoleBuilder, PermissionPatterns, permissions, defineAbility, defineRoleAbility } from './components/Can';
 export { Icon } from './components';
 export { IconButton } from './components/IconButton';
 export { Image } from './components/Image';
 export { BrandIcon } from './components/BrandIcon';
 export { Carousel } from './components/Carousel';
 export { Gallery } from './components/Gallery';
-export { Lottie } from './components/Lottie';
 export { Video } from './components/Video';
 export { Waveform } from './components/Waveform';
 export { Collapse } from './components/Collapse';
@@ -178,7 +171,6 @@ export type { TimePickerInputProps } from './components/TimePickerInput';
 export type { PhoneInputProps } from './components/PhoneInput';
 export type { ColorPickerProps } from './components/ColorPicker';
 export type { EmojiPickerProps } from './components/EmojiPicker';
-export type { RichTextEditorProps, RichTextEditorContent, RichTextEditorFormat, RichTextEditorSelection } from './components/RichTextEditor';
 export type { RatingProps } from './components/Rating';
 export type { FormProps } from './components/Form';
 export type { BreadcrumbsProps } from './components/Breadcrumbs';
@@ -206,18 +198,15 @@ export type { RingProps, RingColorStop, RingRenderContext } from './components/R
 export type { ToastProps } from './components/Toast';
 export type { DialogProps, DialogConfig, UseSimpleDialogOptions } from './components/Dialog';
 export type { TooltipProps } from './components/Tooltip';
-export type { HoverCardProps } from './components/HoverCard';
 export type { ContextMenuProps } from './components/ContextMenu';
 export type { PopoverProps, PopoverTargetProps, PopoverDropdownProps } from './components/Popover';
 export type { SpotlightProps } from './components/Spotlight';
-export type { Action, Subject, Field, Conditions, PermissionRule, PermissionCheck, Ability, CanProps, CanWithConditionsProps, CannotProps, PermissionGateProps, PermissionContextValue, PermissionProviderProps, UsePermissionsOptions } from './components/Can';
 export type { BrandIconProps, BrandName } from './components/BrandIcon';
 export type { CollapseProps } from './components/Collapse';
 export type { IconButtonProps } from './components/IconButton';
 export type { CarouselProps } from './components/Carousel';
 export type { GalleryProps, GalleryItem } from './components/Gallery';
 export type { ImageProps } from './components/Image';
-export type { LottieProps } from './components/Lottie';
 export type { WaveformProps } from './components/Waveform';
 export type { DividerProps } from './components/Divider';
 export type { SpaceProps } from './components/Space';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platform-blocks/ui",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "description": "A React Native UI library",
   "type": "module",
   "main": "lib/cjs/index.js",
@@ -35,10 +35,10 @@
     "test:ci": "jest --ci --coverage --maxWorkers=2",
     "test:update": "jest --updateSnapshot",
     "test:component": "jest",
-    "lint": "eslint src --ext .ts,.tsx --ignore-path .eslintignore",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix --ignore-path .eslintignore",
-    "lint:check": "eslint src --ext .ts,.tsx --max-warnings 0",
-    "format": "eslint src --ext .ts,.tsx --fix && echo 'Code formatted successfully!'",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "lint:check": "eslint src --max-warnings 0",
+    "format": "eslint src --fix && echo 'Code formatted successfully!'",
     "precommit": "npm run lint:check && npm run test"
   },
   "keywords": [
@@ -59,88 +59,98 @@
   },
   "homepage": "https://github.com/joshstovall/platform-blocks#readme",
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.0",
-    "@babel/preset-flow": "^7.27.1",
-    "@babel/preset-react": "^7.25.0",
-    "@babel/preset-typescript": "^7.25.0",
-    "@eslint/js": "^8.57.1",
-    "@react-native/babel-preset": "^0.81.4",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-flow": "^7.27.0",
+    "@babel/preset-react": "^7.28.0",
+    "@babel/preset-typescript": "^7.28.0",
+    "@react-native/babel-preset": "^0.83.0",
     "@react-native-masked-view/masked-view": "^0.3.2",
-    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@shopify/flash-list": "^2.1.0",
-    "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.4.3",
-    "@types/jest": "^29.5.12",
-    "@types/react": "~19.1.10",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "babel-jest": "^29.7.0",
-    "eslint": "^8.57.1",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-native": "^4.1.0",
-    "eslint-plugin-unused-imports": "^3.0.0",
-    "expo-audio": "^1.0.13",
-    "expo-document-picker": "~14.0.7",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@shopify/flash-list": "^2.2.0",
+    "@testing-library/react-native": "^13.3.0",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.2.0",
+    "babel-jest": "^30.2.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-react-native": "^5.0.0",
+    "eslint-plugin-unused-imports": "^4.3.0",
+    "expo-audio": "^1.1.0",
+    "expo-document-picker": "^14.0.0",
     "expo-haptics": "^15.0.0",
-    "expo-linear-gradient": "^14.1.5",
-    "expo-status-bar": "^1.12.0",
-    "jest": "^29.7.0",
-    "jest-environment-node": "^29.7.0",
-    "jest-expo": "^54.0.12",
-    "metro-react-native-babel-preset": "^0.77.0",
-    "react": "^19.1.0",
-    "react-native": "0.81.4",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-reanimated-carousel": "^4.0.3",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-svg": "^15.12.1",
+    "expo-linear-gradient": "^15.0.0",
+    "expo-status-bar": "^3.0.0",
+    "jest": "^30.2.0",
+    "jest-environment-node": "^30.2.0",
+    "jest-expo": "^54.0.0",
+    "react": "19.2.0",
+    "react-native": "0.83.1",
+    "react-native-reanimated": "~4.2.1",
+    "react-native-reanimated-carousel": "^4.0.0",
+    "react-native-safe-area-context": "^5.6.0",
+    "react-native-svg": "15.15.1",
+    "react-native-worklets": "0.7.2",
     "react-syntax-highlighter": "^16.1.0",
-    "react-test-renderer": "19.1.0",
-    "rollup": "^4.52.3",
-    "rollup-plugin-dts": "^6.2.3",
+    "react-test-renderer": "19.2.0",
+    "rollup": "^4.57.0",
+    "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "typescript": "~5.9.2",
-    "typescript-eslint": "^8.41.0"
+    "typescript": "^5.9.0",
+    "typescript-eslint": "^8.54.0"
   },
   "peerDependencies": {
-    "@react-native-masked-view/masked-view": ">=0.2.9",
+    "@react-native-masked-view/masked-view": ">=0.3.0",
     "@shopify/flash-list": ">=1.6.0",
-    "expo-document-picker": ">=13.0.0",
-    "expo-linear-gradient": ">=12.0.0",
     "expo-audio": ">=1.0.0",
+    "expo-document-picker": ">=13.0.0",
     "expo-haptics": ">=14.0.0",
+    "expo-linear-gradient": ">=12.0.0",
     "expo-status-bar": ">=1.12.0",
-    "react": ">=18.0.0 <20.0.0",
+    "react": ">=18.0.0",
     "react-native": ">=0.73.0",
     "react-native-reanimated": ">=3.4.0",
     "react-native-reanimated-carousel": ">=3.4.0",
     "react-native-safe-area-context": ">=4.5.0",
     "react-native-svg": ">=13.0.0",
+    "react-native-worklets": ">=0.5.0",
     "react-syntax-highlighter": ">=15.0.0"
   },
   "peerDependenciesMeta": {
+    "@react-native-masked-view/masked-view": {
+      "optional": true
+    },
+    "@shopify/flash-list": {
+      "optional": true
+    },
     "expo-audio": {
       "optional": true
     },
+    "expo-document-picker": {
+      "optional": true
+    },
     "expo-haptics": {
       "optional": true
     },
+    "expo-linear-gradient": {
+      "optional": true
+    },
     "expo-status-bar": {
       "optional": true
     },
+    "react-native-reanimated-carousel": {
+      "optional": true
+    },
+    "react-native-worklets": {
+      "optional": true
+    },
     "react-syntax-highlighter": {
       "optional": true
     }
-  },
-  "optionalDependencies": {
-    "lottie-react": "^2.4.1",
-    "@lottiefiles/dotlottie-react": "^0.13.5",
-    "lottie-react-native": "^7.3.4"
   }
 }

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import { CanProps, CanWithConditionsProps, CannotProps, PermissionGateProps } from './types';
-/**
- * Can Component - Renders children if permission is granted
- */
-export declare const Can: React.FC<CanProps>;
-/**
- * Can Component with conditions - For object-level permissions
- */
-export declare const CanWithConditions: React.FC<CanWithConditionsProps>;
-/**
- * Cannot Component - Renders children if permission is NOT granted
- */
-export declare const Cannot: React.FC<CannotProps>;
-/**
- * Permission Gate - Requires ALL permissions to pass
- */
-export declare const PermissionGate: React.FC<PermissionGateProps>;
-/**
- * Higher-Order Component for permission checking
- */
-export declare function withCan<P extends object>(action: string, subject?: any, field?: string): (Component: React.ComponentType<P>) => React.FC<P & {
-    fallback?: React.ReactNode;
-}>;
-/**
- * Higher-Order Component for permission denial checking
- */
-export declare function withCannot<P extends object>(action: string, subject?: any, field?: string): (Component: React.ComponentType<P>) => React.FC<P & {
-    fallback?: React.ReactNode;
-}>;

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const PermissionDemo: React.FC;

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

@@ -1,89 +0,0 @@
-import { Action, Subject, Field, PermissionRule, PermissionCheck, Ability } from './types';
-/**
- * Core Ability class for managing permissions
- */
-export declare class AbilityCore implements Ability {
-    private rules;
-    private cache;
-    constructor(rules?: PermissionRule[]);
-    /**
-     * 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 and clear cache
-     */
-    update(rules: PermissionRule[]): void;
-    /**
-     * Get all current rules
-     */
-    getRules(): PermissionRule[];
-    /**
-     * Clear all rules and cache
-     */
-    clear(): void;
-    /**
-     * Perform the actual permission check
-     */
-    private performCheck;
-    /**
-     * Check if a rule matches the current permission check
-     */
-    private ruleMatches;
-    /**
-     * Check if subject matches any of the rule subjects
-     */
-    private subjectMatches;
-    /**
-     * Check if conditions match the subject object
-     */
-    private conditionsMatch;
-    /**
-     * Check if two values match (handles various comparison types)
-     */
-    private valuesMatch;
-    /**
-     * Generate cache key for permission check
-     */
-    private getCacheKey;
-}
-/**
- * Create a new Ability instance
- */
-export declare function createAbility(rules?: PermissionRule[]): Ability;
-/**
- * Helper to create permission rules
- */
-export declare const definePermissions: (rules: PermissionRule[]) => PermissionRule[];
-/**
- * Common permission actions
- */
-export declare const Actions: {
-    readonly CREATE: "create";
-    readonly READ: "read";
-    readonly UPDATE: "update";
-    readonly DELETE: "delete";
-    readonly MANAGE: "manage";
-    readonly VIEW: "view";
-    readonly EDIT: "edit";
-    readonly PUBLISH: "publish";
-    readonly ARCHIVE: "archive";
-    readonly APPROVE: "approve";
-    readonly REJECT: "reject";
-};
-/**
- * Helper to create subject types
- */
-export declare const subject: (type: string, data?: object) => object;
-/**
- * Check if subject is of specific type
- */
-export declare const subjectType: (subject: any) => string;

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

@@ -1,113 +0,0 @@
-import { AbilityCore } from './ability';
-import { PermissionRule } from './types';
-/**
- * Fluent API for building permissions
- */
-export declare class PermissionBuilder {
-    private rules;
-    /**
-     * Grant permission
-     */
-    allow(action: string, subject?: any, field?: string): this;
-    /**
-     * Deny permission
-     */
-    forbid(action: string, subject?: any, field?: string): this;
-    /**
-     * Conditional permission
-     */
-    allowIf(action: string, subject?: any, conditions?: Record<string, any>, field?: string): this;
-    /**
-     * Conditional denial
-     */
-    forbidIf(action: string, subject?: any, conditions?: Record<string, any>, field?: string): this;
-    /**
-     * Grant all actions on a subject
-     */
-    manage(subject: any): this;
-    /**
-     * Forbid all actions on a subject
-     */
-    forbidAll(subject: any): this;
-    /**
-     * Role-based permissions
-     */
-    role(roleName: string, callback: (role: RoleBuilder) => void): this;
-    /**
-     * Build the ability with all rules
-     */
-    build(): AbilityCore;
-    /**
-     * Get all rules
-     */
-    getRules(): PermissionRule[];
-    /**
-     * Clear all rules
-     */
-    clear(): this;
-    /**
-     * Merge rules from another builder
-     */
-    merge(other: PermissionBuilder): this;
-}
-/**
- * Role-specific permission builder
- */
-export declare class RoleBuilder {
-    private roleName;
-    private rules;
-    constructor(roleName: string);
-    /**
-     * Grant permission for this role
-     */
-    can(action: string, subject?: any, field?: string): this;
-    /**
-     * Deny permission for this role
-     */
-    cannot(action: string, subject?: any, field?: string): this;
-    /**
-     * Manage all actions on subject for this role
-     */
-    manage(subject: any): this;
-    /**
-     * Get all rules for this role
-     */
-    getRules(): PermissionRule[];
-}
-/**
- * Common permission patterns
- */
-export declare class PermissionPatterns {
-    /**
-     * Admin permissions - can do everything
-     */
-    static admin(): PermissionBuilder;
-    /**
-     * User permissions - basic CRUD on own resources
-     */
-    static user(userId: string): PermissionBuilder;
-    /**
-     * Guest permissions - read-only public content
-     */
-    static guest(): PermissionBuilder;
-    /**
-     * Moderator permissions - manage content but not users
-     */
-    static moderator(): PermissionBuilder;
-    /**
-     * Owner permissions - full control over owned resources
-     */
-    static owner(ownerId: string): PermissionBuilder;
-}
-/**
- * Helper function to create a new permission builder
- */
-export declare function permissions(): PermissionBuilder;
-/**
- * Helper function to create ability from rules array
- */
-export declare function defineAbility(callback: (builder: PermissionBuilder) => void): AbilityCore;
-/**
- * Helper function to create common role-based abilities
- */
-export declare function defineRoleAbility(role: string, callback: (role: RoleBuilder) => void): AbilityCore;

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { PermissionProviderProps, PermissionContextValue } from './types';
-/**
- * Permission Provider Component
- */
-export declare const PermissionProvider: React.FC<PermissionProviderProps>;
-/**
- * Hook to access permission context
- */
-export declare const usePermissions: (options?: {
-    required?: boolean;
-    debug?: boolean;
-}) => PermissionContextValue;
-/**
- * Hook to check a specific permission
- */
-export declare const useCan: (action: string, subject: any, field?: string) => boolean;
-/**
- * Hook to check if permission is denied
- */
-export declare const useCannot: (action: string, subject: any, field?: string) => boolean;
-/**
- * Hook to get the current ability instance
- */
-export declare const useAbility: () => import("./types").Ability;

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

@@ -1,6 +0,0 @@
-export { Can, CanWithConditions, Cannot, PermissionGate, withCan, withCannot } from './Can';
-export { PermissionProvider, usePermissions, useAbility } from './context';
-export { AbilityCore } from './ability';
-export { PermissionBuilder, RoleBuilder, PermissionPatterns, permissions, defineAbility, defineRoleAbility } from './builder';
-export type { Action, Subject, Field, Conditions, PermissionRule, PermissionCheck, Ability, CanProps, CanWithConditionsProps, CannotProps, PermissionGateProps, PermissionContextValue, PermissionProviderProps, UsePermissionsOptions } from './types';
-export { AbilityCore as PermissionAbility } from './ability';