etudes 10.0.1 → 10.2.0

package/build/components/Button.d.ts

@@ -1,14 +1,28 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
-import { LinkProps } from 'react-router';
-type ButtonVariantProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'rel' | 'type' | 'onClick'>;
-type LinkVariantProps = Omit<LinkProps, 'aria-disabled' | 'aria-label' | 'rel' | 'to' | 'target' | 'type' | 'onClick'>;
-type AnchorVariantProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-disabled' | 'aria-label' | 'href' | 'rel' | 'target' | 'type' | 'onClick'>;
-export type ButtonProps = (AnchorVariantProps | LinkVariantProps | ButtonVariantProps) & {
-    action: string | (() => void);
+import { LinkProps, NavLinkProps } from 'react-router';
+type ButtonVariantProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-disabled' | 'aria-label' | 'disabled' | 'rel' | 'onClick'> & {
+    action: () => void;
+    isDisabled?: boolean;
+    label?: string;
+};
+type LinkVariantProps = Omit<LinkProps, 'aria-disabled' | 'aria-label' | 'rel' | 'to' | 'type' | 'onClick'> & {
+    action: string;
+    isDisabled?: boolean;
+    isNav?: false;
+    label?: string;
+};
+type NavLinkVariantProps = Omit<NavLinkProps, 'aria-disabled' | 'aria-label' | 'rel' | 'to' | 'target' | 'type' | 'onClick'> & {
+    action: string;
+    isDisabled?: boolean;
+    isNav: true;
+    label?: string;
+};
+type AnchorVariantProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-disabled' | 'aria-label' | 'href' | 'rel' | 'target' | 'type' | 'onClick'> & {
+    action: string;
     isDisabled?: boolean;
     label?: string;
     opensInNewTab?: boolean;
-    type?: HTMLButtonElement['type'];
 };
-export declare function Button({ action, children, className, isDisabled, label, opensInNewTab, type, ...props }: Readonly<ButtonProps>): import("react/jsx-runtime").JSX.Element;
+export type ButtonProps = AnchorVariantProps | LinkVariantProps | NavLinkVariantProps | ButtonVariantProps;
+export declare function Button(props: Readonly<ButtonProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/FlatSVG.d.ts

@@ -32,7 +32,7 @@ export type FlatSVGProps = Omit<HTMLAttributes<HTMLElement>, 'role'> & {
      */
     shouldStripPositions?: boolean;
     /**
-     * Specifies whether the 'style' atribute and any <style> nodes should be
+     * Specifies whether the 'style' attribute and any <style> nodes should be
      * removed in the SVG root node and all of its child nodes.
      */
     shouldStripStyles?: boolean;

package/build/components/MasonryGrid.d.ts

@@ -21,7 +21,7 @@ export type MasonryGridProps = Omit<HTMLAttributes<HTMLDivElement>, 'role'> & {
  * child element is automatically set. Additionally, the *number of sections*
  * corresponds to the maximum the number of child elements present in the
  * direction that is parallel to the orientation of the grid. Hence, in a
- * vertically oriented grid, *number of secitons* refers to the *number of
+ * vertically oriented grid, *number of sections* refers to the *number of
  * rows*, whereas in a horizontally oriented grid, *number of sections* refers
  * to the *number of columns*.
  */

package/build/components/Panorama.d.ts

@@ -24,7 +24,7 @@ export type PanoramaProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-valuenow'
      */
     zeroAnchor?: number;
     /**
-     * Handler invoked when the positionchanges. This can either be invoked from
+     * Handler invoked when the position changes. This can either be invoked from
      * the `angle` prop being changed or from the image being dragged.
      *
      * @param position The current position.
@@ -34,7 +34,7 @@ export type PanoramaProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-valuenow'
     /**
      * Handler invoked when the angle changes. This can either be invoked from the
      * `angle` prop being changed or from the image being dragged. When `angle` is
-     * being double-binded, ensure that the value is only being set by this
+     * being double-bound, ensure that the value is only being set by this
      * handler when `isDragging` is `true` to avoid potential update overflow.
      *
      * @param angle The current angle.
@@ -65,7 +65,7 @@ export type PanoramaProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-valuenow'
      * Handler invoked when the image size changes. This is the actual size of the
      * loaded image. When no images are loaded yet, the size is `undefined`.
      *
-     * @param size The actual size of the loaded iamge. If no images are loaded
+     * @param size The actual size of the loaded image. If no images are loaded
      *               yet, the size is `undefined`.
      */
     onImageSizeChange?: (size?: Size) => void;

package/build/components/Slider.d.ts

@@ -68,7 +68,7 @@ export type SliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-orientation
 /**
  * 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
- * binded. The component consists of three customizable elements: a draggable
+ * bound. The component consists of three customizable elements: a draggable
  * knob, a label on the knob, and a scroll track on either side of the knob.
  * While the width and height of the slider is inferred from its CSS rules, the
  * width and height of the knob are set via props (`knobWidth` and `knobHeight`,

package/build/components/StepwiseSlider.d.ts

@@ -90,7 +90,7 @@ export type StepwiseSliderProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-val
  * A "stepwise" slider component supporting both horizontal and vertical
  * orientations that automatically snaps to a set of predefined points on the
  * slider when dragged. These points are referred to as "steps", indexed by an
- * integer referred to as "index". This index can be two-way binded. The
+ * integer referred to as "index". This index can be two-way bound. The
  * component consists of four customizable elements: a draggable knob, a label
  * on the knob, a scroll track before the knob and a scroll track after the
  * knob. While the width and height of the slider is inferred from its CSS