@wordpress/components 19.13.0 → 19.16.0

package/build-types/range-control/types.d.ts

@@ -0,0 +1,304 @@
+/**
+ * External dependencies
+ */
+import type { CSSProperties, FocusEventHandler, MouseEventHandler, MutableRefObject } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { BaseControlProps } from '../base-control/types';
+import type { IconType } from '../icon';
+export declare type NumericProps = {
+    /**
+     * The minimum `value` allowed.
+     *
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum `value` allowed.
+     *
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The current value of the range slider.
+     */
+    value?: number;
+};
+export declare type RangeMark = {
+    value: number;
+    label?: string;
+};
+export declare type RangeMarks = boolean | RangeMark[];
+export declare type MarksProps = NumericProps & {
+    /**
+     * Disables the `input`, preventing new values from being applied.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Renders a visual representation of `step` ticks. Custom mark indicators
+     * can be provided by an `Array`.
+     *
+     * @default false
+     */
+    marks?: boolean | {
+        value: number;
+        label?: string;
+    }[];
+    /**
+     * The minimum amount by which `value` changes. It is also a factor in
+     * validation as `value` must be a multiple of `step` (offset by `min`) to
+     * be valid. Accepts the special string value `any` that voids the
+     * validation constraint and overrides both `withInputField` and
+     * `showTooltip` props to `false`.
+     *
+     * @default 1
+     */
+    step?: number | 'any';
+};
+export declare type RangeMarkProps = {
+    isFilled?: boolean;
+    label?: string;
+    disabled?: boolean;
+    key?: string;
+    style?: CSSProperties;
+};
+export declare type ControlledRangeValue = number | '' | null;
+export declare type RangeControlProps<IconProps = unknown> = Pick<BaseControlProps, 'hideLabelFromVision' | 'help'> & MarksProps & {
+    /**
+     * If this property is added, an Icon component will be rendered
+     * after the slider with the icon equal to afterIcon.
+     *
+     * For more information on `IconType` see the Icon component:
+     * /packages/components/src/icon/index.tsx
+     */
+    afterIcon?: IconType<IconProps>;
+    /**
+     * If this property is true, a button to reset the slider is
+     * rendered.
+     *
+     * @default false
+     */
+    allowReset?: boolean;
+    /**
+     * If this property is added, an Icon component will be rendered
+     * before the slider with the icon equal to beforeIcon.
+     *
+     * For more information on `IconType` see the Icon component:
+     * /packages/components/src/icon/index.tsx
+     */
+    beforeIcon?: IconType<IconProps>;
+    /**
+     * CSS color string for the `RangeControl` wrapper.
+     *
+     * @default COLORS.ui.theme
+     * @see /packages/components/src/utils/colors-values.js
+     */
+    color?: CSSProperties['color'];
+    /**
+     * The current input to use as a fallback if `value` is currently
+     * `undefined`.
+     */
+    currentInput?: number;
+    /**
+     * An icon to be shown above the slider next to its container title.
+     */
+    icon?: string;
+    /**
+     * The slider starting position, used when no `value` is passed.
+     * The `initialPosition` will be clamped between the provided `min`
+     * and `max` prop values.
+     */
+    initialPosition?: number;
+    /**
+     * Passed as a prop to the `NumberControl` component and is only
+     * applicable if `withInputField` is true. If true, while the number
+     * input has focus, pressing `UP` or `DOWN` along with the `SHIFT` key
+     * will change the value by the `shiftStep` value.
+     *
+     * @default true
+     */
+    isShiftStepEnabled?: boolean;
+    /**
+     * If this property is added, a label will be generated using label
+     * property as the content.
+     */
+    label?: string;
+    /**
+     * Callback for when `RangeControl` input loses focus.
+     *
+     * @default () => void
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * A function that receives the new value. The value will be less than
+     * `max` and more than `min` unless a reset (enabled by `allowReset`)
+     * has occurred. In which case the value will be either that of
+     * `resetFallbackValue` if it has been specified or otherwise
+     * `undefined`.
+     *
+     * @default () => void
+     */
+    onChange?: (value?: number) => void;
+    /**
+     * Callback for when `RangeControl` input gains focus.
+     *
+     * @default () => void
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback for when mouse exits the `RangeControl`.
+     *
+     * @default () => void
+     */
+    onMouseLeave?: MouseEventHandler<HTMLInputElement>;
+    /**
+     * Callback for when mouse moves within the `RangeControl`.
+     *
+     * @default () => void
+     */
+    onMouseMove?: MouseEventHandler<HTMLInputElement>;
+    /**
+     * CSS color string to customize the rail element's background.
+     */
+    railColor?: CSSProperties['color'];
+    /**
+     * A way to customize the rendered UI of the value.
+     *
+     * @default ( value ) => value
+     */
+    renderTooltipContent?: (value?: ControlledRangeValue) => string | number | null | undefined;
+    /**
+     * The value to revert to if the Reset button is clicked (enabled by
+     * `allowReset`)
+     */
+    resetFallbackValue?: number;
+    /**
+     * Define if separator line under/above control row should be disabled
+     * or full width. By default it is placed below excluding underline the
+     * control icon.
+     */
+    separatorType?: 'none' | 'fullWidth' | 'topFullWidth';
+    /**
+     * Passed as a prop to the `NumberControl` component and is only
+     * applicable if `withInputField` and `isShiftStepEnabled` are both true
+     * and while the number input has focus. Acts as a multiplier of `step`.
+     *
+     * @default 10
+     */
+    shiftStep?: number;
+    /**
+     * Forcing the Tooltip UI to show or hide. This is overridden to `false`
+     * when `step` is set to the special string value `any`.
+     */
+    showTooltip?: boolean;
+    /**
+     * CSS color string to customize the track element's background.
+     */
+    trackColor?: CSSProperties['color'];
+    /**
+     * Define if the value selection should present a stepper control or a
+     * slider control in the bottom sheet on mobile. To use the stepper set
+     * the type value as `stepper`. Defaults to slider if no option is
+     * provided.
+     */
+    type?: 'stepper';
+    /**
+     * Determines if the `input` number field will render next to the
+     * RangeControl. This is overridden to `false` when `step` is set to the
+     * special string value `any`.
+     *
+     * @default true
+     */
+    withInputField?: boolean;
+};
+export declare type RailProps = MarksProps & {
+    railColor?: CSSProperties['color'];
+};
+export declare type InputRangeProps = {
+    describedBy?: string;
+    label?: string;
+    onHideTooltip?: () => void;
+    onMouseLeave?: MouseEventHandler<HTMLInputElement>;
+    onMouseMove?: MouseEventHandler<HTMLInputElement>;
+    onShowTooltip?: () => void;
+    value?: number | '';
+};
+export declare type WrapperProps = {
+    color?: CSSProperties['color'];
+    marks?: RangeMarks;
+};
+export declare type ThumbProps = {
+    isFocused?: boolean;
+    disabled?: boolean;
+};
+export declare type TooltipProps = {
+    show?: boolean;
+    position?: string;
+    inputRef?: MutableRefObject<HTMLElement | undefined>;
+    tooltipPosition?: string;
+    value?: ControlledRangeValue;
+    renderTooltipContent?: (value?: ControlledRangeValue) => string | number | null | undefined;
+    zIndex?: number;
+};
+export declare type TrackProps = {
+    disabled: boolean;
+    trackColor: CSSProperties['color'];
+};
+export declare type UseControlledRangeValueArgs = {
+    /**
+     * The initial value.
+     */
+    initial?: number;
+    /**
+     * The maximum value.
+     */
+    max: number;
+    /**
+     * The minimum value.
+     */
+    min: number;
+    /**
+     * The current value.
+     */
+    value: number | null;
+};
+export declare type UseDebouncedHoverInteractionArgs = {
+    /**
+     *  A callback function invoked when the element is hidden.
+     *
+     * @default () => {}
+     */
+    onHide?: () => void;
+    /**
+     * A callback function invoked when the mouse is moved out of the element.
+     *
+     * @default () => {}
+     */
+    onMouseLeave?: MouseEventHandler<HTMLInputElement>;
+    /**
+     * A callback function invoked when the mouse is moved.
+     *
+     * @default () => {}
+     */
+    onMouseMove?: MouseEventHandler<HTMLInputElement>;
+    /**
+     * A callback function invoked when the element is shown.
+     *
+     * @default () => {}
+     */
+    onShow?: () => void;
+    /**
+     * Timeout before the element is shown or hidden.
+     *
+     * @default 300
+     */
+    timeout?: number;
+};
+export declare type UseMarksArgs = NumericProps & {
+    marks: RangeMarks;
+    step: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/range-control/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/range-control/types.ts"],"names":[],"mappings":"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"}

package/build-types/range-control/utils.d.ts

@@ -1,48 +1,30 @@
+import type { UseControlledRangeValueArgs, UseDebouncedHoverInteractionArgs } from './types';
 /**
  * A float supported clamp function for a specific value.
  *
- * @param {number|null} value The value to clamp.
- * @param {number}      min   The minimum value.
- * @param {number}      max   The maximum value.
+ * @param  value The value to clamp.
+ * @param  min   The minimum value.
+ * @param  max   The maximum value.
  *
- * @return {number} A (float) number
+ * @return A (float) number
  */
-export function floatClamp(value: number | null, min: number, max: number): number;
+export declare function floatClamp(value: number | null, min: number, max: number): number | null;
 /**
  * Hook to store a clamped value, derived from props.
  *
- * @param {Object} settings         Hook settings.
- * @param {number} settings.min     The minimum value.
- * @param {number} settings.max     The maximum value.
- * @param {number} settings.value   The current value.
- * @param {any}    settings.initial The initial value.
- *
- * @return {[*, Function]} The controlled value and the value setter.
+ * @param  settings
+ * @return The controlled value and the value setter.
  */
-export function useControlledRangeValue({ min, max, value: valueProp, initial, }: {
-    min: number;
-    max: number;
-    value: number;
-    initial: any;
-}): [any, Function];
+export declare function useControlledRangeValue(settings: UseControlledRangeValueArgs): readonly [number | null, (nextValue: number | null) => void];
 /**
  * Hook to encapsulate the debouncing "hover" to better handle the showing
  * and hiding of the Tooltip.
  *
- * @param {Object}   settings                     Hook settings.
- * @param {Function} [settings.onShow=noop]       A callback function invoked when the element is shown.
- * @param {Function} [settings.onHide=noop]       A callback function invoked when the element is hidden.
- * @param {Function} [settings.onMouseMove=noop]  A callback function invoked when the mouse is moved.
- * @param {Function} [settings.onMouseLeave=noop] A callback function invoked when the mouse is moved out of the element.
- * @param {number}   [settings.timeout=300]       Timeout before the element is shown or hidden.
- *
- * @return {Object} Bound properties for use on a React.Node.
+ * @param  settings
+ * @return Bound properties for use on a React.Node.
  */
-export function useDebouncedHoverInteraction({ onHide, onMouseLeave, onMouseMove, onShow, timeout, }: {
-    onShow?: Function | undefined;
-    onHide?: Function | undefined;
-    onMouseMove?: Function | undefined;
-    onMouseLeave?: Function | undefined;
-    timeout?: number | undefined;
-}): Object;
+export declare function useDebouncedHoverInteraction(settings: UseDebouncedHoverInteractionArgs): {
+    onMouseMove: (event: any) => void;
+    onMouseLeave: (event: any) => void;
+};
 //# sourceMappingURL=utils.d.ts.map

package/build-types/range-control/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/range-control/utils.js"],"names":[],"mappings":"AAkBA;;;;;;;;GAQG;AACH,kCANW,MAAM,GAAC,IAAI,OACX,MAAM,OACN,MAAM,GAEL,MAAM,CAQjB;AAED;;;;;;;;;;GAUG;AACH;IAP4B,GAAG,EAApB,MAAM;IACW,GAAG,EAApB,MAAM;IACW,KAAK,EAAtB,MAAM;IACW,OAAO,EAAxB,GAAG;IAEF,eAAa,CAyBxB;AAED;;;;;;;;;;;;GAYG;AACH;IAR+B,MAAM;IACN,MAAM;IACN,WAAW;IACX,YAAY;IACZ,OAAO;IAE1B,MAAM,CAmDjB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/range-control/utils.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACX,2BAA2B,EAC3B,gCAAgC,EAChC,MAAM,SAAS,CAAC;AAIjB;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,iBAMzE;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACtC,QAAQ,EAAE,2BAA2B,wCAYvB,MAAM,GAAG,IAAI,WAa3B;AAED;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAC3C,QAAQ,EAAE,gCAAgC;;;EAoD1C"}

package/build-types/resizable-box/resize-tooltip/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/utils.ts"],"names":[],"mappings":";AASA,oBAAY,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,oBAAY,QAAQ,GAAG,OAAO,SAAS,CAAE,MAAM,OAAO,SAAS,CAAE,CAAC;AAElE,UAAU,mBAAmB;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAkB;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAI,IAAI,CAAC;IACxE,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,WAAiB,EACjB,QAAe,EACf,QAA2B,EAC3B,MAAc,GACd,EAAE,kBAAkB,GAAI,mBAAmB,CA8G3C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/utils.ts"],"names":[],"mappings":";AAQA,oBAAY,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7B,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,oBAAY,QAAQ,GAAG,OAAO,SAAS,CAAE,MAAM,OAAO,SAAS,CAAE,CAAC;AAElE,UAAU,mBAAmB;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAkB;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAI,IAAI,CAAC;IACxE,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,WAAiB,EACjB,QAAe,EACf,QAA2B,EAC3B,MAAc,GACd,EAAE,kBAAkB,GAAI,mBAAmB,CA8G3C"}

package/build-types/scroll-lock/index.d.ts

@@ -1,7 +1,36 @@
 /**
- * A component that will lock scrolling when it is mounted and unlock scrolling when it is unmounted.
+ * ScrollLock is a content-free React component for declaratively preventing
+ * scroll bleed from modal UI to the page body. This component applies a
+ * `lockscroll` class to the `document.documentElement` and
+ * `document.scrollingElement` elements to stop the body from scrolling. When it
+ * is present, the lock is applied.
  *
- * @return {null} Render nothing.
+ * ```jsx
+ * import { ScrollLock, Button } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyScrollLock = () => {
+ *   const [ isScrollLocked, setIsScrollLocked ] = useState( false );
+ *
+ *   const toggleLock = () => {
+ *     setIsScrollLocked( ( locked ) => ! locked ) );
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <Button variant="secondary" onClick={ toggleLock }>
+ *         Toggle scroll lock
+ *       </Button>
+ *       { isScrollLocked && <ScrollLock /> }
+ *       <p>
+ *         Scroll locked:
+ *         <strong>{ isScrollLocked ? 'Yes' : 'No' }</strong>
+ *       </p>
+ *     </div>
+ *   );
+ * };
+ * ```
  */
-export default function ScrollLock(): null;
+export declare function ScrollLock(): null;
+export default ScrollLock;
 //# sourceMappingURL=index.d.ts.map

package/build-types/scroll-lock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scroll-lock/index.js"],"names":[],"mappings":"AAqCA;;;;GAIG;AACH,sCAFY,IAAI,CAoBf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scroll-lock/index.tsx"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,IAAI,IAAI,CAkBjC;AAED,eAAe,UAAU,CAAC"}

package/build-types/scroll-lock/stories/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import ScrollLock from '..';
+declare const meta: ComponentMeta<typeof ScrollLock>;
+export default meta;
+export declare const Default: ComponentStory<typeof ScrollLock>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/scroll-lock/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scroll-lock/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYtE,OAAO,UAAU,MAAM,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,UAAU,CAO3C,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,UAAU,CAkCtD,CAAC"}

package/build-types/scroll-lock/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/scroll-lock/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scroll-lock/test/index.tsx"],"names":[],"mappings":""}

package/build-types/scrollable/component.d.ts

@@ -1,8 +1,7 @@
-export default ConnectedScrollable;
+import type { ScrollableProps } from './types';
 /**
  * `Scrollable` is a layout component that content in a scrollable container.
  *
- * @example
  * ```jsx
  * import { __experimentalScrollable as Scrollable } from `@wordpress/components`;
  *
@@ -15,5 +14,6 @@ export default ConnectedScrollable;
  * }
  * ```
  */
-declare const ConnectedScrollable: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
+export declare const Scrollable: import("../ui/context").WordPressComponent<"div", ScrollableProps, true>;
+export default Scrollable;
 //# sourceMappingURL=component.d.ts.map

package/build-types/scrollable/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AAEH,oHAAuE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,0EAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}

package/build-types/scrollable/hook.d.ts

@@ -1,7 +1,10 @@
+/// <reference types="react" />
 /**
- * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props
+ * Internal dependencies
  */
-export function useScrollable(props: import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>): {
+import { WordPressComponentProps } from '../ui/context';
+import type { ScrollableProps } from './types';
+export declare function useScrollable(props: WordPressComponentProps<ScrollableProps, 'div'>): {
     className: string;
     children: import("react").ReactNode;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/build-types/scrollable/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.js"],"names":[],"mappings":"AAaA;;GAEG;AAEH,qCAHW,OAAO,eAAe,EAAE,uBAAuB,CAAC,OAAO,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BzF"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BxD"}

package/build-types/scrollable/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Scrollable } from "./component";
-export * from "./hook";
+export { default as Scrollable } from './component';
+export * from './hook';
 //# sourceMappingURL=index.d.ts.map

package/build-types/scrollable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scrollable/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scrollable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpD,cAAc,QAAQ,CAAC"}

package/build-types/scrollable/stories/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { Scrollable } from '..';
+declare const meta: ComponentMeta<typeof Scrollable>;
+export default meta;
+export declare const Default: ComponentStory<typeof Scrollable>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/scrollable/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollable/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWtE,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,UAAU,CAiB3C,CAAC;AACF,eAAe,IAAI,CAAC;AA4CpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,UAAU,CAAwB,CAAC"}

package/build-types/scrollable/styles.d.ts

@@ -1,8 +1,8 @@
-export const scrollableScrollbar: import("@emotion/utils").SerializedStyles;
-export const Scrollable: import("@emotion/utils").SerializedStyles;
-export const Content: import("@emotion/utils").SerializedStyles;
-export const smoothScroll: import("@emotion/utils").SerializedStyles;
-export const scrollX: import("@emotion/utils").SerializedStyles;
-export const scrollY: import("@emotion/utils").SerializedStyles;
-export const scrollAuto: import("@emotion/utils").SerializedStyles;
+export declare const scrollableScrollbar: import("@emotion/utils").SerializedStyles;
+export declare const Scrollable: import("@emotion/utils").SerializedStyles;
+export declare const Content: import("@emotion/utils").SerializedStyles;
+export declare const smoothScroll: import("@emotion/utils").SerializedStyles;
+export declare const scrollX: import("@emotion/utils").SerializedStyles;
+export declare const scrollY: import("@emotion/utils").SerializedStyles;
+export declare const scrollAuto: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/scrollable/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/scrollable/styles.js"],"names":[],"mappings":"AAUA,4EA2BE;AAEF,mEAEE;AAEF,gEAEE;AAEF,qEAEE;AAEF,gEAGE;AAEF,gEAGE;AAEF,mEAEE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/scrollable/styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,mBAAmB,2CA2B/B,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,2CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY,2CAExB,CAAC;AAEF,eAAO,MAAM,OAAO,2CAGnB,CAAC;AAEF,eAAO,MAAM,OAAO,2CAGnB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC"}

package/build-types/scrollable/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/scrollable/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollable/test/index.tsx"],"names":[],"mappings":""}

package/build-types/scrollable/types.d.ts

@@ -1,6 +1,13 @@
-/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type { ReactNode } from 'react';
 export declare type ScrollableDirection = 'x' | 'y' | 'auto';
-export declare type Props = {
+export declare type ScrollableProps = {
+    /**
+     * The children elements.
+     */
+    children: ReactNode;
     /**
      * Renders a scrollbar for a specific axis when content overflows.
      *
@@ -13,9 +20,5 @@ export declare type Props = {
      * @default false
      */
     smoothScroll?: boolean;
-    /**
-     * The children elements.
-     */
-    children: React.ReactNode;
 };
 //# sourceMappingURL=types.d.ts.map

package/build-types/scrollable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/scrollable/types.ts"],"names":[],"mappings":";AAAA,oBAAY,mBAAmB,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAErD,oBAAY,KAAK,GAAG;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/scrollable/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAErD,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

package/build-types/select-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiIlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;2mJAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiIlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;2mJAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

package/build-types/select-control/styles/select-control-styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { SelectControlProps } from '../types';
-interface SelectProps extends Pick<SelectControlProps, 'disabled'> {
+interface SelectProps extends Pick<SelectControlProps, '__next36pxDefaultSize' | 'disabled'> {
     selectSize?: SelectControlProps['size'];
 }
 export declare const Select: import("@emotion/styled").StyledComponent<{

package/build-types/select-control/styles/select-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-control-styles.d.ts","sourceRoot":"","sources":["../../../src/select-control/styles/select-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,UAAU,WAAY,SAAQ,IAAI,CAAE,kBAAkB,EAAE,UAAU,CAAE;IAGnE,UAAU,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;CAC1C;AA+ED,eAAO,MAAM,MAAM;;;mIAkBlB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAe5B,CAAC"}
+{"version":3,"file":"select-control-styles.d.ts","sourceRoot":"","sources":["../../../src/select-control/styles/select-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,UAAU,WACT,SAAQ,IAAI,CAAE,kBAAkB,EAAE,uBAAuB,GAAG,UAAU,CAAE;IAGxE,UAAU,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;CAC1C;AAsGD,eAAO,MAAM,MAAM;;;mIAkBlB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAe5B,CAAC"}

package/build-types/select-control/types.d.ts

@@ -7,7 +7,7 @@ import type { ChangeEvent, FocusEvent, ReactNode } from 'react';
  */
 import type { InputBaseProps } from '../input-control/types';
 import type { BaseControlProps } from '../base-control/types';
-export interface SelectControlProps extends Pick<InputBaseProps, 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'>, Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> {
+export interface SelectControlProps extends Pick<InputBaseProps, '__next36pxDefaultSize' | 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'>, Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> {
     /**
      * If this property is added, multiple values can be selected. The value passed should be an array.
      *

package/build-types/select-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,kBAChB,SAAQ,IAAI,CACV,cAAc,EACZ,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,EACD,IAAI,CAAE,gBAAgB,EAAE,MAAM,GAAG,yBAAyB,CAAE;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,kBAChB,SAAQ,IAAI,CACV,cAAc,EACZ,uBAAuB,GACvB,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,EACD,IAAI,CAAE,gBAAgB,EAAE,MAAM,GAAG,yBAAyB,CAAE;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}