@octanejs/base-ui 0.1.60 → 0.1.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/base-ui",
-  "version": "0.1.60",
+  "version": "0.1.62",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -429,12 +429,12 @@
     }
   },
   "dependencies": {
-    "@floating-ui/utils": "^0.2.12",
-    "@octanejs/base-ui-utils": "0.1.8",
-    "@octanejs/floating-ui": "0.1.60"
+    "@octanejs/base-ui-utils": "0.1.10",
+    "@octanejs/floating-ui": "0.1.62",
+    "@floating-ui/utils": "^0.2.12"
   },
   "peerDependencies": {
-    "octane": "^0.9.0",
+    "octane": "^0.10.0",
     "date-fns": "^4.0.0",
     "@date-fns/tz": "^1.2.0",
     "luxon": "^3.7.2"
@@ -443,9 +443,11 @@
     "@base-ui/react": "1.8.0",
     "@tsrx/react": "^0.3.7",
     "esbuild": "^0.28.1",
+    "octane": "0.10.0",
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "vitest": "^4.1.10",
+    "@octanejs/testing-library": "0.1.59",
     "@mui/internal-test-utils": "2.0.18-canary.25",
     "@testing-library/user-event": "14.6.3",
     "@testing-library/jest-dom": "^6.9.1",
@@ -458,6 +460,7 @@
     "typescript-pristine": "npm:@typescript/typescript6@6.0.2",
     "@floating-ui/dom": "^1.7.6",
     "clsx": "^2.1.1",
+    "@octanejs/remix-router": "0.1.57",
     "@testing-library/react": "16.3.2",
     "@types/use-sync-external-store": "1.5.0",
     "use-sync-external-store": "1.6.0",
@@ -466,10 +469,7 @@
     "vitest-browser-react": "2.2.0",
     "typescript-pristine-native": "npm:typescript@7.0.2",
     "jsdom": "27.4.0",
-    "semver": "7.8.5",
-    "octane": "0.9.0",
-    "@octanejs/testing-library": "0.1.58",
-    "@octanejs/remix-router": "0.1.55"
+    "semver": "7.8.5"
   },
   "imports": {
     "#prehydration/tabs/indicator": {

package/src/alert-dialog/handle.ts

@@ -11,7 +11,7 @@ import { DialogHandle } from '../dialog/store/DialogHandle';
 export class AlertDialogHandle<Payload> extends DialogHandle<Payload> {
 	// Nominal brand: makes this handle type distinct from `DialogHandle` and sibling handles so they
 	// can't be passed interchangeably. Type-only; has no runtime presence.
-	private readonly __alertDialogBrand!: never;
+	protected readonly __alertDialogBrand!: never;
 }
 
 /**

package/src/combobox/items/createItems.ts

@@ -1,5 +1,4 @@
 /** @jsxImportSource octane */
-import type * as React from 'octane';
 import { EMPTY_ARRAY } from '@octanejs/base-ui-utils/empty';
 import { error } from '@octanejs/base-ui-utils/error';
 import { flattenLeafItems, stringifyAsLabel } from '../../internals/resolveValueLabel.tsrx';

package/src/combobox/label/ComboboxLabel.tsrx

@@ -1,7 +1,6 @@
 'use client';
 import * as React from 'octane';
 import { error } from '@octanejs/base-ui-utils/error';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import type { BaseUIComponentProps } from '../../internals/types';
 import { useRenderElement } from '../../internals/useRenderElement.tsrx';
 import type { FieldRoot } from '../../field/root/FieldRoot.tsrx';

package/src/combobox/utils/ComboboxInternalDismissButton.tsrx

@@ -15,7 +15,7 @@ type DismissEvent = React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElem
 export const ComboboxInternalDismissButton = function ComboboxInternalDismissButton(
 	_WithRef: React.PropsWithoutRef<{}> & { ref?: React.Ref<HTMLSpanElement> },
 ) {
-	const { ref: forwardedRef = null, ..._ } = _WithRef;
+	const { ref: forwardedRef = null } = _WithRef;
 	const store = useComboboxRootContext();
 
 	const { buttonRef, getButtonProps } = useButton({

package/src/drawer/handle.ts

@@ -11,7 +11,7 @@ import { DialogHandle } from '../dialog/store/DialogHandle';
 export class DrawerHandle<Payload> extends DialogHandle<Payload> {
 	// Nominal brand: makes this handle type distinct from `DialogHandle` and sibling handles so they
 	// can't be passed interchangeably. Type-only; has no runtime presence.
-	private readonly __drawerBrand!: never;
+	protected readonly __drawerBrand!: never;
 }
 
 /**

package/src/drawer/popup/DrawerPopup.tsrx

@@ -1,7 +1,6 @@
 'use client';
 import * as React from 'octane';
 import { error } from '@octanejs/base-ui-utils/error';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import type { InteractionType } from '@octanejs/base-ui-utils/useEnhancedClickHandler';
 import { useIsoLayoutEffect } from '@octanejs/base-ui-utils/useIsoLayoutEffect';
 import { useStableCallback } from '@octanejs/base-ui-utils/useStableCallback';

package/src/field/label/FieldLabel.tsrx

@@ -1,7 +1,6 @@
 'use client';
 import * as React from 'octane';
 import { error } from '@octanejs/base-ui-utils/error';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import type { FieldRootState } from '../root/FieldRoot.tsrx';
 import { useFieldRootContext } from '../../internals/field-root-context/FieldRootContext';
 import { fieldValidityMapping } from '../../internals/field-constants/constants';

package/src/internals/PrehydrationScript.tsrx

@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'octane';
 import { useIsHydrating } from '../utils/useIsHydrating';
 import { useCSPContext } from './csp-context/CSPContext.tsrx';
 

package/src/internals/labelable-provider/LabelableContext.ts

@@ -2,7 +2,6 @@
 'use client';
 import * as React from 'octane';
 import { NOOP } from '../noop';
-import type { HTMLProps } from '../types';
 
 export interface LabelableContext {
 	/**

package/src/internals/labelable-provider/LabelableProvider.tsrx

@@ -2,7 +2,6 @@
 import * as React from 'octane';
 import { useStableCallback } from '@octanejs/base-ui-utils/useStableCallback';
 import { useRefWithInit } from '@octanejs/base-ui-utils/useRefWithInit';
-import type { HTMLProps } from '../types';
 import { useBaseUiId } from '../useBaseUiId';
 import { LabelableContext, useLabelableContext } from './LabelableContext';
 

package/src/internals/use-button/useButton.ts

@@ -4,7 +4,6 @@ import * as React from 'octane';
 import { isHTMLElement } from '@floating-ui/utils/dom';
 import { useStableCallback } from '@octanejs/base-ui-utils/useStableCallback';
 import { error } from '@octanejs/base-ui-utils/error';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import { useIsoLayoutEffect } from '@octanejs/base-ui-utils/useIsoLayoutEffect';
 import { makeEventPreventable, mergeProps } from '../../merge-props';
 import { useCompositeRootContext } from '../composite/root/CompositeRootContext';

package/src/menu/submenu-trigger/MenuSubmenuTrigger.tsrx

@@ -2,7 +2,6 @@
 import * as React from 'octane';
 import { isElementDisabled } from '@octanejs/base-ui-utils/isElementDisabled';
 import { warn } from '@octanejs/base-ui-utils/warn';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import { EMPTY_OBJECT } from '@octanejs/base-ui-utils/empty';
 import { platform } from '@octanejs/base-ui-utils/platform';
 import { useStableCallback } from '@octanejs/base-ui-utils/useStableCallback';

package/src/number-field/input/NumberFieldInput.tsrx

@@ -1,6 +1,5 @@
 'use client';
 import * as React from 'octane';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import { warn } from '@octanejs/base-ui-utils/warn';
 import { useIsoLayoutEffect } from '@octanejs/base-ui-utils/useIsoLayoutEffect';
 import { formatNumber } from '@octanejs/base-ui-utils/formatNumber';

package/src/number-field/utils/parse.ts

@@ -118,7 +118,7 @@ export function parseNumber(
 	let isNegative = false;
 
 	// Strips a matched sign (leading "-12" / trailing "1234-") while recording negativity.
-	const takeSign = (match: string, sign: string) => {
+	const takeSign = (_match: string, sign: string) => {
 		if (sign === '-') {
 			isNegative = true;
 		}

package/src/otp-field/input/OTPFieldInput.tsrx

@@ -1,6 +1,5 @@
 'use client';
 import * as React from 'octane';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import { warn } from '@octanejs/base-ui-utils/warn';
 import { stopEvent } from '../../floating-ui-react/utils';
 import { useCompositeListItem } from '../../internals/composite/list/useCompositeListItem';

package/src/otp-field/root/OTPFieldRoot.tsrx

@@ -1,6 +1,5 @@
 'use client';
 import * as React from 'octane';
-import type { SafeReact } from '@octanejs/base-ui-utils/safeReact';
 import { useControlled } from '@octanejs/base-ui-utils/useControlled';
 import { useIsoLayoutEffect } from '@octanejs/base-ui-utils/useIsoLayoutEffect';
 import { useStableCallback } from '@octanejs/base-ui-utils/useStableCallback';

package/src/popover/root/PopoverRoot.tsrx

@@ -112,7 +112,7 @@ export function PopoverRoot<Payload = unknown>(props: PopoverRoot.Props<Payload>
 }
 
 function usePopoverRootStore<Payload>(
-	handle: PopoverHandle<Payload> | undefined,
+	_handle: PopoverHandle<Payload> | undefined,
 	initialState: Partial<PopoverStoreState<Payload>>,
 ) {
 	// The store is owned by this Root instance and created exactly once. It is not tied to the handle:

package/src/select/item/SelectItem.tsrx

@@ -3,12 +3,7 @@ import * as React from 'octane';
 import { useIsoLayoutEffect } from '@octanejs/base-ui-utils/useIsoLayoutEffect';
 import { useSelectRootContext, useSelectRootPropsContext } from '../root/SelectRootContext';
 import { useCompositeListItem } from '../../internals/composite/list/useCompositeListItem';
-import type {
-	BaseUIComponentProps,
-	BaseUIEvent,
-	HTMLProps,
-	NonNativeButtonProps,
-} from '../../internals/types';
+import type { BaseUIComponentProps, HTMLProps, NonNativeButtonProps } from '../../internals/types';
 import { useRenderElement } from '../../internals/useRenderElement.tsrx';
 import { SelectItemContext } from './SelectItemContext';
 import { useButton } from '../../internals/use-button';