@basic-ui/core 0.0.54 → 0.0.57

package/build/esm/SkipNav/SkipNav.js

@@ -1,15 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as"];
 import { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var SkipNav = /*#__PURE__*/forwardRef(function SkipNav(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_jsx(Comp, _extends({
-    ref: forwardedRef
-  }, otherProps));
+export const SkipNav = /*#__PURE__*/forwardRef(function SkipNav(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: forwardedRef,
+    ...otherProps
+  });
 });
 //# sourceMappingURL=SkipNav.js.map

package/build/esm/SkipNav/SkipNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipNav.js","names":["forwardRef","SkipNav","props","forwardedRef","as","Comp","otherProps"],"sources":["../../../src/SkipNav/SkipNav.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nexport interface SkipNavProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const SkipNav = forwardRef<HTMLDivElement, SkipNavProps>(\r\n  function SkipNav(props, forwardedRef) {\r\n    const { as: Comp = 'div', ...otherProps } = props;\r\n\r\n    return <Comp ref={forwardedRef} {...otherProps} />;\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,OAAO,gBAAGD,UAAU,CAC/B,SAASC,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,gBAA4CD,KAA5C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,KAAnB;EAAA,IAA6BC,UAA7B,4BAA4CJ,KAA5C;;EAEA,oBAAO,KAAC,IAAD;IAAM,GAAG,EAAEC;EAAX,GAA6BG,UAA7B,EAAP;AACD,CAL8B,CAA1B"}
+{"version":3,"file":"SkipNav.js","names":["forwardRef","jsx","_jsx","SkipNav","props","forwardedRef","as","Comp","otherProps","ref"],"sources":["../../../src/SkipNav/SkipNav.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface SkipNavProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const SkipNav = forwardRef<HTMLDivElement, SkipNavProps>(\n  function SkipNav(props, forwardedRef) {\n    const { as: Comp = 'div', ...otherProps } = props;\n\n    return <Comp ref={forwardedRef} {...otherProps} />;\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQnC,OAAO,MAAMC,OAAO,gBAAGH,UAAU,CAC/B,SAASG,OAAOA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACpC,MAAM;IAAEC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EAEjD,oBAAOF,IAAA,CAACK,IAAI;IAACE,GAAG,EAAEJ,YAAa;IAAA,GAAKG;EAAU,CAAG,CAAC;AACpD,CACF,CAAC","ignoreList":[]}

package/build/esm/SkipNav/index.d.ts

@@ -1 +1 @@
-export * from './SkipNav';
+export * from './SkipNav';

package/build/esm/SkipNav/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/SkipNav/index.tsx"],"sourcesContent":["export * from './SkipNav';\r\n"],"mappings":"AAAA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/SkipNav/index.tsx"],"sourcesContent":["export * from './SkipNav';\n"],"mappings":"AAAA,cAAc,WAAW","ignoreList":[]}

package/build/esm/Slider/Slider.d.ts

@@ -1,197 +1,197 @@
-import type { ReactNode, KeyboardEvent } from 'react';
-import type * as Polymorphic from '../utils/polymorphic';
-declare type SliderOrientation = 'horizontal' | 'vertical';
-declare type SliderHandleAlignment = 'center' | 'contain';
-/**
- * Slider
- *
- * @see Docs https://reach.tech/slider#slider
- */
-declare const Slider: Polymorphic.ForwardRefComponent<"div", SliderProps>;
-/**
- * @see Docs https://reach.tech/slider#slider-props
- */
-interface SliderProps {
-    /**
-     * `Slider` can accept `SliderMarker` children to enhance display of specific
-     * values along the track.
-     *
-     * @see Docs https://reach.tech/slider#slider-children
-     */
-    children?: ReactNode;
-    /**
-     * The defaultValue is used to set an initial value for an uncontrolled
-     * Slider.
-     *
-     * @see Docs https://reach.tech/slider#slider-defaultvalue
-     */
-    defaultValue?: number;
-    /**
-     * @see Docs https://reach.tech/slider#slider-disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether or not the slider should be disabled from user interaction.
-     *
-     * @see Docs https://reach.tech/slider#slider-value
-     */
-    value?: number;
-    /**
-     * A function used to set a human-readable name for the slider.
-     *
-     * @see Docs https://reach.tech/slider#slider-getarialabel
-     */
-    getAriaLabel?(value: number): string;
-    /**
-     * A function used to set a human-readable value text based on the slider's
-     * current value.
-     *
-     * @see Docs https://reach.tech/slider#slider-getariavaluetext
-     */
-    getAriaValueText?(value: number): string;
-    /**
-     * When set to `center`, the slider's handle will be positioned directly
-     * centered over the slider's curremt value on the track. This means that when
-     * the slider is at its min or max value, a visiable slider handle will extend
-     * beyond the width (or height in vertical mode) of the slider track. When set
-     * to `contain`, the slider handle will always be contained within the bounds
-     * of the track, meaning its position will be slightly offset from the actual
-     * value depending on where it sits on the track.
-     *
-     * @see Docs https://reach.tech/slider#slider-handlealignment
-     */
-    handleAlignment?: SliderHandleAlignment;
-    /**
-     * The maximum value of the slider. Defaults to `100`.
-     *
-     * @see Docs https://reach.tech/slider#slider-max
-     */
-    max?: number;
-    /**
-     * The minimum value of the slider. Defaults to `0`.
-     *
-     * @see Docs https://reach.tech/slider#slider-min
-     */
-    min?: number;
-    /**
-     * If the slider is used as a form input, it should accept a `name` prop to
-     * identify its value in context of the form.
-     *
-     * @see Docs https://reach.tech/slider#slider-name
-     */
-    name?: string;
-    /**
-     * Callback that fires when the slider value changes. When the `value` prop is
-     * set, the Slider state becomes controlled and `onChange` must be used to
-     * update the value in response to user interaction.
-     *
-     * @see Docs https://reach.tech/slider#slider-onchange
-     */
-    onChange?(e: SomePointerEvent | KeyboardEvent, newValue: number, props?: {
-        min?: number;
-        max?: number;
-        handlePosition?: string;
-    }): void;
-    onMouseDown?(event: MouseEvent): void;
-    onMouseMove?(event: MouseEvent): void;
-    onMouseUp?(event: MouseEvent): void;
-    onPointerDown?(event: PointerEvent): void;
-    onPointerUp?(event: PointerEvent): void;
-    onTouchEnd?(event: TouchEvent): void;
-    onTouchMove?(event: TouchEvent): void;
-    onTouchStart?(event: TouchEvent): void;
-    /**
-     * Sets the slider to horizontal or vertical mode.
-     *
-     * @see Docs https://reach.tech/slider#slider-orientation
-     */
-    orientation?: SliderOrientation;
-    /**
-     * The step attribute is a number that specifies the granularity that the
-     * value must adhere to as it changes. Step sets minimum intervals of change,
-     * creating a "snap" effect when the handle is moved along the track.
-     *
-     * @see Docs https://reach.tech/slider#slider-step
-     */
-    step?: number;
-}
-/**
- * SliderInput
- *
- * The parent component of the slider interface. This is a lower level component
- * if you need more control over styles or rendering the slider's inner
- * components.
- *
- * @see Docs https://reach.tech/slider#sliderinput
- */
-declare const SliderInput: Polymorphic.ForwardRefComponent<"div", SliderInputProps>;
-/**
- * @see Docs https://reach.tech/slider#sliderinput-props
- */
-declare type SliderInputProps = Omit<SliderProps, 'children'> & {
-    /**
-     * Slider expects `<SliderTrack>` as its child; The track will accept all
-     * additional slider sub-components as children. It can also accept a
-     * function/render prop as its child to expose some of its internal state
-     * variables.
-     *
-     * @see Docs https://reach.tech/slider#sliderinput-children
-     */
-    children: ReactNode | SliderChildrenRender;
-};
-declare const SliderTrack: Polymorphic.MemoComponent<"div", SliderTrackProps>;
-/**
- * @see Docs https://reach.tech/slider#slidertrack-props
- */
-interface SliderTrackProps {
-    /**
-     * `SliderTrack` expects `<SliderHandle>`, at minimum, for the Slider to
-     * function. All other Slider subcomponents should be passed as children
-     * inside the `SliderTrack`.
-     *
-     * @see Docs https://reach.tech/slider#slidertrack-children
-     */
-    children: ReactNode;
-}
-declare const SliderRange: Polymorphic.MemoComponent<"div", SliderRangeProps>;
-/**
- * `SliderRange` accepts any props that a HTML div component accepts.
- * `SliderRange` will not accept or render any children.
- *
- * @see Docs https://reach.tech/slider#sliderrange-props
- */
-interface SliderRangeProps {
-}
-declare const SliderHandle: Polymorphic.MemoComponent<"div", SliderHandleProps>;
-/**
- * `SliderRange` accepts any props that a HTML div component accepts.
- *
- * @see Docs https://reach.tech/slider#sliderhandle-props
- */
-interface SliderHandleProps {
-}
-declare const SliderMarker: Polymorphic.MemoComponent<"div", SliderMarkerProps>;
-/**
- * @see Docs https://reach.tech/slider#slidermarker-props
- */
-interface SliderMarkerProps {
-    /**
-     * The value to denote where the marker should appear along the track.
-     *
-     * @see Docs https://reach.tech/slider#slidermarker-value
-     */
-    value: number;
-}
-declare type SomePointerEvent = TouchEvent | MouseEvent;
-declare type SliderChildrenRender = (props: {
-    ariaValueText?: string | undefined;
-    hasFocus?: boolean;
-    id?: string | undefined;
-    sliderId?: string | undefined;
-    max?: number;
-    min?: number;
-    value?: number;
-}) => JSX.Element;
-export default Slider;
-export type { SliderHandleProps, SliderInputProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderTrackProps, SliderHandleAlignment, SliderOrientation, };
-export { Slider, SliderHandle, SliderInput, SliderMarker, SliderTrack, SliderRange, };
+import type { ReactElement, ReactNode, KeyboardEvent } from 'react';
+import type * as Polymorphic from '../utils/polymorphic';
+type SliderOrientation = 'horizontal' | 'vertical';
+type SliderHandleAlignment = 'center' | 'contain';
+/**
+ * Slider
+ *
+ * @see Docs https://reach.tech/slider#slider
+ */
+declare const Slider: Polymorphic.ForwardRefComponent<"div", SliderProps>;
+/**
+ * @see Docs https://reach.tech/slider#slider-props
+ */
+interface SliderProps {
+    /**
+     * `Slider` can accept `SliderMarker` children to enhance display of specific
+     * values along the track.
+     *
+     * @see Docs https://reach.tech/slider#slider-children
+     */
+    children?: ReactNode;
+    /**
+     * The defaultValue is used to set an initial value for an uncontrolled
+     * Slider.
+     *
+     * @see Docs https://reach.tech/slider#slider-defaultvalue
+     */
+    defaultValue?: number;
+    /**
+     * @see Docs https://reach.tech/slider#slider-disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether or not the slider should be disabled from user interaction.
+     *
+     * @see Docs https://reach.tech/slider#slider-value
+     */
+    value?: number;
+    /**
+     * A function used to set a human-readable name for the slider.
+     *
+     * @see Docs https://reach.tech/slider#slider-getarialabel
+     */
+    getAriaLabel?(value: number): string;
+    /**
+     * A function used to set a human-readable value text based on the slider's
+     * current value.
+     *
+     * @see Docs https://reach.tech/slider#slider-getariavaluetext
+     */
+    getAriaValueText?(value: number): string;
+    /**
+     * When set to `center`, the slider's handle will be positioned directly
+     * centered over the slider's curremt value on the track. This means that when
+     * the slider is at its min or max value, a visiable slider handle will extend
+     * beyond the width (or height in vertical mode) of the slider track. When set
+     * to `contain`, the slider handle will always be contained within the bounds
+     * of the track, meaning its position will be slightly offset from the actual
+     * value depending on where it sits on the track.
+     *
+     * @see Docs https://reach.tech/slider#slider-handlealignment
+     */
+    handleAlignment?: SliderHandleAlignment;
+    /**
+     * The maximum value of the slider. Defaults to `100`.
+     *
+     * @see Docs https://reach.tech/slider#slider-max
+     */
+    max?: number;
+    /**
+     * The minimum value of the slider. Defaults to `0`.
+     *
+     * @see Docs https://reach.tech/slider#slider-min
+     */
+    min?: number;
+    /**
+     * If the slider is used as a form input, it should accept a `name` prop to
+     * identify its value in context of the form.
+     *
+     * @see Docs https://reach.tech/slider#slider-name
+     */
+    name?: string;
+    /**
+     * Callback that fires when the slider value changes. When the `value` prop is
+     * set, the Slider state becomes controlled and `onChange` must be used to
+     * update the value in response to user interaction.
+     *
+     * @see Docs https://reach.tech/slider#slider-onchange
+     */
+    onChange?(e: SomePointerEvent | KeyboardEvent, newValue: number, props?: {
+        min?: number;
+        max?: number;
+        handlePosition?: string;
+    }): void;
+    onMouseDown?(event: MouseEvent): void;
+    onMouseMove?(event: MouseEvent): void;
+    onMouseUp?(event: MouseEvent): void;
+    onPointerDown?(event: PointerEvent): void;
+    onPointerUp?(event: PointerEvent): void;
+    onTouchEnd?(event: TouchEvent): void;
+    onTouchMove?(event: TouchEvent): void;
+    onTouchStart?(event: TouchEvent): void;
+    /**
+     * Sets the slider to horizontal or vertical mode.
+     *
+     * @see Docs https://reach.tech/slider#slider-orientation
+     */
+    orientation?: SliderOrientation;
+    /**
+     * The step attribute is a number that specifies the granularity that the
+     * value must adhere to as it changes. Step sets minimum intervals of change,
+     * creating a "snap" effect when the handle is moved along the track.
+     *
+     * @see Docs https://reach.tech/slider#slider-step
+     */
+    step?: number;
+}
+/**
+ * SliderInput
+ *
+ * The parent component of the slider interface. This is a lower level component
+ * if you need more control over styles or rendering the slider's inner
+ * components.
+ *
+ * @see Docs https://reach.tech/slider#sliderinput
+ */
+declare const SliderInput: Polymorphic.ForwardRefComponent<"div", SliderInputProps>;
+/**
+ * @see Docs https://reach.tech/slider#sliderinput-props
+ */
+type SliderInputProps = Omit<SliderProps, 'children'> & {
+    /**
+     * Slider expects `<SliderTrack>` as its child; The track will accept all
+     * additional slider sub-components as children. It can also accept a
+     * function/render prop as its child to expose some of its internal state
+     * variables.
+     *
+     * @see Docs https://reach.tech/slider#sliderinput-children
+     */
+    children: ReactNode | SliderChildrenRender;
+};
+declare const SliderTrack: Polymorphic.MemoComponent<"div", SliderTrackProps>;
+/**
+ * @see Docs https://reach.tech/slider#slidertrack-props
+ */
+interface SliderTrackProps {
+    /**
+     * `SliderTrack` expects `<SliderHandle>`, at minimum, for the Slider to
+     * function. All other Slider subcomponents should be passed as children
+     * inside the `SliderTrack`.
+     *
+     * @see Docs https://reach.tech/slider#slidertrack-children
+     */
+    children: ReactNode;
+}
+declare const SliderRange: Polymorphic.MemoComponent<"div", SliderRangeProps>;
+/**
+ * `SliderRange` accepts any props that a HTML div component accepts.
+ * `SliderRange` will not accept or render any children.
+ *
+ * @see Docs https://reach.tech/slider#sliderrange-props
+ */
+interface SliderRangeProps {
+}
+declare const SliderHandle: Polymorphic.MemoComponent<"div", SliderHandleProps>;
+/**
+ * `SliderRange` accepts any props that a HTML div component accepts.
+ *
+ * @see Docs https://reach.tech/slider#sliderhandle-props
+ */
+interface SliderHandleProps {
+}
+declare const SliderMarker: Polymorphic.MemoComponent<"div", SliderMarkerProps>;
+/**
+ * @see Docs https://reach.tech/slider#slidermarker-props
+ */
+interface SliderMarkerProps {
+    /**
+     * The value to denote where the marker should appear along the track.
+     *
+     * @see Docs https://reach.tech/slider#slidermarker-value
+     */
+    value: number;
+}
+type SomePointerEvent = TouchEvent | MouseEvent;
+type SliderChildrenRender = (props: {
+    ariaValueText?: string | undefined;
+    hasFocus?: boolean;
+    id?: string | undefined;
+    sliderId?: string | undefined;
+    max?: number;
+    min?: number;
+    value?: number;
+}) => ReactElement;
+export default Slider;
+export type { SliderHandleProps, SliderInputProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderTrackProps, SliderHandleAlignment, SliderOrientation, };
+export { Slider, SliderHandle, SliderInput, SliderMarker, SliderTrack, SliderRange, };