etudes 7.0.1 → 7.0.3

package/components/Accordion.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type HTMLAttributes, type PropsWithChildren, type ReactElement, type Ref } from 'react';
+import { type ComponentType, type HTMLAttributes, type ReactElement, type Ref } from 'react';
 import { type CollectionItemProps, type CollectionOrientation, type CollectionProps, type CollectionSelectionMode } from './Collection.js';
 import type { DropdownToggleProps } from './Dropdown.js';
 /**
@@ -37,7 +37,7 @@ export type AccordionItemProps<T> = CollectionItemProps<T>;
  * Type describing the props of each `HeaderComponent` provided to
  * {@link Accordion}.
  */
-export type AccordionHeaderProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLElement> & PropsWithChildren<{
+export type AccordionHeaderProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLElement> & {
     /**
      * The index of the corresponding section.
      */
@@ -57,11 +57,11 @@ export type AccordionHeaderProps<I, S extends AccordionSection<I> = AccordionSec
      * @param info Optional user-defined info of the custom event.
      */
     onCustomEvent?: (name: string, info?: any) => void;
-}>;
+};
 /**
  * Type describing the props of {@link Accordion}.
  */
-export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
+export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I>> = HTMLAttributes<HTMLDivElement> & {
     /**
      * Specifies if expanded sections should automatically collapse upon expanding
      * another section.
@@ -195,7 +195,7 @@ export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I
      * Component type for generating items for each section.
      */
     ItemComponent?: ComponentType<AccordionItemProps<I>>;
-}>;
+};
 /**
  * A collection of selectable items laid out in sections in an accordion. Items
  * are generated based on the provided `ItemComponent` while each section header
@@ -204,6 +204,6 @@ export type AccordionProps<I, S extends AccordionSection<I> = AccordionSection<I
 export declare const Accordion: <I, S extends AccordionSection<I> = AccordionSection<I>>(props: AccordionProps<I, S> & {
     ref?: Ref<HTMLDivElement>;
 }) => ReactElement;
-export declare const AccordionHeader: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & PropsWithChildren<DropdownToggleProps>) => import("react/jsx-runtime").JSX.Element;
-export declare const AccordionExpandIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const AccordionCollapseIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionHeader: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & DropdownToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionExpandIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCollapseIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/components/BurgerButton.d.ts

@@ -1,12 +1,12 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
-export type BurgerButtonProps = HTMLAttributes<HTMLButtonElement> & PropsWithChildren<{
+import { type HTMLAttributes } from 'react';
+export type BurgerButtonProps = HTMLAttributes<HTMLButtonElement> & {
     isActive?: boolean;
     isSplit?: boolean;
     isTailHidden?: boolean;
     onActivate?: () => void;
     onDeactivate?: () => void;
     onToggle?: (isActive: boolean) => void;
-}>;
+};
 /**
  * Three-striped burger button component that transforms into an "X" when
  * selected.
@@ -20,7 +20,5 @@ export declare const BurgerButton: import("react").ForwardRefExoticComponent<HTM
     onActivate?: () => void;
     onDeactivate?: () => void;
     onToggle?: (isActive: boolean) => void;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const BurgerButtonBar: ({ ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/components/Button.d.ts

@@ -1,10 +1,10 @@
-import type { HTMLAttributes, PropsWithChildren } from 'react';
-export type ButtonProps = HTMLAttributes<HTMLElement> & PropsWithChildren<{
+import type { HTMLAttributes } from 'react';
+export type ButtonProps = HTMLAttributes<HTMLElement> & {
     href?: string;
     isDisabled?: boolean;
     label?: string;
     opensInNewTab?: boolean;
     to?: string;
     type?: HTMLButtonElement['type'];
-}>;
+};
 export declare function Button({ children, className, href, isDisabled, label, opensInNewTab, to, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/Counter.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type HTMLAttributes } from 'react';
 import { type TextFieldProps } from './TextField.js';
 export declare const Counter: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "onChange"> & {
     min?: number;
@@ -6,9 +6,7 @@ export declare const Counter: import("react").ForwardRefExoticComponent<Omit<HTM
     quantity?: number;
     allowsInput?: boolean;
     onChange?: (quantity: number) => void;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CounterTextField: ({ ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CounterAddButton: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const CounterSubtractButton: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const CounterAddButton: ({ children, ...props }: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CounterSubtractButton: ({ children, ...props }: HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;

package/components/Counter.js

@@ -5,9 +5,24 @@ import { usePrevious } from '../hooks/usePrevious.js';
 import { asComponentDict, asStyleDict, cloneStyledElement, styles } from '../utils/index.js';
 import { TextField } from './TextField.js';
 export const Counter = forwardRef(({ children, style, allowsInput = true, max = NaN, min = NaN, quantity = 0, onChange, ...props }, ref) => {
-    const handleSubtract = () => onChange?.(clamp(quantity - 1));
-    const handleAdd = () => onChange?.(clamp(quantity + 1));
-    const handleQuantityChange = (newValue) => onChange?.(newValue);
+    const handleSubtract = () => {
+        onChange?.(clamp(quantity - 1));
+    };
+    const handleAdd = () => {
+        onChange?.(clamp(quantity + 1));
+    };
+    const handleInputProgress = (value) => {
+        setText(value);
+    };
+    const handleInputComplete = (value) => {
+        const newQuantity = toQuantity(value);
+        if (newQuantity !== quantity) {
+            onChange?.(newQuantity);
+        }
+        else {
+            setText(toString(newQuantity));
+        }
+    };
     const toString = (qty) => {
         return qty.toLocaleString();
     };
@@ -32,19 +47,9 @@ export const Counter = forwardRef(({ children, style, allowsInput = true, max =
     useEffect(() => {
         if (prevQuantity === undefined || prevQuantity === quantity)
             return;
-        setText(toString(clamp(quantity)));
-        handleQuantityChange(quantity);
-    }, [quantity]);
-    useEffect(() => {
-        if (isNaN(min))
-            return;
-        handleQuantityChange(clamp(quantity));
-    }, [min]);
-    useEffect(() => {
-        if (isNaN(max))
-            return;
-        handleQuantityChange(clamp(quantity));
-    }, [max]);
+        const value = clamp(quantity);
+        setText(toString(value));
+    }, [quantity, min, max]);
     const components = asComponentDict(children, {
         textField: CounterTextField,
         addButton: CounterAddButton,
@@ -58,16 +63,8 @@ export const Counter = forwardRef(({ children, style, allowsInput = true, max =
                 isDisabled: !allowsInput,
                 style: styles(FIXED_STYLES.text),
                 value: text,
-                onValueChange: setText,
-                onUnfocus: (value) => {
-                    const newQuantity = toQuantity(value);
-                    if (newQuantity !== quantity) {
-                        onChange?.(newQuantity);
-                    }
-                    else {
-                        setText(toString(newQuantity));
-                    }
-                },
+                onValueChange: handleInputProgress,
+                onUnfocus: handleInputComplete,
             }), cloneStyledElement(components.addButton ?? _jsx(CounterAddButton, {}), {
                 className: clsx({ disabled: isAddingDisabled }),
                 style: styles(FIXED_STYLES.add),

package/components/CoverImage.d.ts

@@ -1,20 +1,18 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type HTMLAttributes } from 'react';
 import { type ImageProps } from './Image.js';
-export type CoverImageProps = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<ImageProps, 'alt' | 'loadingMode' | 'sizes' | 'src' | 'srcSet' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError'> & PropsWithChildren<{
+export type CoverImageProps = Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<ImageProps, 'alt' | 'loadingMode' | 'sizes' | 'src' | 'srcSet' | 'onLoadStart' | 'onLoadComplete' | 'onLoadError'> & {
     /**
      * The known aspect ratio of the image, expressed by width / height. If
      * unprovided, it will be inferred after loading the image.
      */
     aspectRatio?: number;
-}>;
+};
 export declare const CoverImage: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onLoadStart"> & Pick<ImageProps, "onLoadStart" | "src" | "srcSet" | "sizes" | "onLoadComplete" | "onLoadError" | "alt" | "loadingMode"> & {
     /**
      * The known aspect ratio of the image, expressed by width / height. If
      * unprovided, it will be inferred after loading the image.
      */
     aspectRatio?: number;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CoverImageViewport: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const CoverImageContent: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const CoverImageViewport: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CoverImageContent: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/components/CoverVideo.d.ts

@@ -1,20 +1,18 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type HTMLAttributes } from 'react';
 import { type VideoProps } from './Video.js';
-export type CoverVideoProps = HTMLAttributes<HTMLDivElement> & Pick<VideoProps, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'playsInline' | 'posterSrc' | 'src' | 'onPause' | 'onPlay' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onSizeChange'> & PropsWithChildren<{
+export type CoverVideoProps = HTMLAttributes<HTMLDivElement> & Pick<VideoProps, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'playsInline' | 'posterSrc' | 'src' | 'onPause' | 'onPlay' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onSizeChange'> & {
     /**
      * The known aspect ratio of the video, expressed by width / height. If
      * unprovided, it will be inferred after loading the video.
      */
     aspectRatio?: number;
-}>;
+};
 export declare const CoverVideo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & Pick<VideoProps, "onCanPlay" | "onPause" | "onPlay" | "src" | "onSizeChange" | "autoPlay" | "playsInline" | "autoLoop" | "hasControls" | "isMuted" | "posterSrc" | "onEnd" | "onFullscreenChange" | "onLoadMetadata" | "onLoadMetadataComplete" | "onLoadMetadataError"> & {
     /**
      * The known aspect ratio of the video, expressed by width / height. If
      * unprovided, it will be inferred after loading the video.
      */
     aspectRatio?: number;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CoverVideoViewport: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const CoverVideoContent: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const CoverVideoViewport: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CoverVideoContent: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/components/Dial.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes, type PropsWithChildren, type SVGAttributes } from 'react';
-export type DialProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
+import { type HTMLAttributes, type SVGAttributes } from 'react';
+export type DialProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Current angle reading of the compass, between 0.0 - 360.0 degrees,
      * inclusive.
@@ -32,7 +32,7 @@ export type DialProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
      * `stroke-width` of the `<circle>` element.
      */
     trackThickness?: number;
-}>;
+};
 /**
  * A circular dial with a knob and a track.
  *
@@ -72,8 +72,6 @@ export declare const Dial: import("react").ForwardRefExoticComponent<HTMLAttribu
      * `stroke-width` of the `<circle>` element.
      */
     trackThickness?: number;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const DialTrack: ({ ...props }: SVGAttributes<SVGCircleElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const DialKnob: ({ ...props }: SVGAttributes<SVGPathElement>) => import("react/jsx-runtime").JSX.Element;

package/components/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type HTMLAttributes, type PropsWithChildren, type ReactElement, type Ref } from 'react';
+import { type ComponentType, type HTMLAttributes, type ReactElement, type Ref } from 'react';
 import { type CollectionItemProps, type CollectionOrientation, type CollectionProps, type CollectionSelection } from './Collection.js';
 /**
  * Base extendable type describing the data provided to each item in
@@ -36,7 +36,7 @@ export type DropdownItemProps<T extends DropdownItemData = DropdownItemData> = C
 /**
  * Type describing the props of {@link Dropdown}.
  */
-export type DropdownProps<T extends DropdownItemData = DropdownItemData> = HTMLAttributes<HTMLDivElement> & CollectionProps<T> & PropsWithChildren<{
+export type DropdownProps<T extends DropdownItemData = DropdownItemData> = HTMLAttributes<HTMLDivElement> & CollectionProps<T> & {
     /**
      * Specifies if the internal collection collapses when an item is selected.
      * This only works if `selectionMode` is `single`.
@@ -88,7 +88,7 @@ export type DropdownProps<T extends DropdownItemData = DropdownItemData> = HTMLA
      * component. When absent, one will be generated automatically.
      */
     ToggleComponent?: ComponentType<DropdownToggleProps>;
-}>;
+};
 /**
  * A dropdown component that is invertible (i.e. can "dropup" instead) and
  * supports both horizontal and vertical orientations. Provide `items` and
@@ -97,6 +97,6 @@ export type DropdownProps<T extends DropdownItemData = DropdownItemData> = HTMLA
 export declare const Dropdown: <T extends DropdownItemData = DropdownItemData>(props: DropdownProps<T> & {
     ref?: Ref<HTMLDivElement>;
 }) => ReactElement;
-export declare const DropdownToggle: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & PropsWithChildren<DropdownToggleProps>) => import("react/jsx-runtime").JSX.Element;
-export declare const DropdownExpandIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const DropdownCollapseIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownToggle: ({ children, ...props }: HTMLAttributes<HTMLButtonElement> & DropdownToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownExpandIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownCollapseIcon: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/components/PanoramaSlider.d.ts

@@ -1,7 +1,7 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type HTMLAttributes } from 'react';
 import { type Size } from 'spase';
 import { type PanoramaProps } from './Panorama.js';
-export type PanoramaSliderProps = PanoramaProps & PropsWithChildren<{
+export type PanoramaSliderProps = PanoramaProps & {
     /**
      * Field-of-view (0.0 - 360.0 degrees, inclusive) that represents the size of
      * the reticle. 360 indicates the reticle covers the entire image. If this is
@@ -23,7 +23,7 @@ export type PanoramaSliderProps = PanoramaProps & PropsWithChildren<{
      * is, this prop is ignored.
      */
     viewportSize?: Size;
-}>;
+};
 /**
  * A slider for a {@link Panorama} component.
  *
@@ -55,8 +55,6 @@ export declare const PanoramaSlider: import("react").ForwardRefExoticComponent<H
      * is, this prop is ignored.
      */
     viewportSize?: Size;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const PanoramaSliderTrack: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const PanoramaSliderReticle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/components/RangeSlider.d.ts

@@ -1,7 +1,7 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type HTMLAttributes } from 'react';
 type Orientation = 'horizontal' | 'vertical';
 type Range = [number, number];
-export type RangeSliderProps = PropsWithChildren<{
+export type RangeSliderProps = {
     decimalPlaces?: number;
     knobHeight?: number;
     knobPadding?: number;
@@ -12,21 +12,8 @@ export type RangeSliderProps = PropsWithChildren<{
     range?: Range;
     steps?: number;
     onRangeChange?: (range: Range) => void;
-}>;
-export declare const RangeSlider: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    decimalPlaces?: number;
-    knobHeight?: number;
-    knobPadding?: number;
-    knobWidth?: number;
-    max: number;
-    min: number;
-    orientation?: Orientation;
-    range?: Range;
-    steps?: number;
-    onRangeChange?: (range: Range) => void;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+};
+export declare const RangeSlider: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RangeSliderProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const RangeSliderGutter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const RangeSliderLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const RangeSliderHighlight: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/components/SelectableButton.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
-export type SelectableButtonProps = HTMLAttributes<HTMLButtonElement> & PropsWithChildren<{
+import { type HTMLAttributes } from 'react';
+export type SelectableButtonProps = HTMLAttributes<HTMLButtonElement> & {
     isDeselectable?: boolean;
     isDisabled?: boolean;
     isSelected?: boolean;
@@ -7,7 +7,7 @@ export type SelectableButtonProps = HTMLAttributes<HTMLButtonElement> & PropsWit
     onDeselect?: () => void;
     onSelect?: () => void;
     onToggle?: (isSelected: boolean) => void;
-}>;
+};
 export declare const SelectableButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
     isDeselectable?: boolean;
     isDisabled?: boolean;
@@ -16,6 +16,4 @@ export declare const SelectableButton: import("react").ForwardRefExoticComponent
     onDeselect?: () => void;
     onSelect?: () => void;
     onToggle?: (isSelected: boolean) => void;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/components/Slider.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type HTMLAttributes } from 'react';
 export type SliderOrientation = 'horizontal' | 'vertical';
-export type SliderProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
+export type SliderProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * By default the position is a value from 0 - 1, 0 being the start of the
      * slider and 1 being the end. Switching on this flag inverts this behavior,
@@ -64,7 +64,7 @@ export type SliderProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
      * Handler invoked when dragging begins.
      */
     onDragStart?: () => void;
-}>;
+};
 /**
  * A slider component supporting both horizontal and vertical orientations whose
  * sliding position (a decimal between 0.0 and 1.0, inclusive) can be two-way
@@ -143,8 +143,6 @@ export declare const Slider: import("react").ForwardRefExoticComponent<HTMLAttri
      * Handler invoked when dragging begins.
      */
     onDragStart?: () => void;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const SliderTrack: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const SliderKnob: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/components/StepwiseSlider.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type HTMLAttributes } from 'react';
 type Orientation = 'horizontal' | 'vertical';
-export type StepwiseSliderProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
+export type StepwiseSliderProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * By default the position is a value from 0 - 1, 0 being the start of the
      * slider and 1 being the end. Switching on this flag inverts this behavior,
@@ -85,7 +85,7 @@ export type StepwiseSliderProps = HTMLAttributes<HTMLDivElement> & PropsWithChil
      * Handler invoked when dragging begins.
      */
     onDragStart?: () => void;
-}>;
+};
 /**
  * A "stepwise" slider component supporting both horizontal and vertical
  * orientations that automatically snaps to a set of predefined points on the
@@ -189,8 +189,6 @@ export declare const StepwiseSlider: import("react").ForwardRefExoticComponent<H
      * Handler invoked when dragging begins.
      */
     onDragStart?: () => void;
-} & {
-    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const StepwiseSliderTrack: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const StepwiseSliderKnob: ({ ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etudes",
-  "version": "7.0.1",
+  "version": "7.0.3",
   "description": "A study of headless React components",
   "type": "module",
   "scripts": {
@@ -36,32 +36,32 @@
   ],
   "devDependencies": {
     "@commitlint/config-conventional": "^19.6.0",
-    "@eslint/js": "^9.17.0",
+    "@eslint/js": "^9.18.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@stylistic/eslint-plugin": "^2.12.1",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.0.2",
+    "@types/node": "^22.10.5",
+    "@types/react": "^19.0.4",
     "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^2.1.8",
     "autoprefixer": "^10.4.20",
-    "concurrently": "^9.1.0",
-    "eslint": "^9.17.0",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.18.0",
     "eslint-plugin-tailwindcss": "^3.17.5",
     "postcss": "^8.4.49",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router": "^7.0.2",
+    "react-router": "^7.1.1",
     "rimraf": "^6.0.1",
-    "semantic-release": "^24.2.0",
+    "semantic-release": "^24.2.1",
     "tailwindcss": "^3.4.17",
     "tailwindcss-safe-area": "^0.6.0",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.18.1",
-    "vite": "^6.0.4",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.19.1",
+    "vite": "^6.0.7",
     "vitest": "^2.1.8",
-    "wait-on": "^8.0.1"
+    "wait-on": "^8.0.2"
   },
   "dependencies": {
     "clsx": "^2.1.1",
@@ -75,7 +75,7 @@
     "react": "^19.0.0"
   },
   "optionalDependencies": {
-    "react-router": "^7.0.2"
+    "react-router": "^7.1.1"
   },
-  "packageManager": "pnpm@9.15.0"
+  "packageManager": "pnpm@9.15.3"
 }