@number10/phaserjsx 4.3.0 → 4.5.0

package/dist/design-tokens/component-size-presets.d.ts

@@ -0,0 +1,52 @@
+import { ViewTheme } from '../theme-base';
+/**
+ * Shared size preset for standard interactive controls
+ * (Button, SegmentedControl segments, Toolbar items, NumberInput buttons, etc.)
+ */
+export interface ControlSizePreset {
+    height: number;
+    paddingH: number;
+    paddingV: number;
+    radius: number;
+    gap: number;
+    iconSize: number;
+}
+export declare const controlSizePresets: Record<'sm' | 'md' | 'lg', ControlSizePreset>;
+/**
+ * Compact size preset for smaller interactive controls
+ * (SegmentedControl segments, NumberInput buttons, ContextMenu items)
+ * Scale: 28 → 34 → 40 (6px increments, aligns with 2px grid for tight layouts)
+ */
+export declare const compactControlSizePresets: Record<'sm' | 'md' | 'lg', ControlSizePreset>;
+/**
+ * Toolbar item size presets (density-based, not sm/md/lg)
+ * Toolbar uses density: 'compact' | 'normal' instead of size scale
+ */
+export interface ToolbarItemSizePreset {
+    width: number;
+    height: number;
+    compactWidth: number;
+    compactHeight: number;
+    iconSize: number;
+    compactIconSize: number;
+}
+export declare const toolbarSizePresets: ToolbarItemSizePreset;
+/**
+ * Size preset for compact indicators
+ * (Badge, Tag, small labels)
+ */
+export interface IndicatorSizePreset {
+    height: number;
+    paddingH: number;
+    radius: number;
+    fontSize: string;
+}
+export declare const indicatorSizePresets: Record<'sm' | 'md' | 'lg', IndicatorSizePreset>;
+/**
+ * Min-width scale aligned with control heights
+ * sm ≈ 2.25× height, md ≈ 2.3× height, lg ≈ 2.4× height
+ */
+export declare const controlMinWidthPresets: Record<'sm' | 'md' | 'lg', number>;
+/** Build ViewTheme padding from horizontal + vertical preset values */
+export declare function controlPadding(preset: ControlSizePreset): ViewTheme['padding'];
+//# sourceMappingURL=component-size-presets.d.ts.map

package/dist/design-tokens/component-size-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-size-presets.d.ts","sourceRoot":"","sources":["../../src/design-tokens/component-size-presets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,iBAAiB,CAI5E,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,iBAAiB,CAInF,CAAA;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,qBAOhC,CAAA;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,mBAAmB,CAIhF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAIrE,CAAA;AAED,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC,SAAS,CAAC,CAO9E"}

package/dist/design-tokens/index.d.ts

@@ -2,6 +2,8 @@
  * Design token system exports
  * Provides semantic tokens for colors, text styles, spacing, sizes, and radius
  */
+export { compactControlSizePresets, controlMinWidthPresets, controlPadding, controlSizePresets, indicatorSizePresets, toolbarSizePresets, } from './component-size-presets';
+export type { ControlSizePreset, IndicatorSizePreset, ToolbarItemSizePreset, } from './component-size-presets';
 export { createTextStyleTokens, defaultRadiusTokens, defaultSizeTokens, defaultSpacingTokens, defaultTextStyleTokens, } from './design-token-presets';
 export type { DesignTokens, PhaserTextStyle, RadiusTokens, SizeTokens, SpacingTokens, TextStyleToken, TextStyleTokens, } from './design-token-types';
 export { useThemeTokens } from './use-theme-tokens';

package/dist/design-tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,UAAU,EACV,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,yBAAyB,EACzB,sBAAsB,EACtB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EACV,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,UAAU,EACV,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/dev-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-config.d.ts","sourceRoot":"","sources":["../src/dev-config.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS;IACpB;;;OAGG;;QAED;;;WAGG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;;OAGG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;;OAGG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;OAEG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;;CAGN,CAAA;AAED;;;;;;;;;GASG;AACH,qBAAa,WAAW;IACtB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAkD;IAEjF;;;;;OAKG;IACH,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAmB7F;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAIxE;;;;;OAKG;IACH,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAIzE;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOxE;;;;OAIG;IACH,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CAM5E;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU;IACrB;;;OAGG;sBACa,IAAI;IAQpB;;;OAGG;uBACc,IAAI;IAWrB;;;OAGG;yBACgB,IAAI;IAcvB;;;OAGG;8BACqB,IAAI;IAY5B;;;OAGG;qBACY,IAAI;sBAWH,IAAI;IAYpB;;;OAGG;oBACW,IAAI;CAanB,CAAA"}
+{"version":3,"file":"dev-config.d.ts","sourceRoot":"","sources":["../src/dev-config.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAoBH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS;IACpB;;;OAGG;;QAED;;;WAGG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;;OAGG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;;OAGG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;QAGH;;;;WAIG;;;IAIL;;OAEG;;QAED;;;;WAIG;;QAGH;;;;WAIG;;;CAGN,CAAA;AAED;;;;;;;;;GASG;AACH,qBAAa,WAAW;IACtB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAkD;IAEjF;;;;;OAKG;IACH,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAmB7F;;;;;OAKG;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAIxE;;;;;OAKG;IACH,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAIzE;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOxE;;;;OAIG;IACH,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CAM5E;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU;IACrB;;;OAGG;sBACa,IAAI;IAQpB;;;OAGG;uBACc,IAAI;IAWrB;;;OAGG;yBACgB,IAAI;IAcvB;;;OAGG;8BACqB,IAAI;IAY5B;;;OAGG;qBACY,IAAI;sBAWH,IAAI;IAYpB;;;OAGG;oBACW,IAAI;CAanB,CAAA"}

package/dist/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("./chunk-C2EiDwsr.cjs");
-const require_custom = require("./custom-37gL0VZG.cjs");
+const require_custom = require("./custom-rkdLsk0U.cjs");
 const require_jsx_runtime = require("./jsx-runtime.cjs");
 const require_clip = require("./clip-CHmjztBQ.cjs");
 let phaser = require("phaser");
@@ -1171,246 +1171,6 @@ var PhaserJSXPlugin = class extends phaser.Plugins.BasePlugin {
 	}
 };
 //#endregion
-//#region src/colors/use-color-mode.ts
-/**
-* Color mode management for dynamic theme switching
-*/
-/**
-* Hook to manage color mode (light/dark) dynamically
-* @returns Object with current mode, toggle function, and setter
-* @example
-* ```typescript
-* function ThemeToggle() {
-*   const { colorMode, toggleColorMode } = useColorMode()
-*
-*   return (
-*     <Button onClick={toggleColorMode}>
-*       {colorMode === 'light' ? 'Dark' : 'Light'} Mode
-*     </Button>
-*   )
-* }
-* ```
-*/
-function useColorMode() {
-	const [colorMode, setColorModeState] = require_custom.useState(require_custom.themeRegistry.getColorMode());
-	require_custom.useEffect(() => {
-		return require_custom.themeRegistry.subscribe(() => {
-			setColorModeState(require_custom.themeRegistry.getColorMode());
-		});
-	}, []);
-	const setColorMode = (mode) => {
-		require_custom.themeRegistry.setColorMode(mode);
-	};
-	const toggleColorMode = () => {
-		setColorMode(colorMode === "light" ? "dark" : "light");
-	};
-	return {
-		colorMode,
-		setColorMode,
-		toggleColorMode
-	};
-}
-//#endregion
-//#region src/colors/use-colors.ts
-/**
-* Color system hooks for component usage
-*/
-/**
-* Hook to access color tokens from theme context
-* Automatically updates when color mode or preset changes
-* @returns Current ColorTokens or undefined
-* @deprecated Use `useThemeTokens()` instead for access to colors, text styles, spacing, and more
-* @example
-* ```typescript
-* // Old way (deprecated):
-* const colors = useColors()
-*
-* // New way:
-* const tokens = useThemeTokens()
-* const colors = tokens?.colors
-*
-* // Access text styles, spacing, etc.:
-* <Text style={tokens.textStyles.DEFAULT} />
-* <View padding={tokens.spacing.lg} />
-* ```
-*/
-function useColors() {
-	const localTheme = require_custom.useTheme();
-	const getInitialColors = () => {
-		if (localTheme?.__colorPreset) return require_custom.getPresetWithMode(localTheme.__colorPreset.name, localTheme.__colorPreset.mode ?? "light").colors;
-		return require_custom.themeRegistry.getColorTokens();
-	};
-	const [colors, setColors] = require_custom.useState(getInitialColors());
-	const [, forceUpdate] = require_custom.useState(0);
-	require_custom.useEffect(() => {
-		return require_custom.themeRegistry.subscribe(() => {
-			if (localTheme?.__colorPreset) {
-				const currentMode = require_custom.themeRegistry.getColorMode();
-				setColors(require_custom.getPresetWithMode(localTheme.__colorPreset.name, currentMode).colors);
-			} else setColors(require_custom.themeRegistry.getColorTokens());
-			forceUpdate((n) => n + 1);
-		});
-	}, [localTheme]);
-	return colors;
-}
-/**
-* Hook to subscribe to theme changes without accessing colors
-* Use this in parent components that don't need colors themselves
-* but want to ensure children re-render when theme changes
-*
-* Note: Since useColors() now triggers re-renders automatically,
-* this hook is mainly useful if you don't need the colors themselves
-* but still want to react to theme changes.
-*
-* @example
-* ```typescript
-* function ParentComponent() {
-*   useThemeSubscription() // Children will re-render on theme changes
-*   return <ChildThatUsesColors />
-* }
-* ```
-*/
-function useThemeSubscription() {
-	const [, forceUpdate] = require_custom.useState(0);
-	require_custom.useEffect(() => {
-		return require_custom.themeRegistry.subscribe(() => {
-			forceUpdate((n) => n + 1);
-		});
-	}, []);
-}
-//#endregion
-//#region src/colors/color-theme-helpers.ts
-/**
-* Convert ColorTokens to a theme-compatible object
-* Maps semantic color names to Phaser number format for View/Button components
-* @param colors - ColorTokens to convert
-* @returns Object with backgroundColor, borderColor, etc.
-* @example
-* ```typescript
-* const colors = getPreset('oceanBlue').colors
-* const buttonTheme = {
-*   ...colorsToTheme(colors, 'primary'),
-*   padding: 8,
-* }
-* // Returns: { backgroundColor: 0x2196f3, borderColor: 0x... }
-* ```
-*/
-function colorsToTheme(colors, colorKey, options = {}) {
-	const { backgroundShade = "DEFAULT", borderShade = "dark", includeBorder = true } = options;
-	const result = { backgroundColor: colors[colorKey][backgroundShade].toNumber() };
-	if (includeBorder) result.borderColor = colors[colorKey][borderShade].toNumber();
-	return result;
-}
-/**
-* Get text color from ColorTokens as hex string for Phaser Text style
-* @param colors - ColorTokens to use
-* @param shade - Which text shade to use (default: 'DEFAULT')
-* @param alphaValue - Optional alpha value (0-1)
-* @returns Hex string or rgba string for Text style
-* @example
-* ```typescript
-* const colors = getPreset('oceanBlue').colors
-* const textStyle = {
-*   color: getTextColor(colors),
-*   fontSize: '18px'
-* }
-* ```
-*/
-function getTextColor(colors, shade = "DEFAULT", alphaValue) {
-	const color = colors.text[shade];
-	return alphaValue !== void 0 ? require_custom.alpha(color.toNumber(), alphaValue) : color.toString();
-}
-/**
-* Get background color from ColorTokens
-* @param colors - ColorTokens to use
-* @param shade - Which shade to use (default: 'DEFAULT')
-* @returns Phaser color number
-*/
-function getBackgroundColor(colors, shade = "DEFAULT") {
-	return colors.background[shade].toNumber();
-}
-/**
-* Get surface color from ColorTokens
-* @param colors - ColorTokens to use
-* @param shade - Which shade to use (default: 'DEFAULT')
-* @returns Phaser color number
-*/
-function getSurfaceColor(colors, shade = "DEFAULT") {
-	return colors.surface[shade].toNumber();
-}
-/**
-* Get border color from ColorTokens
-* @param colors - ColorTokens to use
-* @param shade - Which shade to use (default: 'DEFAULT')
-* @returns Phaser color number
-*/
-function getBorderColor(colors, shade = "DEFAULT") {
-	return colors.border[shade].toNumber();
-}
-//#endregion
-//#region src/colors/preset-manager.ts
-/**
-* Dynamic color preset management
-*/
-/**
-* Set the active color preset globally
-* Applies the preset with the current color mode and updates all components
-* Triggers complete remount of all active mountJSX instances
-* @param presetName - Name of the preset to apply
-* @param colorMode - Optional color mode to apply together with the preset
-* @example
-* ```typescript
-* // Switch to forest green theme
-* setColorPreset('forestGreen')
-*
-* // Apply preset and force dark mode in one go
-* setColorPreset('midnight', 'dark')
-*
-* // Current mode (light/dark) is preserved
-* ```
-*/
-function setColorPreset(presetName, colorMode) {
-	const preset = require_custom.getPresetWithMode(presetName, colorMode ?? require_custom.themeRegistry.getColorMode());
-	require_custom.themeRegistry.setColorTokens(preset.colors);
-	require_custom.themeRegistry.setCurrentPresetName(presetName, true);
-	if (colorMode && require_custom.themeRegistry.getColorMode() !== colorMode) {
-		require_custom.themeRegistry.setColorMode(colorMode);
-		return;
-	}
-	setTimeout(() => {
-		require_custom.remountAll();
-	}, 0);
-}
-/**
-* Get the currently active preset name
-* @returns Current preset name or undefined
-*/
-function getCurrentPreset() {
-	return require_custom.themeRegistry.getCurrentPresetName();
-}
-/**
-* Set the active color mode globally (without changing the preset)
-* @param mode - Color mode to apply
-*/
-function setColorMode(mode) {
-	require_custom.themeRegistry.setColorMode(mode);
-}
-/**
-* Get all available preset names
-* @returns Array of preset names
-* @example
-* ```typescript
-* const presets = getAvailablePresets() // ['oceanBlue', 'forestGreen', 'midnight']
-* ```
-*/
-function getAvailablePresets() {
-	return [
-		"oceanBlue",
-		"forestGreen",
-		"midnight"
-	];
-}
-//#endregion
 //#region src/index.ts
 /**
 * PhaserJSX UI Library
@@ -1419,13 +1179,18 @@ function getAvailablePresets() {
 require_custom.registerBuiltins();
 //#endregion
 exports.Accordion = require_custom.Accordion;
+exports.ActivityIndicator = require_custom.ActivityIndicator;
 exports.AlertDialog = require_custom.AlertDialog;
 exports.Badge = require_custom.Badge;
+exports.BottomSheet = require_custom.BottomSheet;
+exports.BottomSheetDepth = require_custom.BottomSheetDepth;
+exports.BottomSheetHandle = require_custom.BottomSheetHandle;
 exports.Button = require_custom.Button;
 exports.CAMERA_FX_REGISTRY = CAMERA_FX_REGISTRY;
 exports.CharText = require_custom.CharText;
 exports.CharTextInput = require_custom.CharTextInput;
 exports.Checkbox = require_custom.Checkbox;
+exports.ColorPicker = require_custom.ColorPicker;
 exports.ContextMenu = require_custom.ContextMenu;
 exports.DEFAULT_BACKGROUND = DEFAULT_BACKGROUND;
 exports.DEFAULT_CAMERA_FX = DEFAULT_CAMERA_FX;
@@ -1449,22 +1214,31 @@ exports.Icon = require_custom.Icon;
 exports.Image = require_custom.Image;
 exports.Joystick = require_custom.Joystick;
 exports.KeyboardInputManager = require_custom.KeyboardInputManager;
+exports.ListBox = require_custom.ListBox;
+exports.MenuButton = require_custom.MenuButton;
 exports.Modal = require_custom.Modal;
 exports.NineSlice = require_custom.NineSlice;
 exports.NineSliceButton = require_custom.NineSliceButton;
+exports.NotificationStack = require_custom.NotificationStack;
+exports.NumberInput = require_custom.NumberInput;
+exports.NumberInputIndicator = require_custom.NumberInputIndicator;
 exports.PARTICLE_PRESET_REGISTRY = require_custom.PARTICLE_PRESET_REGISTRY;
+exports.PalettePicker = require_custom.PalettePicker;
 exports.Particles = require_custom.Particles;
 exports.PhaserJSXPlugin = PhaserJSXPlugin;
 exports.Popover = require_custom.Popover;
 exports.Portal = require_custom.Portal;
 exports.ProgressBar = require_custom.ProgressBar;
+exports.ProgressView = require_custom.ProgressView;
 exports.RadioButton = require_custom.RadioButton;
 exports.RadioGroup = require_custom.RadioGroup;
 exports.RangeSlider = require_custom.RangeSlider;
+exports.RatingBar = require_custom.RatingBar;
 exports.RefOriginView = require_custom.RefOriginView;
 exports.SPRING_PRESETS = require_custom.SPRING_PRESETS;
 exports.ScrollSlider = require_custom.ScrollSlider;
 exports.ScrollView = require_custom.ScrollView;
+exports.SegmentedControl = require_custom.SegmentedControl;
 exports.Sidebar = require_custom.Sidebar;
 exports.Slider = require_custom.Slider;
 exports.SpringPhysics = require_custom.SpringPhysics;
@@ -1475,9 +1249,13 @@ exports.Tabs = require_custom.Tabs;
 exports.Tag = require_custom.Tag;
 exports.Text = require_custom.Text;
 exports.TileSprite = require_custom.TileSprite;
+exports.Toast = require_custom.Toast;
 exports.Toggle = require_custom.Toggle;
+exports.ToolButtonGroup = require_custom.ToolButtonGroup;
+exports.Toolbar = require_custom.Toolbar;
 exports.TransformOriginView = require_custom.TransformOriginView;
 exports.View = require_custom.View;
+exports.WheelPicker = require_custom.WheelPicker;
 exports.WrapText = require_custom.WrapText;
 exports.addSceneBackground = addSceneBackground;
 exports.alpha = require_custom.alpha;
@@ -1493,10 +1271,15 @@ exports.buildEmitZone = require_custom.buildEmitZone;
 exports.buildEmitZoneFromLayout = require_custom.buildEmitZoneFromLayout;
 exports.calculateOverlayPosition = require_custom.calculateOverlayPosition;
 exports.calculateSliderSize = require_custom.calculateSliderSize;
+exports.chunkPalettePickerColors = require_custom.chunkPalettePickerColors;
 exports.clampProgressValue = require_custom.clampProgressValue;
 exports.clearStencilClip = require_clip.clearStencilClip;
-exports.colorsToTheme = colorsToTheme;
+exports.colorsToTheme = require_custom.colorsToTheme;
+exports.compactControlSizePresets = require_custom.compactControlSizePresets;
 exports.computed = _preact_signals_core.computed;
+exports.controlMinWidthPresets = require_custom.controlMinWidthPresets;
+exports.controlPadding = require_custom.controlPadding;
+exports.controlSizePresets = require_custom.controlSizePresets;
 exports.createBlurFX = createBlurFX;
 exports.createBounceEffect = require_custom.createBounceEffect;
 exports.createBreatheEffect = require_custom.createBreatheEffect;
@@ -1545,41 +1328,54 @@ exports.defaultTextStyleTokens = require_custom.defaultTextStyleTokens;
 exports.defaultTheme = require_custom.defaultTheme;
 exports.disposeCtx = require_custom.disposeCtx;
 exports.ensureContrast = require_custom.ensureContrast;
+exports.findListBoxItem = require_custom.findListBoxItem;
+exports.findSegmentedControlOption = require_custom.findSegmentedControlOption;
 exports.forestGreenPreset = require_custom.forestGreenPreset;
 exports.formatBadgeCount = require_custom.formatBadgeCount;
 exports.generateColorScale = require_custom.generateColorScale;
-exports.getAvailablePresets = getAvailablePresets;
-exports.getBackgroundColor = getBackgroundColor;
+exports.getAvailablePresets = require_custom.getAvailablePresets;
+exports.getBackgroundColor = require_custom.getBackgroundColor;
 exports.getBackgroundGraphics = require_custom.getBackgroundGraphics;
 exports.getBadgeSizeConfig = require_custom.getBadgeSizeConfig;
 exports.getBadgeText = require_custom.getBadgeText;
-exports.getBorderColor = getBorderColor;
+exports.getBorderColor = require_custom.getBorderColor;
 exports.getContrastRatio = require_custom.getContrastRatio;
 exports.getCurrent = require_custom.getCurrent;
-exports.getCurrentPreset = getCurrentPreset;
+exports.getCurrentPreset = require_custom.getCurrentPreset;
 exports.getLayoutProps = require_custom.getLayoutProps;
 exports.getLayoutRect = require_custom.getLayoutRect;
 exports.getLayoutSize = require_custom.getLayoutSize;
 exports.getMountStats = require_custom.getMountStats;
+exports.getNextNumberInputValue = require_custom.getNextNumberInputValue;
+exports.getNumberInputPrecision = require_custom.getNumberInputPrecision;
+exports.getPalettePickerContrastColor = require_custom.getPalettePickerContrastColor;
 exports.getPreset = require_custom.getPreset;
 exports.getPresetWithMode = require_custom.getPresetWithMode;
 exports.getProgressRatio = require_custom.getProgressRatio;
 exports.getRenderContext = require_custom.getRenderContext;
 exports.getStencilClipHandle = require_clip.getStencilClipHandle;
-exports.getSurfaceColor = getSurfaceColor;
-exports.getTextColor = getTextColor;
+exports.getSurfaceColor = require_custom.getSurfaceColor;
+exports.getTextColor = require_custom.getTextColor;
 exports.getThemedProps = require_custom.getThemedProps;
+exports.getToastAutoDismissDuration = require_custom.getToastAutoDismissDuration;
+exports.getToolbarItemId = require_custom.getToolbarItemId;
 exports.getWorldLayoutRect = require_custom.getWorldLayoutRect;
 exports.graphicsCreator = require_custom.graphicsCreator;
 exports.graphicsPatcher = require_custom.graphicsPatcher;
-exports.hex = require_custom.hex;
 exports.hexToNumber = require_custom.hexToNumber;
 exports.host = require_custom.host;
+exports.hslToNumber = require_custom.hslToNumber;
+exports.hslToRgb = require_custom.hslToRgb;
 exports.imageCreator = require_custom.imageCreator;
 exports.imagePatcher = require_custom.imagePatcher;
+exports.indicatorSizePresets = require_custom.indicatorSizePresets;
 exports.installStencilClipExtension = require_clip.installStencilClipExtension;
 exports.isAnimatedSignal = require_custom.isAnimatedSignal;
 exports.isBitmapStencilClipSource = require_clip.isBitmapStencilClipSource;
+exports.isSegmentedControlOptionSelectable = require_custom.isSegmentedControlOptionSelectable;
+exports.isToolbarMenuItem = require_custom.isToolbarMenuItem;
+exports.isToolbarSeparatorItem = require_custom.isToolbarSeparatorItem;
+exports.isToolbarToggleItem = require_custom.isToolbarToggleItem;
 exports.jsx = require_jsx_runtime.jsx;
 exports.jsxs = require_jsx_runtime.jsxs;
 exports.lighten = require_custom.lighten;
@@ -1594,11 +1390,16 @@ exports.nineSliceCreator = require_custom.nineSliceCreator;
 exports.nineSlicePatcher = require_custom.nineSlicePatcher;
 exports.noMemo = noMemo;
 exports.nodeRegistry = require_custom.nodeRegistry;
+exports.normalizeColorNumber = require_custom.normalizeColorNumber;
 exports.normalizeCornerRadius = require_custom.normalizeCornerRadius;
 exports.normalizeEdgeInsets = require_custom.normalizeEdgeInsets;
 exports.normalizeGap = require_custom.normalizeGap;
+exports.normalizeNumberInputValue = require_custom.normalizeNumberInputValue;
+exports.normalizePalettePickerColor = require_custom.normalizePalettePickerColor;
+exports.normalizePalettePickerColors = require_custom.normalizePalettePickerColors;
 exports.normalizeVNodeLike = require_custom.normalizeVNodeLike;
 exports.numberToHex = require_custom.numberToHex;
+exports.numberToHsl = require_custom.numberToHsl;
 exports.numberToRgb = require_custom.numberToRgb;
 exports.oceanBluePreset = require_custom.oceanBluePreset;
 exports.particlesCreator = require_custom.particlesCreator;
@@ -1616,11 +1417,16 @@ exports.resolveBadgeTextStyle = require_custom.resolveBadgeTextStyle;
 exports.resolveCameraFX = resolveCameraFX;
 exports.resolveEffect = require_custom.resolveEffect;
 exports.resolveFX = resolveFX;
+exports.resolveListBoxValue = require_custom.resolveListBoxValue;
+exports.resolveNotificationStackAlignment = require_custom.resolveNotificationStackAlignment;
+exports.resolvePalettePickerValue = require_custom.resolvePalettePickerValue;
 exports.resolveParticlePreset = require_custom.resolveParticlePreset;
+exports.resolveSegmentedControlValue = require_custom.resolveSegmentedControlValue;
+exports.resolveToolbarActiveId = require_custom.resolveToolbarActiveId;
 exports.rgbToHsl = require_custom.rgbToHsl;
 exports.rgbToNumber = require_custom.rgbToNumber;
-exports.setColorMode = setColorMode;
-exports.setColorPreset = setColorPreset;
+exports.setColorMode = require_custom.setColorMode;
+exports.setColorPreset = require_custom.setColorPreset;
 exports.shallowEqual = require_custom.shallowEqual;
 exports.shouldComponentUpdate = require_custom.shouldComponentUpdate;
 exports.spriteCreator = require_custom.spriteCreator;
@@ -1631,6 +1437,7 @@ exports.textPatcher = require_custom.textPatcher;
 exports.themeRegistry = require_custom.themeRegistry;
 exports.tileSpriteCreator = require_custom.tileSpriteCreator;
 exports.tileSpritePatcher = require_custom.tileSpritePatcher;
+exports.toolbarSizePresets = require_custom.toolbarSizePresets;
 exports.uninstallStencilClipExtension = require_clip.uninstallStencilClipExtension;
 exports.unmount = require_custom.unmount;
 exports.unmountJSX = require_custom.unmountJSX;
@@ -1642,8 +1449,8 @@ exports.useCameraFX = useCameraFX;
 exports.useCameraFade = useCameraFade;
 exports.useCameraFlash = useCameraFlash;
 exports.useCameraZoom = useCameraZoom;
-exports.useColorMode = useColorMode;
-exports.useColors = useColors;
+exports.useColorMode = require_custom.useColorMode;
+exports.useColors = require_custom.useColors;
 exports.useEffect = require_custom.useEffect;
 exports.useFX = useFX;
 exports.useForceRedraw = require_custom.useForceRedraw;
@@ -1666,7 +1473,7 @@ exports.useSpring = require_custom.useSpring;
 exports.useSprings = require_custom.useSprings;
 exports.useState = require_custom.useState;
 exports.useTheme = require_custom.useTheme;
-exports.useThemeSubscription = useThemeSubscription;
+exports.useThemeSubscription = require_custom.useThemeSubscription;
 exports.useThemeTokens = require_custom.useThemeTokens;
 exports.useViewportSize = require_custom.useViewportSize;
 exports.useWorldLayoutRect = require_custom.useWorldLayoutRect;