@platform-blocks/ui 0.2.0 → 0.3.1

package/lib/index.d.ts

@@ -10,6 +10,8 @@ export { I18nProvider, useI18n } from './core/i18n';
 export { OverlayProvider, useOverlay, useOverlayApi, useOverlays } from './core/providers/OverlayProvider';
 export { DirectionProvider, useDirection, useDirectionSafe } from './core/providers/DirectionProvider';
 export type { Direction, DirectionContextValue, DirectionProviderProps, StorageController } from './core/providers/DirectionProvider';
+export { KeyboardManagerProvider, useKeyboardManager, useKeyboardManagerOptional } from './core/providers/KeyboardManagerProvider';
+export type { KeyboardManagerProviderProps, KeyboardManagerContextValue } from './core/providers/KeyboardManagerProvider';
 export { AccessibilityProvider, useAccessibility } from './core/accessibility/context';
 export { SoundProvider, useSound, useHaptics, getAllSounds, getSoundsByCategory, createSound, DEFAULT_SOUND_IDS } from './core/sound';
 export type { SoundAsset, SoundOptions, HapticFeedbackOptions } from './core/sound';
@@ -22,6 +24,7 @@ export { resolveSize, getIconSize, getHeight, getSpacing, getLineHeight, COMPONE
 export { DEFAULT_BREAKPOINTS, resolveResponsiveProp } from './core/theme/breakpoints';
 export { useHotkeys, useGlobalHotkeys, useEscapeKey, useToggleColorScheme, useSpotlightToggle, globalHotkeys, } from './hooks';
 export { Container } from './components/Container';
+export { KeyboardAwareLayout } from './components/KeyboardAwareLayout';
 export { Flex } from './components/Flex';
 export { Grid, GridItem } from './components/Grid';
 export { Masonry } from './components/Masonry';
@@ -47,6 +50,7 @@ export { ToggleButton, ToggleGroup } from './components/Toggle';
 export { ToggleBar } from './components/Toggle';
 export { SegmentedControl } from './components/SegmentedControl';
 export { Slider, RangeSlider } from './components/Slider';
+export { Knob } from './components/Knob';
 export { Search } from './components/Search';
 export { Select } from './components/Select';
 export { AutoComplete } from './components/AutoComplete';
@@ -91,6 +95,7 @@ export { Progress } from './components/Progress';
 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, toast, onToastsRequested } from './components/Toast';
 export { Dialog, DialogProvider, DialogRenderer, useDialog, useDialogApi, useDialogs, useSimpleDialog, onDialogsRequested } from './components/Dialog';
@@ -99,7 +104,7 @@ export { Overlay } from './components/Overlay';
 export { LoadingOverlay } from './components/LoadingOverlay';
 export { HoverCard } from './components/HoverCard';
 export { ContextMenu } from './components/ContextMenu';
-export { Popover, PopoverTarget, PopoverDropdown } from './components/Popover';
+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';
@@ -128,6 +133,9 @@ export type { PlatformBlocksTheme, PlatformBlocksThemeOverride } from './core/th
 export type { PlatformBlocksProviderProps } from './core/theme/PlatformBlocksProvider';
 export type { ColorScheme } from './core/theme/useColorScheme';
 export type { SizeValue } from './core/theme/sizes';
+export { COMPONENT_SIZE_ORDER, DEFAULT_COMPONENT_SIZE, clampComponentSize, resolveComponentSize, } from './core/theme/componentSize';
+export type { ComponentSize, ComponentSizeValue, } from './core/theme/componentSize';
+export type { SizeToken } from './core/theme/types';
 export type { ResponsiveProp } from './core/theme/breakpoints';
 export type { HotkeyItem, KeyboardModifiers } from './hooks';
 export type { ButtonProps } from './components/Button';
@@ -141,6 +149,7 @@ export type { HighlightProps } from './components/Highlight';
 export type { OverlayProps } from './components/Overlay';
 export type { TitleProps } from './components/Title/types';
 export type { ContainerProps } from './components/Container';
+export type { KeyboardAwareLayoutProps } from './components/KeyboardAwareLayout';
 export type { FlexProps } from './components/Flex';
 export type { GridProps, GridItemProps } from './components/Grid';
 export type { MasonryProps, MasonryItem } from './components/Masonry';
@@ -154,6 +163,7 @@ export type { ToggleButtonProps, ToggleGroupProps } from './components/Toggle';
 export type { ToggleBarProps, ToggleBarOption } from './components/Toggle/ToggleBar';
 export type { SegmentedControlProps, SegmentedControlItem, SegmentedControlData } from './components/SegmentedControl';
 export type { SliderProps, RangeSliderProps } from './components/Slider';
+export type { KnobProps, KnobMark } from './components/Knob';
 export type { SearchProps } from './components/Search';
 export type { SelectProps } from './components/Select';
 export type { AutoCompleteProps } from './components/AutoComplete';
@@ -193,6 +203,7 @@ export type { SkeletonProps } from './components/Skeleton';
 export type { LoaderProps } from './components/Loader';
 export type { LoadingOverlayProps } from './components/LoadingOverlay';
 export type { GaugeProps } from './components/Gauge';
+export type { RingProps, RingColorStop, RingRenderContext } from './components/Ring';
 export type { ToastProps } from './components/Toast';
 export type { DialogProps, DialogConfig, UseSimpleDialogOptions } from './components/Dialog';
 export type { TooltipProps } from './components/Tooltip';

package/lib/utils/optionalDependencies.d.ts

@@ -1,13 +1,28 @@
 import React from 'react';
+type LinearGradientProps = {
+    children?: React.ReactNode;
+    style?: any;
+    colors?: string[];
+    locations?: number[];
+    start?: {
+        x: number;
+        y: number;
+    } | [number, number];
+    end?: {
+        x: number;
+        y: number;
+    } | [number, number];
+    [key: string]: any;
+};
 export declare function resolveLinearGradient(): {
-    readonly LinearGradient: React.ComponentType<any>;
+    readonly LinearGradient: React.ComponentClass<any, any> | React.FC<LinearGradientProps>;
     readonly hasLinearGradient: boolean;
 };
 type DocumentPickerModule = {
     getDocumentAsync?: (...args: any[]) => Promise<any>;
 };
 export declare function resolveDocumentPicker(): {
-    readonly DocumentPicker: DocumentPickerModule | null | undefined;
+    readonly DocumentPicker: DocumentPickerModule | null;
     readonly hasDocumentPicker: boolean;
 };
 export {};

package/lib/utils/optionalModule.d.ts

@@ -0,0 +1,16 @@
+interface ResolveOptionalModuleOptions<T> {
+    accessor?: (module: any) => T | null | undefined;
+    devWarning?: string;
+    loader?: () => any;
+}
+/**
+ * Attempts to synchronously resolve an optional dependency while caching the result.
+ * Returns `null` when the module cannot be loaded. An optional accessor can pull
+ * a specific export off the module evaluation.
+ */
+export declare function resolveOptionalModule<T = any>(moduleId: string, options?: ResolveOptionalModuleOptions<T>): T | null;
+/**
+ * Clears the cached optional module entries. Useful for tests to re-attempt loads.
+ */
+export declare function resetOptionalModuleCache(): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platform-blocks/ui",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "A React Native UI library",
   "type": "module",
   "main": "lib/cjs/index.js",
@@ -27,23 +27,19 @@
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:types": "tsc -p tsconfig.json --emitDeclarationOnly",
     "clean": "rm -rf lib || true",
+    "generate:llms": "tsx ../scripts/generate-llms.ts",
     "prepare": "sh -c 'if [ \"$BUILD_ON_PREPARE\" = \"1\" ]; then npm run build; else echo \"ui: skipping build on prepare (set BUILD_ON_PREPARE=1 to enable)\"; fi'",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "test:ci": "jest --ci --coverage --maxWorkers=2",
     "test:update": "jest --updateSnapshot",
-    "test:timeline": "jest Timeline.test.tsx",
-    "test:rating": "jest Rating.test.tsx",
-    "test:select": "jest Select.test.tsx",
-    "test:avatar": "jest Avatar.test.tsx",
     "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!'",
-    "precommit": "npm run lint:check && npm run test",
-    "qr:diff": "node ./lib/components/QRCode/dev/compareEngines.js"
+    "precommit": "npm run lint:check && npm run test"
   },
   "keywords": [
     "react-native",
@@ -104,7 +100,7 @@
     "react-native-reanimated-carousel": "^4.0.3",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-svg": "^15.12.1",
-    "react-syntax-highlighter": "^15.5.0",
+    "react-syntax-highlighter": "^16.1.0",
     "react-test-renderer": "19.1.0",
     "rollup": "^4.52.3",
     "rollup-plugin-dts": "^6.2.3",
@@ -141,5 +137,10 @@
     "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/Select/types.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { SizeValue } from '../../core/theme/sizes';
-export interface SelectOption<T = any> {
-    label: string;
-    value: T;
-    disabled?: boolean;
-}
-export interface SelectProps<T = any> {
-    value?: T;
-    defaultValue?: T;
-    onChange?: (value: T, option: SelectOption<T>) => void;
-    options: SelectOption<T>[];
-    placeholder?: string;
-    size?: SizeValue;
-    radius?: any;
-    disabled?: boolean;
-    label?: string;
-    helperText?: string;
-    error?: string;
-    searchable?: boolean;
-    renderOption?: (opt: SelectOption<T>, active: boolean, selected: boolean) => React.ReactNode;
-    fullWidth?: boolean;
-    maxHeight?: number;
-    closeOnSelect?: boolean;
-}