@platform-blocks/ui 0.1.2 → 0.3.0

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';
@@ -29,6 +32,7 @@ export { AppShell, useAppShell, useAppShellApi, useAppShellLayout, AppShellHeade
 export { Row, Column } from './components/Layout';
 export { Text, H1, H2, H3, H4, H5, H6, P, Small, Strong, Bold, Italic, Emphasis, Underline, Code, Kbd, Mark, Cite, Sub, Sup } from './components/Text';
 export { ShimmerText } from './components/ShimmerText';
+export { Highlight } from './components/Highlight';
 export { Title, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6 } from './components/Title';
 export { Markdown } from './components/Markdown';
 export { Button } from './components/Button';
@@ -46,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';
@@ -90,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';
@@ -98,6 +104,7 @@ 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';
@@ -126,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';
@@ -135,9 +145,11 @@ export type { AppStoreBadgeProps, AppStoreBadgeSize, SupportedLocale, BadgeConfi
 export type { TreeProps, TreeNode } from './components/Tree';
 export type { TextProps } from './components/Text';
 export type { ShimmerTextProps } from './components/ShimmerText';
+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';
@@ -151,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';
@@ -190,11 +203,13 @@ 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';
 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';

package/lib/utils/optionalDependencies.d.ts

@@ -0,0 +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.ComponentClass<any, any> | React.FC<LinearGradientProps>;
+    readonly hasLinearGradient: boolean;
+};
+type DocumentPickerModule = {
+    getDocumentAsync?: (...args: any[]) => Promise<any>;
+};
+export declare function resolveDocumentPicker(): {
+    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,17 +1,17 @@
 {
   "name": "@platform-blocks/ui",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "description": "A React Native UI library",
   "type": "module",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
   "types": "lib/index.d.ts",
-  "react-native": "src/index.ts",
+  "react-native": "./lib/esm/index.js",
   "sideEffects": false,
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
-      "react-native": "./src/index.ts",
+      "react-native": "./lib/esm/index.js",
       "import": "./lib/esm/index.js",
       "require": "./lib/cjs/index.js",
       "default": "./lib/esm/index.js"
@@ -27,6 +27,7 @@
     "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",
@@ -62,17 +63,6 @@
     "url": "https://github.com/joshstovall/platform-blocks/issues"
   },
   "homepage": "https://github.com/joshstovall/platform-blocks#readme",
-  "dependencies": {
-  "@platform-blocks/charts": "^0.1.1",
-    "@react-native-masked-view/masked-view": "^0.3.2",
-    "@shopify/flash-list": "^2.1.0",
-    "expo-document-picker": "~14.0.7",
-    "expo-audio": "^1.0.13",
-    "expo-linear-gradient": "^14.1.5",
-    "expo-video": "^2.2.2",
-    "react-native-reanimated-carousel": "^4.0.3",
-    "react-syntax-highlighter": "^15.5.0"
-  },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.0",
@@ -81,10 +71,12 @@
     "@babel/preset-typescript": "^7.25.0",
     "@eslint/js": "^8.57.1",
     "@react-native/babel-preset": "^0.81.4",
+    "@react-native-masked-view/masked-view": "^0.3.2",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@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",
@@ -98,10 +90,22 @@
     "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",
+    "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",
+    "react-syntax-highlighter": "^15.5.0",
     "react-test-renderer": "19.1.0",
     "rollup": "^4.52.3",
     "rollup-plugin-dts": "^6.2.3",
@@ -110,39 +114,33 @@
     "typescript-eslint": "^8.41.0"
   },
   "peerDependencies": {
-    "expo": "^54.0.10",
-    "expo-haptics": "^15.0.0",
-    "react": ">=19.0.0",
-    "react-native": ">=0.81.0",
-    "react-native-reanimated": ">=4.1.0",
-    "react-native-safe-area-context": ">=5.0.0",
-    "react-native-svg": ">=15.0.0",
-    "react-native-worklets": ">=0.5.1"
+    "@react-native-masked-view/masked-view": ">=0.2.9",
+    "@shopify/flash-list": ">=1.6.0",
+    "expo-document-picker": ">=13.0.0",
+    "expo-linear-gradient": ">=12.0.0",
+    "expo-audio": ">=1.0.0",
+    "expo-haptics": ">=14.0.0",
+    "expo-status-bar": ">=1.12.0",
+    "react": ">=18.0.0 <20.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-syntax-highlighter": ">=15.0.0"
   },
   "peerDependenciesMeta": {
-    "expo": {
-      "optional": false
+    "expo-audio": {
+      "optional": true
     },
     "expo-haptics": {
       "optional": true
     },
-    "react": {
-      "optional": false
-    },
-    "react-native": {
-      "optional": false
-    },
-    "react-native-reanimated": {
-      "optional": false
-    },
-    "react-native-safe-area-context": {
-      "optional": false
-    },
-    "react-native-svg": {
-      "optional": false
+    "expo-status-bar": {
+      "optional": true
     },
-    "react-native-worklets": {
-      "optional": false
+    "react-syntax-highlighter": {
+      "optional": true
     }
   }
 }

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;
-}