@basic-ui/core 0.0.38 → 0.0.39

package/build/esm/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Popper/Popper.tsx"],"names":["forwardRef","useRef","useEffect","useLayoutEffect","useMemo","memo","assignMultipleRefs","PopperProvider","Portal","createPopper","useEnhancedEffect","window","emptyModifiers","Popper","forwardedRef","placement","strategy","as","Comp","innerAs","anchorEl","children","modifiers","usePortal","style","portalSelector","distance","skidding","arrowPadding","offsetFn","props","arrowRef","popperRef","popperEngineInstance","defaultModifiers","arrowModifier","name","options","element","padding","offsetModifier","offset","current","destroy","forceUpdate","hidden","contextValue","ret","position","left","top"],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  memo,\n} from 'react';\nimport type * as React from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { PopperProvider, PopperContextProps } from './context';\nimport { Portal } from '../Portal';\n\nimport {\n  Placement,\n  Modifier,\n  PositioningStrategy,\n  Instance,\n  Rect,\n  createPopper,\n} from '@popperjs/core';\nimport type { OffsetModifier } from '@popperjs/core/lib/modifiers/offset';\nimport type { ArrowModifier } from '@popperjs/core/lib/modifiers/arrow';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type OffsetsFunction = (arg0: {\n  popper: Rect;\n  reference: Rect;\n  placement: Placement;\n}) => [number | null | undefined, number | null | undefined];\n\nexport interface PopperProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  anchorEl: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n  placement?: Placement;\n  strategy?: PositioningStrategy;\n  modifiers?: Array<Partial<Modifier<any, any>>>;\n  usePortal?: boolean;\n  portalSelector?: string;\n  /**\n   * Displaces the popper along the reference element.\n   */\n  skidding?: number;\n  /**\n   * Displaces the popper away from, or toward, the reference element in the direction of its placement. A positive number displaces it further away, while a negative number lets it overlap the reference.\n   */\n  distance?: number;\n  /**\n   * An optional function that must return a pair of [skidding, padding]. Useful for doing things like, displace the popper by 100%.\n   */\n  offsetFn?: OffsetsFunction;\n  /**\n   * If you don't want the arrow to reach the very edge of the popper (this is common if your popper has rounded corners using border-radius), you can apply some padding to it.\n   */\n  arrowPadding?: number;\n}\n\nconst emptyModifiers: Array<Partial<Modifier<any, any>>> = [];\nexport const Popper = memo(\n  forwardRef<HTMLDivElement, PopperProps>(function Popper(\n    {\n      placement = 'bottom',\n      strategy = 'absolute',\n      as: Comp = 'div',\n      innerAs,\n      anchorEl,\n      children,\n      modifiers = emptyModifiers,\n      usePortal = false,\n      style = {},\n      portalSelector = 'body',\n      distance = 0,\n      skidding = 0,\n      arrowPadding = 5,\n      offsetFn,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const arrowRef = useRef<HTMLSpanElement>(null);\n\n    const popperRef = useRef<HTMLDivElement | null>(null);\n    const popperEngineInstance = useRef<null | Instance>(null);\n\n    const defaultModifiers: Array<Partial<Modifier<any, any>>> = useMemo(() => {\n      const arrowModifier: Omit<ArrowModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'arrow',\n        options: {\n          element: '[data-popper-arrow]',\n          padding: arrowPadding,\n        },\n      };\n      const offsetModifier: Omit<OffsetModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'offset',\n        options: {\n          offset: offsetFn ?? [skidding, distance],\n        },\n      };\n\n      return [arrowModifier, offsetModifier];\n    }, [arrowPadding, distance, skidding, offsetFn]);\n\n    useEnhancedEffect(() => {\n      if (anchorEl && anchorEl.current && popperRef.current) {\n        popperEngineInstance.current = createPopper(\n          anchorEl.current,\n          popperRef.current,\n          {\n            placement,\n            strategy,\n            modifiers: [...defaultModifiers, ...modifiers],\n          }\n        );\n      }\n\n      return () => {\n        popperEngineInstance.current && popperEngineInstance.current.destroy();\n        popperEngineInstance.current = null;\n      };\n    }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);\n\n    useEnhancedEffect(() => {\n      popperEngineInstance.current?.forceUpdate();\n    }, [props.hidden || props['aria-hidden']]);\n\n    const contextValue: PopperContextProps = {\n      arrowRef,\n    };\n\n    const ret = (\n      <PopperProvider value={contextValue}>\n        <Comp\n          {...props}\n          as={innerAs}\n          ref={assignMultipleRefs(popperRef, forwardedRef)}\n          style={{ position: 'fixed', left: -5000, top: -5000, ...style }}\n        >\n          {children}\n        </Comp>\n      </PopperProvider>\n    );\n\n    if (usePortal) {\n      return <Portal selector={portalSelector}>{ret}</Portal>;\n    }\n\n    return ret;\n  })\n);\n"],"file":"Popper.js"}
+{"version":3,"sources":["../../../src/Popper/Popper.tsx"],"names":["forwardRef","useRef","useEffect","useLayoutEffect","useMemo","memo","React","createPopper","assignMultipleRefs","PopperProvider","Portal","useEnhancedEffect","window","emptyModifiers","Popper","forwardedRef","placement","strategy","as","Comp","innerAs","anchorEl","children","modifiers","usePortal","style","portalSelector","distance","skidding","arrowPadding","offsetFn","props","arrowRef","popperRef","popperEngineInstance","defaultModifiers","arrowModifier","name","options","element","padding","offsetModifier","offset","current","destroy","forceUpdate","hidden","contextValue","ret","position","left","top"],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  memo,\n} from 'react';\nimport * as React from 'react';\nimport type {\n  Placement,\n  Modifier,\n  PositioningStrategy,\n  Instance,\n  Rect,\n} from '@popperjs/core';\nimport { createPopper } from '@popperjs/core';\nimport type { OffsetModifier } from '@popperjs/core/lib/modifiers/offset';\nimport type { ArrowModifier } from '@popperjs/core/lib/modifiers/arrow';\n\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport type { PopperContextProps } from './context';\nimport { PopperProvider } from './context';\nimport { Portal } from '../Portal';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type OffsetsFunction = (arg0: {\n  popper: Rect;\n  reference: Rect;\n  placement: Placement;\n}) => [number | null | undefined, number | null | undefined];\n\nexport interface PopperProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  anchorEl: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n  placement?: Placement;\n  strategy?: PositioningStrategy;\n  modifiers?: Array<Partial<Modifier<any, any>>>;\n  usePortal?: boolean;\n  portalSelector?: string;\n  /**\n   * Displaces the popper along the reference element.\n   */\n  skidding?: number;\n  /**\n   * Displaces the popper away from, or toward, the reference element in the direction of its placement. A positive number displaces it further away, while a negative number lets it overlap the reference.\n   */\n  distance?: number;\n  /**\n   * An optional function that must return a pair of [skidding, padding]. Useful for doing things like, displace the popper by 100%.\n   */\n  offsetFn?: OffsetsFunction;\n  /**\n   * If you don't want the arrow to reach the very edge of the popper (this is common if your popper has rounded corners using border-radius), you can apply some padding to it.\n   */\n  arrowPadding?: number;\n}\n\nconst emptyModifiers: Array<Partial<Modifier<any, any>>> = [];\nexport const Popper = memo(\n  forwardRef<HTMLDivElement, PopperProps>(function Popper(\n    {\n      placement = 'bottom',\n      strategy = 'absolute',\n      as: Comp = 'div',\n      innerAs,\n      anchorEl,\n      children,\n      modifiers = emptyModifiers,\n      usePortal = false,\n      style = {},\n      portalSelector = 'body',\n      distance = 0,\n      skidding = 0,\n      arrowPadding = 5,\n      offsetFn,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const arrowRef = useRef<HTMLSpanElement>(null);\n\n    const popperRef = useRef<HTMLDivElement | null>(null);\n    const popperEngineInstance = useRef<null | Instance>(null);\n\n    const defaultModifiers: Array<Partial<Modifier<any, any>>> = useMemo(() => {\n      const arrowModifier: Omit<ArrowModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'arrow',\n        options: {\n          element: '[data-popper-arrow]',\n          padding: arrowPadding,\n        },\n      };\n      const offsetModifier: Omit<OffsetModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'offset',\n        options: {\n          offset: offsetFn ?? [skidding, distance],\n        },\n      };\n\n      return [arrowModifier, offsetModifier];\n    }, [arrowPadding, distance, skidding, offsetFn]);\n\n    useEnhancedEffect(() => {\n      if (anchorEl && anchorEl.current && popperRef.current) {\n        popperEngineInstance.current = createPopper(\n          anchorEl.current,\n          popperRef.current,\n          {\n            placement,\n            strategy,\n            modifiers: [...defaultModifiers, ...modifiers],\n          }\n        );\n      }\n\n      return () => {\n        popperEngineInstance.current && popperEngineInstance.current.destroy();\n        popperEngineInstance.current = null;\n      };\n    }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);\n\n    useEnhancedEffect(() => {\n      popperEngineInstance.current?.forceUpdate();\n    }, [props.hidden || props['aria-hidden']]);\n\n    const contextValue: PopperContextProps = {\n      arrowRef,\n    };\n\n    const ret = (\n      <PopperProvider value={contextValue}>\n        <Comp\n          {...props}\n          as={innerAs}\n          ref={assignMultipleRefs(popperRef, forwardedRef)}\n          style={{ position: 'fixed', left: -5000, top: -5000, ...style }}\n        >\n          {children}\n        </Comp>\n      </PopperProvider>\n    );\n\n    if (usePortal) {\n      return <Portal selector={portalSelector}>{ret}</Portal>;\n    }\n\n    return ret;\n  })\n);\n"],"file":"Popper.js"}

package/build/esm/Popper/PopperArrow.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface PopperArrowProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/Popper/PopperArrow.js

@@ -1,28 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { usePopperContext } from './context';
 import { assignRef } from '../utils/assignRef';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const PopperArrow = /*#__PURE__*/forwardRef(function PopperArrow(_ref, ref) {
-  let {
-    as: Comp = 'div'
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["as"]);
+export var PopperArrow = /*#__PURE__*/forwardRef(function PopperArrow(_ref, _ref2) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      props = _objectWithoutProperties(_ref, ["as"]);
 
-  const ctx = usePopperContext();
+  var ctx = usePopperContext();
 
   if (ctx === null) {
     return null;
   }
 
   return /*#__PURE__*/_jsx(Comp, _extends({}, props, {
-    ref: node => {
+    ref: function ref(node) {
       if (node && ctx.arrowRef.current && ctx.arrowRef.current !== node) {
         throw new Error('You can only render one <PopperArrow /> per <Popper> component');
       }
 
-      assignRef(ref, node);
+      assignRef(_ref2, node);
       assignRef(ctx.arrowRef, node);
     },
     "data-popper-arrow": ""

package/build/esm/Popper/PopperArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Popper/PopperArrow.tsx"],"names":["forwardRef","usePopperContext","assignRef","PopperArrow","ref","as","Comp","props","ctx","node","arrowRef","current","Error"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,SAAT,QAA0B,oBAA1B;;AAOA,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CACnC,SAASG,WAAT,OAAqDC,GAArD,EAA0D;AAAA,MAArC;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG;AAAb,GAAqC;AAAA,MAAdC,KAAc;;AACxD,QAAMC,GAAG,GAAGP,gBAAgB,EAA5B;;AAEA,MAAIO,GAAG,KAAK,IAAZ,EAAkB;AAChB,WAAO,IAAP;AACD;;AAED,sBACE,KAAC,IAAD,eACMD,KADN;AAEE,IAAA,GAAG,EAAGE,IAAD,IAAiC;AACpC,UAAIA,IAAI,IAAID,GAAG,CAACE,QAAJ,CAAaC,OAArB,IAAgCH,GAAG,CAACE,QAAJ,CAAaC,OAAb,KAAyBF,IAA7D,EAAmE;AACjE,cAAM,IAAIG,KAAJ,CACJ,gEADI,CAAN;AAGD;;AAEDV,MAAAA,SAAS,CAACE,GAAD,EAAMK,IAAN,CAAT;AACAP,MAAAA,SAAS,CAACM,GAAG,CAACE,QAAL,EAAeD,IAAf,CAAT;AACD,KAXH;AAYE,yBAAkB;AAZpB,KADF;AAgBD,CAxBkC,CAA9B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { usePopperContext } from './context';\nimport { assignRef } from '../utils/assignRef';\n\nexport interface PopperArrowProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n}\n\nexport const PopperArrow = forwardRef<HTMLDivElement, PopperArrowProps>(\n  function PopperArrow({ as: Comp = 'div', ...props }, ref) {\n    const ctx = usePopperContext();\n\n    if (ctx === null) {\n      return null;\n    }\n\n    return (\n      <Comp\n        {...props}\n        ref={(node: HTMLDivElement | null) => {\n          if (node && ctx.arrowRef.current && ctx.arrowRef.current !== node) {\n            throw new Error(\n              'You can only render one <PopperArrow /> per <Popper> component'\n            );\n          }\n\n          assignRef(ref, node);\n          assignRef(ctx.arrowRef, node);\n        }}\n        data-popper-arrow=\"\"\n      />\n    );\n  }\n);\n"],"file":"PopperArrow.js"}
+{"version":3,"sources":["../../../src/Popper/PopperArrow.tsx"],"names":["forwardRef","React","usePopperContext","assignRef","PopperArrow","ref","as","Comp","props","ctx","node","arrowRef","current","Error"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,SAAT,QAA0B,oBAA1B;;AAOA,OAAO,IAAMC,WAAW,gBAAGJ,UAAU,CACnC,SAASI,WAAT,OAAqDC,KAArD,EAA0D;AAAA,qBAAnCC,EAAmC;AAAA,MAA/BC,IAA+B,wBAAxB,KAAwB;AAAA,MAAdC,KAAc;;AACxD,MAAMC,GAAG,GAAGP,gBAAgB,EAA5B;;AAEA,MAAIO,GAAG,KAAK,IAAZ,EAAkB;AAChB,WAAO,IAAP;AACD;;AAED,sBACE,KAAC,IAAD,eACMD,KADN;AAEE,IAAA,GAAG,EAAE,aAACE,IAAD,EAAiC;AACpC,UAAIA,IAAI,IAAID,GAAG,CAACE,QAAJ,CAAaC,OAArB,IAAgCH,GAAG,CAACE,QAAJ,CAAaC,OAAb,KAAyBF,IAA7D,EAAmE;AACjE,cAAM,IAAIG,KAAJ,CACJ,gEADI,CAAN;AAGD;;AAEDV,MAAAA,SAAS,CAACE,KAAD,EAAMK,IAAN,CAAT;AACAP,MAAAA,SAAS,CAACM,GAAG,CAACE,QAAL,EAAeD,IAAf,CAAT;AACD,KAXH;AAYE,yBAAkB;AAZpB,KADF;AAgBD,CAxBkC,CAA9B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { usePopperContext } from './context';\nimport { assignRef } from '../utils/assignRef';\n\nexport interface PopperArrowProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n}\n\nexport const PopperArrow = forwardRef<HTMLDivElement, PopperArrowProps>(\n  function PopperArrow({ as: Comp = 'div', ...props }, ref) {\n    const ctx = usePopperContext();\n\n    if (ctx === null) {\n      return null;\n    }\n\n    return (\n      <Comp\n        {...props}\n        ref={(node: HTMLDivElement | null) => {\n          if (node && ctx.arrowRef.current && ctx.arrowRef.current !== node) {\n            throw new Error(\n              'You can only render one <PopperArrow /> per <Popper> component'\n            );\n          }\n\n          assignRef(ref, node);\n          assignRef(ctx.arrowRef, node);\n        }}\n        data-popper-arrow=\"\"\n      />\n    );\n  }\n);\n"],"file":"PopperArrow.js"}

package/build/esm/Popper/context.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 export interface PopperContextProps {
     arrowRef: MutableRefObject<HTMLSpanElement | null>;
 }

package/build/esm/Popper/context.js

@@ -1,5 +1,7 @@
 import { createContext, useContext } from 'react';
-const context = /*#__PURE__*/createContext(null);
-export const PopperProvider = context.Provider;
-export const usePopperContext = () => useContext(context);
+var context = /*#__PURE__*/createContext(null);
+export var PopperProvider = context.Provider;
+export var usePopperContext = function usePopperContext() {
+  return useContext(context);
+};
 //# sourceMappingURL=context.js.map

package/build/esm/Popper/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Popper/context.ts"],"names":["createContext","useContext","context","PopperProvider","Provider","usePopperContext"],"mappings":"AAAA,SAASA,aAAT,EAA0CC,UAA1C,QAA4D,OAA5D;AAMA,MAAMC,OAAO,gBAAGF,aAAa,CAA4B,IAA5B,CAA7B;AACA,OAAO,MAAMG,cAAc,GAAGD,OAAO,CAACE,QAA/B;AACP,OAAO,MAAMC,gBAAgB,GAAG,MAAMJ,UAAU,CAACC,OAAD,CAAzC","sourcesContent":["import { createContext, MutableRefObject, useContext } from 'react';\n\nexport interface PopperContextProps {\n  arrowRef: MutableRefObject<HTMLSpanElement | null>;\n}\n\nconst context = createContext<PopperContextProps | null>(null);\nexport const PopperProvider = context.Provider;\nexport const usePopperContext = () => useContext(context);\n"],"file":"context.js"}
+{"version":3,"sources":["../../../src/Popper/context.ts"],"names":["createContext","useContext","context","PopperProvider","Provider","usePopperContext"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAMA,IAAMC,OAAO,gBAAGF,aAAa,CAA4B,IAA5B,CAA7B;AACA,OAAO,IAAMG,cAAc,GAAGD,OAAO,CAACE,QAA/B;AACP,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAMJ,UAAU,CAACC,OAAD,CAAhB;AAAA,CAAzB","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nexport interface PopperContextProps {\n  arrowRef: MutableRefObject<HTMLSpanElement | null>;\n}\n\nconst context = createContext<PopperContextProps | null>(null);\nexport const PopperProvider = context.Provider;\nexport const usePopperContext = () => useContext(context);\n"],"file":"context.js"}

package/build/esm/Portal/Portal.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 export interface PortalProps {
     children?: ReactNode;
     selector?: string;

package/build/esm/Portal/Portal.js

@@ -1,14 +1,15 @@
 import { createPortal } from 'react-dom';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Portal = ({
-  children,
-  selector = 'body'
-}) => {
+export var Portal = function Portal(_ref) {
+  var children = _ref.children,
+      _ref$selector = _ref.selector,
+      selector = _ref$selector === void 0 ? 'body' : _ref$selector;
+
   if (typeof window === 'undefined') {
     return null;
   }
 
-  const dom = document.querySelector(selector);
+  var dom = document.querySelector(selector);
 
   if (dom) {
     return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx("div", {

package/build/esm/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Portal/Portal.tsx"],"names":["createPortal","Portal","children","selector","window","dom","document","querySelector"],"mappings":"AACA,SAASA,YAAT,QAA6B,WAA7B;;AAOA,OAAO,MAAMC,MAAuB,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAQ,GAAG;AAAvB,CAAD,KAAqC;AAC1E,MAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjC,WAAO,IAAP;AACD;;AAED,QAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuBJ,QAAvB,CAAZ;;AACA,MAAIE,GAAJ,EAAS;AACP,wBAAOL,YAAY,eAAC;AAAK,qBAAY,EAAjB;AAAA,gBAAqBE;AAArB,MAAD,EAAuCG,GAAvC,CAAnB;AACD;;AAED,SAAO,IAAP;AACD,CAXM","sourcesContent":["import { FC, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  children?: ReactNode;\n  selector?: string;\n}\n\nexport const Portal: FC<PortalProps> = ({ children, selector = 'body' }) => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const dom = document.querySelector(selector);\n  if (dom) {\n    return createPortal(<div data-portal=\"\">{children}</div>, dom);\n  }\n\n  return null;\n};\n"],"file":"Portal.js"}
+{"version":3,"sources":["../../../src/Portal/Portal.tsx"],"names":["createPortal","Portal","children","selector","window","dom","document","querySelector"],"mappings":"AACA,SAASA,YAAT,QAA6B,WAA7B;;AAOA,OAAO,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B,OAAqC;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,2BAAxBC,QAAwB;AAAA,MAAxBA,QAAwB,8BAAb,MAAa;;AAC1E,MAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjC,WAAO,IAAP;AACD;;AAED,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAT,CAAuBJ,QAAvB,CAAZ;;AACA,MAAIE,GAAJ,EAAS;AACP,wBAAOL,YAAY,eAAC;AAAK,qBAAY,EAAjB;AAAA,gBAAqBE;AAArB,MAAD,EAAuCG,GAAvC,CAAnB;AACD;;AAED,SAAO,IAAP;AACD,CAXM","sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  children?: ReactNode;\n  selector?: string;\n}\n\nexport const Portal: FC<PortalProps> = ({ children, selector = 'body' }) => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  const dom = document.querySelector(selector);\n  if (dom) {\n    return createPortal(<div data-portal=\"\">{children}</div>, dom);\n  }\n\n  return null;\n};\n"],"file":"Portal.js"}

package/build/esm/RadioButton/RadioButton.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { RadioValue } from './context';
+import * as React from 'react';
+import type { RadioValue } from './context';
 export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value'> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/RadioButton/RadioButton.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { useRadioGroupContext } from './context';
 import { wrapEvent } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const RadioButton = /*#__PURE__*/forwardRef(function RadioButton(props, forwardedRef) {
-  const {
-    as: Comp = 'input',
-    value: valueProp,
-    onChange: onChangeProp,
-    checked: checkedProp,
-    name: nameProp
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "value", "onChange", "checked", "name"]);
+export var RadioButton = /*#__PURE__*/forwardRef(function RadioButton(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'input' : _props$as,
+      valueProp = props.value,
+      onChangeProp = props.onChange,
+      checkedProp = props.checked,
+      nameProp = props.name,
+      otherProps = _objectWithoutProperties(props, ["as", "value", "onChange", "checked", "name"]);
 
-  const radioGroupContext = useRadioGroupContext();
+  var radioGroupContext = useRadioGroupContext();
 
-  const handleChange = e => {
+  var handleChange = function handleChange(e) {
     radioGroupContext == null ? void 0 : radioGroupContext.onChange == null ? void 0 : radioGroupContext.onChange(e, valueProp);
   };
 
-  const checked = radioGroupContext ? radioGroupContext.value === valueProp : checkedProp;
+  var checked = radioGroupContext ? radioGroupContext.value === valueProp : checkedProp;
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: forwardedRef,
     type: "radio",

package/build/esm/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioButton/RadioButton.tsx"],"names":["forwardRef","useRadioGroupContext","wrapEvent","RadioButton","props","forwardedRef","as","Comp","value","valueProp","onChange","onChangeProp","checked","checkedProp","name","nameProp","otherProps","radioGroupContext","handleChange","e","String"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAAqBC,oBAArB,QAAiD,WAAjD;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,MAAMC,WAAW,gBAAGH,UAAU,CACnC,SAASG,WAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA0C;AACxC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,OADP;AAEJC,IAAAA,KAAK,EAAEC,SAFH;AAGJC,IAAAA,QAAQ,EAAEC,YAHN;AAIJC,IAAAA,OAAO,EAAEC,WAJL;AAKJC,IAAAA,IAAI,EAAEC;AALF,MAOFX,KAPJ;AAAA,QAMKY,UANL,iCAOIZ,KAPJ;;AAQA,QAAMa,iBAAiB,GAAGhB,oBAAoB,EAA9C;;AAEA,QAAMiB,YAAY,GAAIC,CAAD,IAA4C;AAC/DF,IAAAA,iBAAiB,QAAjB,YAAAA,iBAAiB,CAAEP,QAAnB,oBAAAO,iBAAiB,CAAEP,QAAnB,CAA8BS,CAA9B,EAAiCV,SAAjC;AACD,GAFD;;AAIA,QAAMG,OAAO,GAAGK,iBAAiB,GAC7BA,iBAAiB,CAACT,KAAlB,KAA4BC,SADC,GAE7BI,WAFJ;AAIA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAER,YADP;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,OAAO,EAAEO,OAHX;AAIE,oBAAcQ,MAAM,CAACR,OAAD,CAJtB;AAKE,IAAA,IAAI,EAAEK,iBAAiB,GAAGA,iBAAiB,CAACH,IAArB,GAA4BC,QALrD;AAME,IAAA,QAAQ,EAAEb,SAAS,CAACS,YAAD,EAAeO,YAAf,CANrB;AAOE,IAAA,KAAK,EAAET;AAPT,KAQMO,UARN,EADF;AAYD,CAhCkC,CAA9B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { RadioValue, useRadioGroupContext } from './context';\nimport { wrapEvent } from '../utils';\n\nexport interface RadioButtonProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  checked?: boolean;\n  value: RadioValue;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n  function RadioButton(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      value: valueProp,\n      onChange: onChangeProp,\n      checked: checkedProp,\n      name: nameProp,\n      ...otherProps\n    } = props;\n    const radioGroupContext = useRadioGroupContext();\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      radioGroupContext?.onChange?.(e, valueProp);\n    };\n\n    const checked = radioGroupContext\n      ? radioGroupContext.value === valueProp\n      : checkedProp;\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        type=\"radio\"\n        checked={checked}\n        aria-checked={String(checked)}\n        name={radioGroupContext ? radioGroupContext.name : nameProp}\n        onChange={wrapEvent(onChangeProp, handleChange)}\n        value={valueProp}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"RadioButton.js"}
+{"version":3,"sources":["../../../src/RadioButton/RadioButton.tsx"],"names":["forwardRef","React","useRadioGroupContext","wrapEvent","RadioButton","props","forwardedRef","as","Comp","valueProp","value","onChangeProp","onChange","checkedProp","checked","nameProp","name","otherProps","radioGroupContext","handleChange","e","String"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,oBAAT,QAAqC,WAArC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,WAAW,gBAAGJ,UAAU,CACnC,SAASI,WAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA0C;AAAA,kBAQpCD,KARoC,CAEtCE,EAFsC;AAAA,MAElCC,IAFkC,0BAE3B,OAF2B;AAAA,MAG/BC,SAH+B,GAQpCJ,KARoC,CAGtCK,KAHsC;AAAA,MAI5BC,YAJ4B,GAQpCN,KARoC,CAItCO,QAJsC;AAAA,MAK7BC,WAL6B,GAQpCR,KARoC,CAKtCS,OALsC;AAAA,MAMhCC,QANgC,GAQpCV,KARoC,CAMtCW,IANsC;AAAA,MAOnCC,UAPmC,4BAQpCZ,KARoC;;AASxC,MAAMa,iBAAiB,GAAGhB,oBAAoB,EAA9C;;AAEA,MAAMiB,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAA4C;AAC/DF,IAAAA,iBAAiB,QAAjB,YAAAA,iBAAiB,CAAEN,QAAnB,oBAAAM,iBAAiB,CAAEN,QAAnB,CAA8BQ,CAA9B,EAAiCX,SAAjC;AACD,GAFD;;AAIA,MAAMK,OAAO,GAAGI,iBAAiB,GAC7BA,iBAAiB,CAACR,KAAlB,KAA4BD,SADC,GAE7BI,WAFJ;AAIA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEP,YADP;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,OAAO,EAAEQ,OAHX;AAIE,oBAAcO,MAAM,CAACP,OAAD,CAJtB;AAKE,IAAA,IAAI,EAAEI,iBAAiB,GAAGA,iBAAiB,CAACF,IAArB,GAA4BD,QALrD;AAME,IAAA,QAAQ,EAAEZ,SAAS,CAACQ,YAAD,EAAeQ,YAAf,CANrB;AAOE,IAAA,KAAK,EAAEV;AAPT,KAQMQ,UARN,EADF;AAYD,CAhCkC,CAA9B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport type { RadioValue } from './context';\nimport { useRadioGroupContext } from './context';\nimport { wrapEvent } from '../utils';\n\nexport interface RadioButtonProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  checked?: boolean;\n  value: RadioValue;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n  function RadioButton(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      value: valueProp,\n      onChange: onChangeProp,\n      checked: checkedProp,\n      name: nameProp,\n      ...otherProps\n    } = props;\n    const radioGroupContext = useRadioGroupContext();\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      radioGroupContext?.onChange?.(e, valueProp);\n    };\n\n    const checked = radioGroupContext\n      ? radioGroupContext.value === valueProp\n      : checkedProp;\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        type=\"radio\"\n        checked={checked}\n        aria-checked={String(checked)}\n        name={radioGroupContext ? radioGroupContext.name : nameProp}\n        onChange={wrapEvent(onChangeProp, handleChange)}\n        value={valueProp}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"RadioButton.js"}

package/build/esm/RadioButton/RadioGroup.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { RadioValue } from './context';
+import * as React from 'react';
+import type { RadioValue } from './context';
 export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value' | 'defaultValue'> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/RadioButton/RadioGroup.js

@@ -1,27 +1,34 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useId } from 'react';
+import * as React from 'react';
 import { RadioGroupProvider } from './context';
 import { useControlledState } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const RadioGroup = /*#__PURE__*/forwardRef(function RadioGroup(props, forwardedRef) {
-  const {
-    as: Comp = 'div',
-    onChange: onChangeProp,
-    value: valueProp,
-    name: nameProp,
-    defaultValue
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "onChange", "value", "name", "defaultValue"]);
+export var RadioGroup = /*#__PURE__*/forwardRef(function RadioGroup(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'div' : _props$as,
+      onChangeProp = props.onChange,
+      valueProp = props.value,
+      nameProp = props.name,
+      defaultValue = props.defaultValue,
+      otherProps = _objectWithoutProperties(props, ["as", "onChange", "value", "name", "defaultValue"]);
 
-  const [value, onChange] = useControlledState(valueProp, onChangeProp, defaultValue, setValue => (e, value) => {
-    setValue(value);
-  });
-  const fallbackId = useId();
+  var _useControlledState = useControlledState(valueProp, onChangeProp, defaultValue, function (setValue) {
+    return function (e, value) {
+      setValue(value);
+    };
+  }),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      value = _useControlledState2[0],
+      onChange = _useControlledState2[1];
+
+  var fallbackId = useId();
   return /*#__PURE__*/_jsx(RadioGroupProvider, {
     value: {
-      value,
-      onChange,
+      value: value,
+      onChange: onChange,
       name: nameProp || fallbackId
     },
     children: /*#__PURE__*/_jsx(Comp, _extends({

package/build/esm/RadioButton/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioButton/RadioGroup.tsx"],"names":["forwardRef","useId","RadioGroupProvider","useControlledState","RadioGroup","props","forwardedRef","as","Comp","onChange","onChangeProp","value","valueProp","name","nameProp","defaultValue","otherProps","setValue","e","fallbackId"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,kBAAT,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAmBA,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AACvC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KADP;AAEJC,IAAAA,QAAQ,EAAEC,YAFN;AAGJC,IAAAA,KAAK,EAAEC,SAHH;AAIJC,IAAAA,IAAI,EAAEC,QAJF;AAKJC,IAAAA;AALI,MAOFV,KAPJ;AAAA,QAMKW,UANL,iCAOIX,KAPJ;;AAQA,QAAM,CAACM,KAAD,EAAQF,QAAR,IAAoBN,kBAAkB,CAC1CS,SAD0C,EAE1CF,YAF0C,EAG1CK,YAH0C,EAIzCE,QAAD,IAAc,CAACC,CAAD,EAAIP,KAAJ,KAAc;AAC1BM,IAAAA,QAAQ,CAACN,KAAD,CAAR;AACD,GANyC,CAA5C;AASA,QAAMQ,UAAU,GAAGlB,KAAK,EAAxB;AAEA,sBACE,KAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLU,MAAAA,KADK;AAELF,MAAAA,QAFK;AAGLI,MAAAA,IAAI,EAAEC,QAAQ,IAAIK;AAHb,KADT;AAAA,2BAOE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEb,YAAX;AAAyB,MAAA,IAAI,EAAC;AAA9B,OAA+CU,UAA/C;AAPF,IADF;AAWD,CAhCiC,CAA7B","sourcesContent":["import { forwardRef, useId } from 'react';\nimport type * as React from 'react';\nimport { RadioGroupProvider, RadioValue } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface RadioGroupProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange' | 'value' | 'defaultValue'\n  > {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  value?: RadioValue;\n  defaultValue?: RadioValue;\n  name?: string;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement>,\n    value: RadioValue\n  ) => void;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      onChange: onChangeProp,\n      value: valueProp,\n      name: nameProp,\n      defaultValue,\n      ...otherProps\n    } = props;\n    const [value, onChange] = useControlledState(\n      valueProp,\n      onChangeProp,\n      defaultValue,\n      (setValue) => (e, value) => {\n        setValue(value);\n      }\n    );\n\n    const fallbackId = useId();\n\n    return (\n      <RadioGroupProvider\n        value={{\n          value,\n          onChange,\n          name: nameProp || fallbackId,\n        }}\n      >\n        <Comp ref={forwardedRef} role=\"radiogroup\" {...otherProps} />\n      </RadioGroupProvider>\n    );\n  }\n);\n"],"file":"RadioGroup.js"}
+{"version":3,"sources":["../../../src/RadioButton/RadioGroup.tsx"],"names":["forwardRef","useId","React","RadioGroupProvider","useControlledState","RadioGroup","props","forwardedRef","as","Comp","onChangeProp","onChange","valueProp","value","nameProp","name","defaultValue","otherProps","setValue","e","fallbackId"],"mappings":";;;AAAA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAmBA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAClC,SAASK,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,kBAQnCD,KARmC,CAErCE,EAFqC;AAAA,MAEjCC,IAFiC,0BAE1B,KAF0B;AAAA,MAG3BC,YAH2B,GAQnCJ,KARmC,CAGrCK,QAHqC;AAAA,MAI9BC,SAJ8B,GAQnCN,KARmC,CAIrCO,KAJqC;AAAA,MAK/BC,QAL+B,GAQnCR,KARmC,CAKrCS,IALqC;AAAA,MAMrCC,YANqC,GAQnCV,KARmC,CAMrCU,YANqC;AAAA,MAOlCC,UAPkC,4BAQnCX,KARmC;;AAAA,4BASbF,kBAAkB,CAC1CQ,SAD0C,EAE1CF,YAF0C,EAG1CM,YAH0C,EAI1C,UAACE,QAAD;AAAA,WAAc,UAACC,CAAD,EAAIN,KAAJ,EAAc;AAC1BK,MAAAA,QAAQ,CAACL,KAAD,CAAR;AACD,KAFD;AAAA,GAJ0C,CATL;AAAA;AAAA,MAShCA,KATgC;AAAA,MASzBF,QATyB;;AAkBvC,MAAMS,UAAU,GAAGnB,KAAK,EAAxB;AAEA,sBACE,KAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLY,MAAAA,KAAK,EAALA,KADK;AAELF,MAAAA,QAAQ,EAARA,QAFK;AAGLI,MAAAA,IAAI,EAAED,QAAQ,IAAIM;AAHb,KADT;AAAA,2BAOE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEb,YAAX;AAAyB,MAAA,IAAI,EAAC;AAA9B,OAA+CU,UAA/C;AAPF,IADF;AAWD,CAhCiC,CAA7B","sourcesContent":["import { forwardRef, useId } from 'react';\nimport * as React from 'react';\n\nimport type { RadioValue } from './context';\nimport { RadioGroupProvider } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface RadioGroupProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange' | 'value' | 'defaultValue'\n  > {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  value?: RadioValue;\n  defaultValue?: RadioValue;\n  name?: string;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement>,\n    value: RadioValue\n  ) => void;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      onChange: onChangeProp,\n      value: valueProp,\n      name: nameProp,\n      defaultValue,\n      ...otherProps\n    } = props;\n    const [value, onChange] = useControlledState(\n      valueProp,\n      onChangeProp,\n      defaultValue,\n      (setValue) => (e, value) => {\n        setValue(value);\n      }\n    );\n\n    const fallbackId = useId();\n\n    return (\n      <RadioGroupProvider\n        value={{\n          value,\n          onChange,\n          name: nameProp || fallbackId,\n        }}\n      >\n        <Comp ref={forwardedRef} role=\"radiogroup\" {...otherProps} />\n      </RadioGroupProvider>\n    );\n  }\n);\n"],"file":"RadioGroup.js"}

package/build/esm/RadioButton/context.js

@@ -1,7 +1,8 @@
 import { createContext, useContext } from 'react';
-const RadioGroupContext = /*#__PURE__*/createContext(undefined);
-export const {
-  Provider: RadioGroupProvider
-} = RadioGroupContext;
-export const useRadioGroupContext = () => useContext(RadioGroupContext);
+var RadioGroupContext = /*#__PURE__*/createContext(undefined);
+var RadioGroupProvider = RadioGroupContext.Provider;
+export { RadioGroupProvider };
+export var useRadioGroupContext = function useRadioGroupContext() {
+  return useContext(RadioGroupContext);
+};
 //# sourceMappingURL=context.js.map

package/build/esm/RadioButton/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioButton/context.ts"],"names":["createContext","useContext","RadioGroupContext","undefined","Provider","RadioGroupProvider","useRadioGroupContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAcA,MAAMC,iBAAiB,gBAAGF,aAAa,CACrCG,SADqC,CAAvC;AAGA,OAAO,MAAM;AAAEC,EAAAA,QAAQ,EAAEC;AAAZ,IAAmCH,iBAAzC;AACP,OAAO,MAAMI,oBAAoB,GAAG,MAAML,UAAU,CAACC,iBAAD,CAA7C","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type RadioValue = string | number | boolean;\n\n// RadioGroup Component\nexport interface RadioGroupContextProps {\n  value: RadioValue | undefined;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement>,\n    value: RadioValue\n  ) => void;\n  name: string | undefined;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextProps | undefined>(\n  undefined\n);\nexport const { Provider: RadioGroupProvider } = RadioGroupContext;\nexport const useRadioGroupContext = () => useContext(RadioGroupContext);\n"],"file":"context.js"}
+{"version":3,"sources":["../../../src/RadioButton/context.ts"],"names":["createContext","useContext","RadioGroupContext","undefined","RadioGroupProvider","Provider","useRadioGroupContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAcA,IAAMC,iBAAiB,gBAAGF,aAAa,CACrCG,SADqC,CAAvC;IAGyBC,kB,GAAuBF,iB,CAAjCG,Q;;AACf,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,SAAML,UAAU,CAACC,iBAAD,CAAhB;AAAA,CAA7B","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type RadioValue = string | number | boolean;\n\n// RadioGroup Component\nexport interface RadioGroupContextProps {\n  value: RadioValue | undefined;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement>,\n    value: RadioValue\n  ) => void;\n  name: string | undefined;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextProps | undefined>(\n  undefined\n);\nexport const { Provider: RadioGroupProvider } = RadioGroupContext;\nexport const useRadioGroupContext = () => useContext(RadioGroupContext);\n"],"file":"context.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface SkipNavProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/SkipNav/SkipNav.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const SkipNav = /*#__PURE__*/forwardRef(function SkipNav(props, forwardedRef) {
-  const {
-    as: Comp = 'div'
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as"]);
+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, ["as"]);
 
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: forwardedRef

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/SkipNav/SkipNav.tsx"],"names":["forwardRef","SkipNav","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;;AASA,OAAO,MAAMC,OAAO,gBAAGD,UAAU,CAC/B,SAASC,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AACpC,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG;AAAb,MAAsCH,KAA5C;AAAA,QAA6BI,UAA7B,iCAA4CJ,KAA5C;;AAEA,sBAAO,KAAC,IAAD;AAAM,IAAA,GAAG,EAAEC;AAAX,KAA6BG,UAA7B,EAAP;AACD,CAL8B,CAA1B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\n\nexport interface SkipNavProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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"],"file":"SkipNav.js"}
+{"version":3,"sources":["../../../src/SkipNav/SkipNav.tsx"],"names":["forwardRef","React","SkipNav","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;;AAQA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAC/B,SAASE,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AAAA,kBACQD,KADR,CAC5BE,EAD4B;AAAA,MACxBC,IADwB,0BACjB,KADiB;AAAA,MACPC,UADO,4BACQJ,KADR;;AAGpC,sBAAO,KAAC,IAAD;AAAM,IAAA,GAAG,EAAEC;AAAX,KAA6BG,UAA7B,EAAP;AACD,CAL8B,CAA1B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nexport interface SkipNavProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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"],"file":"SkipNav.js"}

package/build/esm/Spinner/Spinner.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface SpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/Spinner/Spinner.js

@@ -1,31 +1,42 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useState, useRef } from 'react';
+import * as React from 'react';
 import { SpinnerProvider } from './context';
 import { clamp as clampFunc } from '../utils/clamp';
 import { wrapEvent, assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Spinner = /*#__PURE__*/forwardRef(function Spinner(props, forwardedRef) {
-  const {
-    as: Comp = 'div',
-    minValue = -1000,
-    maxValue = 1000,
-    stepSize = 10,
-    value = 0,
-    onChange,
-    onKeyDown,
-    onBlur,
-    onFocus
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "minValue", "maxValue", "stepSize", "value", "onChange", "onKeyDown", "onBlur", "onFocus"]);
-
-  const [spinnerHasFocus, setSpinnerHasFocus] = useState(false);
-  const ref = useRef();
-
-  const clamp = value => clampFunc(value, minValue, maxValue);
-
-  const handleKeyDown = e => {
-    let nextValue = value;
+export var Spinner = /*#__PURE__*/forwardRef(function Spinner(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'div' : _props$as,
+      _props$minValue = props.minValue,
+      minValue = _props$minValue === void 0 ? -1000 : _props$minValue,
+      _props$maxValue = props.maxValue,
+      maxValue = _props$maxValue === void 0 ? 1000 : _props$maxValue,
+      _props$stepSize = props.stepSize,
+      stepSize = _props$stepSize === void 0 ? 10 : _props$stepSize,
+      _props$value = props.value,
+      value = _props$value === void 0 ? 0 : _props$value,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      onBlur = props.onBlur,
+      onFocus = props.onFocus,
+      otherProps = _objectWithoutProperties(props, ["as", "minValue", "maxValue", "stepSize", "value", "onChange", "onKeyDown", "onBlur", "onFocus"]);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      spinnerHasFocus = _useState2[0],
+      setSpinnerHasFocus = _useState2[1];
+
+  var ref = useRef();
+
+  var clamp = function clamp(value) {
+    return clampFunc(value, minValue, maxValue);
+  };
+
+  var handleKeyDown = function handleKeyDown(e) {
+    var nextValue = value;
 
     switch (e.key) {
       case 'ArrowUp':
@@ -66,23 +77,23 @@ export const Spinner = /*#__PURE__*/forwardRef(function Spinner(props, forwarded
     }
   };
 
-  const handleFocus = () => {
+  var handleFocus = function handleFocus() {
     setSpinnerHasFocus(true);
   };
 
-  const handleBlur = () => {
+  var handleBlur = function handleBlur() {
     setSpinnerHasFocus(false);
   };
 
   return /*#__PURE__*/_jsx(SpinnerProvider, {
     value: {
-      minValue,
-      value,
-      maxValue,
-      stepSize,
-      onChange,
-      clamp,
-      spinnerHasFocus
+      minValue: minValue,
+      value: value,
+      maxValue: maxValue,
+      stepSize: stepSize,
+      onChange: onChange,
+      clamp: clamp,
+      spinnerHasFocus: spinnerHasFocus
     },
     children: /*#__PURE__*/_jsx(Comp, _extends({
       ref: assignMultipleRefs(forwardedRef, ref),

package/build/esm/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Spinner/Spinner.tsx"],"names":["forwardRef","useState","useRef","SpinnerProvider","clamp","clampFunc","wrapEvent","assignMultipleRefs","Spinner","props","forwardedRef","as","Comp","minValue","maxValue","stepSize","value","onChange","onKeyDown","onBlur","onFocus","otherProps","spinnerHasFocus","setSpinnerHasFocus","ref","handleKeyDown","e","nextValue","key","current","focus","preventDefault","handleFocus","handleBlur"],"mappings":"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","sourcesContent":["import { forwardRef, useState, useRef } from 'react';\nimport type * as React from 'react';\nimport { SpinnerProvider } from './context';\nimport { clamp as clampFunc } from '../utils/clamp';\nimport { wrapEvent, assignMultipleRefs } from '../utils';\n\nexport interface SpinnerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  value?: number;\n  minValue?: number;\n  maxValue?: number;\n  stepSize?: number;\n  onChange?: (\n    e:\n      | React.MouseEvent<HTMLButtonElement>\n      | React.KeyboardEvent<HTMLDivElement>,\n    value: number\n  ) => void;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(\n  function Spinner(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      minValue = -1000,\n      maxValue = 1000,\n      stepSize = 10,\n      value = 0,\n      onChange,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      ...otherProps\n    } = props;\n    const [spinnerHasFocus, setSpinnerHasFocus] = useState(false);\n    const ref = useRef<HTMLDivElement>();\n\n    const clamp = (value: number) => clampFunc(value, minValue, maxValue);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      let nextValue = value;\n      switch (e.key) {\n        case 'ArrowUp':\n          nextValue += 1;\n          break;\n        case 'ArrowDown':\n          nextValue -= 1;\n          break;\n        case 'Home':\n          nextValue = minValue;\n          break;\n        case 'End':\n          nextValue = maxValue;\n          break;\n        case 'PageUp':\n          nextValue += stepSize;\n          break;\n        case 'PageDown':\n          nextValue -= stepSize;\n          break;\n        default:\n          return;\n      }\n\n      ref.current && ref.current.focus();\n      nextValue = clamp(nextValue);\n      if (nextValue !== value) {\n        e.preventDefault(); // prevent scrolling\n        onChange && onChange(e, nextValue);\n      }\n    };\n\n    const handleFocus = () => {\n      setSpinnerHasFocus(true);\n    };\n\n    const handleBlur = () => {\n      setSpinnerHasFocus(false);\n    };\n\n    return (\n      <SpinnerProvider\n        value={{\n          minValue,\n          value,\n          maxValue,\n          stepSize,\n          onChange,\n          clamp,\n          spinnerHasFocus,\n        }}\n      >\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, ref)}\n          data-spinner-root=\"\"\n          role=\"spinbutton\"\n          aria-valuenow={value}\n          aria-valuemin={minValue}\n          aria-valuemax={maxValue}\n          tabIndex={0}\n          onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n          onFocus={wrapEvent(onFocus, handleFocus)}\n          onBlur={wrapEvent(onBlur, handleBlur)}\n          {...otherProps}\n        />\n      </SpinnerProvider>\n    );\n  }\n);\n"],"file":"Spinner.js"}
+{"version":3,"sources":["../../../src/Spinner/Spinner.tsx"],"names":["forwardRef","useState","useRef","React","SpinnerProvider","clamp","clampFunc","wrapEvent","assignMultipleRefs","Spinner","props","forwardedRef","as","Comp","minValue","maxValue","stepSize","value","onChange","onKeyDown","onBlur","onFocus","otherProps","spinnerHasFocus","setSpinnerHasFocus","ref","handleKeyDown","e","nextValue","key","current","focus","preventDefault","handleFocus","handleBlur"],"mappings":"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","sourcesContent":["import { forwardRef, useState, useRef } from 'react';\nimport * as React from 'react';\n\nimport { SpinnerProvider } from './context';\nimport { clamp as clampFunc } from '../utils/clamp';\nimport { wrapEvent, assignMultipleRefs } from '../utils';\n\nexport interface SpinnerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  value?: number;\n  minValue?: number;\n  maxValue?: number;\n  stepSize?: number;\n  onChange?: (\n    e:\n      | React.MouseEvent<HTMLButtonElement>\n      | React.KeyboardEvent<HTMLDivElement>,\n    value: number\n  ) => void;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(\n  function Spinner(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      minValue = -1000,\n      maxValue = 1000,\n      stepSize = 10,\n      value = 0,\n      onChange,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      ...otherProps\n    } = props;\n    const [spinnerHasFocus, setSpinnerHasFocus] = useState(false);\n    const ref = useRef<HTMLDivElement>();\n\n    const clamp = (value: number) => clampFunc(value, minValue, maxValue);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      let nextValue = value;\n      switch (e.key) {\n        case 'ArrowUp':\n          nextValue += 1;\n          break;\n        case 'ArrowDown':\n          nextValue -= 1;\n          break;\n        case 'Home':\n          nextValue = minValue;\n          break;\n        case 'End':\n          nextValue = maxValue;\n          break;\n        case 'PageUp':\n          nextValue += stepSize;\n          break;\n        case 'PageDown':\n          nextValue -= stepSize;\n          break;\n        default:\n          return;\n      }\n\n      ref.current && ref.current.focus();\n      nextValue = clamp(nextValue);\n      if (nextValue !== value) {\n        e.preventDefault(); // prevent scrolling\n        onChange && onChange(e, nextValue);\n      }\n    };\n\n    const handleFocus = () => {\n      setSpinnerHasFocus(true);\n    };\n\n    const handleBlur = () => {\n      setSpinnerHasFocus(false);\n    };\n\n    return (\n      <SpinnerProvider\n        value={{\n          minValue,\n          value,\n          maxValue,\n          stepSize,\n          onChange,\n          clamp,\n          spinnerHasFocus,\n        }}\n      >\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, ref)}\n          data-spinner-root=\"\"\n          role=\"spinbutton\"\n          aria-valuenow={value}\n          aria-valuemin={minValue}\n          aria-valuemax={maxValue}\n          tabIndex={0}\n          onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n          onFocus={wrapEvent(onFocus, handleFocus)}\n          onBlur={wrapEvent(onBlur, handleBlur)}\n          {...otherProps}\n        />\n      </SpinnerProvider>\n    );\n  }\n);\n"],"file":"Spinner.js"}

package/build/esm/Spinner/SpinnerButton.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface SpinnerButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/Spinner/SpinnerButton.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { useSpinnerContext } from './context';
 import { wrapEvent } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const SpinnerButton = /*#__PURE__*/forwardRef(function SpinnerButton(props, forwardedRef) {
-  const {
-    as: Comp = 'button',
-    type,
-    onClick
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "type", "onClick"]);
+export var SpinnerButton = /*#__PURE__*/forwardRef(function SpinnerButton(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'button' : _props$as,
+      type = props.type,
+      onClick = props.onClick,
+      otherProps = _objectWithoutProperties(props, ["as", "type", "onClick"]);
 
-  const spinnerContext = useSpinnerContext();
+  var spinnerContext = useSpinnerContext();
 
   if (!spinnerContext) {
     throw new Error('Missing <Spinner /> in component tree');
   }
 
-  const handleClick = e => {
-    const delta = type === 'next' ? 1 : -1;
+  var handleClick = function handleClick(e) {
+    var delta = type === 'next' ? 1 : -1;
     spinnerContext.onChange && spinnerContext.onChange(e, spinnerContext.value + delta);
   };
 
-  const disabled = type === 'next' ? spinnerContext.value + 1 > spinnerContext.maxValue : spinnerContext.value - 1 < spinnerContext.minValue;
+  var disabled = type === 'next' ? spinnerContext.value + 1 > spinnerContext.maxValue : spinnerContext.value - 1 < spinnerContext.minValue;
   return /*#__PURE__*/_jsx(Comp, _extends({}, otherProps, {
     type: "button",
     ref: forwardedRef,

package/build/esm/Spinner/SpinnerButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Spinner/SpinnerButton.tsx"],"names":["forwardRef","useSpinnerContext","wrapEvent","SpinnerButton","props","forwardedRef","as","Comp","type","onClick","otherProps","spinnerContext","Error","handleClick","e","delta","onChange","value","disabled","maxValue","minValue","spinnerHasFocus","undefined"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAUA,OAAO,MAAMC,aAAa,gBAAGH,UAAU,CACrC,SAASG,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAC1C,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,QAAb;AAAuBC,IAAAA,IAAvB;AAA6BC,IAAAA;AAA7B,MAAwDL,KAA9D;AAAA,QAA+CM,UAA/C,iCAA8DN,KAA9D;;AACA,QAAMO,cAAc,GAAGV,iBAAiB,EAAxC;;AAEA,MAAI,CAACU,cAAL,EAAqB;AACnB,UAAM,IAAIC,KAAJ,CAAU,uCAAV,CAAN;AACD;;AAED,QAAMC,WAAW,GAAIC,CAAD,IAA4C;AAC9D,UAAMC,KAAK,GAAGP,IAAI,KAAK,MAAT,GAAkB,CAAlB,GAAsB,CAAC,CAArC;AAEAG,IAAAA,cAAc,CAACK,QAAf,IACEL,cAAc,CAACK,QAAf,CAAwBF,CAAxB,EAA2BH,cAAc,CAACM,KAAf,GAAuBF,KAAlD,CADF;AAED,GALD;;AAOA,QAAMG,QAAQ,GACZV,IAAI,KAAK,MAAT,GACIG,cAAc,CAACM,KAAf,GAAuB,CAAvB,GAA2BN,cAAc,CAACQ,QAD9C,GAEIR,cAAc,CAACM,KAAf,GAAuB,CAAvB,GAA2BN,cAAc,CAACS,QAHhD;AAKA,sBACE,KAAC,IAAD,eACMV,UADN;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,GAAG,EAAEL,YAHP;AAIE,IAAA,QAAQ,EAAE,CAAC,CAJb;AAKE,2BAAoB,EALtB;AAME,8BAAwBM,cAAc,CAACU,eAAf,GAAiC,EAAjC,GAAsCC,SANhE;AAOE,IAAA,QAAQ,EAAEJ,QAPZ;AAQE,IAAA,OAAO,EAAEhB,SAAS,CAACO,OAAD,EAAUI,WAAV;AARpB,KADF;AAYD,CAjCoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { useSpinnerContext } from './context';\nimport { wrapEvent } from '../utils';\n\nexport interface SpinnerButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  type: 'next' | 'previous';\n}\n\nexport const SpinnerButton = forwardRef<HTMLButtonElement, SpinnerButtonProps>(\n  function SpinnerButton(props, forwardedRef) {\n    const { as: Comp = 'button', type, onClick, ...otherProps } = props;\n    const spinnerContext = useSpinnerContext();\n\n    if (!spinnerContext) {\n      throw new Error('Missing <Spinner /> in component tree');\n    }\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      const delta = type === 'next' ? 1 : -1;\n\n      spinnerContext.onChange &&\n        spinnerContext.onChange(e, spinnerContext.value + delta);\n    };\n\n    const disabled =\n      type === 'next'\n        ? spinnerContext.value + 1 > spinnerContext.maxValue\n        : spinnerContext.value - 1 < spinnerContext.minValue;\n\n    return (\n      <Comp\n        {...otherProps}\n        type=\"button\"\n        ref={forwardedRef}\n        tabIndex={-1}\n        data-spinner-button=\"\"\n        data-spinner-has-focus={spinnerContext.spinnerHasFocus ? '' : undefined}\n        disabled={disabled}\n        onClick={wrapEvent(onClick, handleClick)}\n      />\n    );\n  }\n);\n"],"file":"SpinnerButton.js"}
+{"version":3,"sources":["../../../src/Spinner/SpinnerButton.tsx"],"names":["forwardRef","React","useSpinnerContext","wrapEvent","SpinnerButton","props","forwardedRef","as","Comp","type","onClick","otherProps","spinnerContext","Error","handleClick","e","delta","onChange","value","disabled","maxValue","minValue","spinnerHasFocus","undefined"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAUA,OAAO,IAAMC,aAAa,gBAAGJ,UAAU,CACrC,SAASI,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,kBACoBD,KADpB,CAClCE,EADkC;AAAA,MAC9BC,IAD8B,0BACvB,QADuB;AAAA,MACbC,IADa,GACoBJ,KADpB,CACbI,IADa;AAAA,MACPC,OADO,GACoBL,KADpB,CACPK,OADO;AAAA,MACKC,UADL,4BACoBN,KADpB;;AAE1C,MAAMO,cAAc,GAAGV,iBAAiB,EAAxC;;AAEA,MAAI,CAACU,cAAL,EAAqB;AACnB,UAAM,IAAIC,KAAJ,CAAU,uCAAV,CAAN;AACD;;AAED,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA4C;AAC9D,QAAMC,KAAK,GAAGP,IAAI,KAAK,MAAT,GAAkB,CAAlB,GAAsB,CAAC,CAArC;AAEAG,IAAAA,cAAc,CAACK,QAAf,IACEL,cAAc,CAACK,QAAf,CAAwBF,CAAxB,EAA2BH,cAAc,CAACM,KAAf,GAAuBF,KAAlD,CADF;AAED,GALD;;AAOA,MAAMG,QAAQ,GACZV,IAAI,KAAK,MAAT,GACIG,cAAc,CAACM,KAAf,GAAuB,CAAvB,GAA2BN,cAAc,CAACQ,QAD9C,GAEIR,cAAc,CAACM,KAAf,GAAuB,CAAvB,GAA2BN,cAAc,CAACS,QAHhD;AAKA,sBACE,KAAC,IAAD,eACMV,UADN;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,GAAG,EAAEL,YAHP;AAIE,IAAA,QAAQ,EAAE,CAAC,CAJb;AAKE,2BAAoB,EALtB;AAME,8BAAwBM,cAAc,CAACU,eAAf,GAAiC,EAAjC,GAAsCC,SANhE;AAOE,IAAA,QAAQ,EAAEJ,QAPZ;AAQE,IAAA,OAAO,EAAEhB,SAAS,CAACO,OAAD,EAAUI,WAAV;AARpB,KADF;AAYD,CAjCoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { useSpinnerContext } from './context';\nimport { wrapEvent } from '../utils';\n\nexport interface SpinnerButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  type: 'next' | 'previous';\n}\n\nexport const SpinnerButton = forwardRef<HTMLButtonElement, SpinnerButtonProps>(\n  function SpinnerButton(props, forwardedRef) {\n    const { as: Comp = 'button', type, onClick, ...otherProps } = props;\n    const spinnerContext = useSpinnerContext();\n\n    if (!spinnerContext) {\n      throw new Error('Missing <Spinner /> in component tree');\n    }\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      const delta = type === 'next' ? 1 : -1;\n\n      spinnerContext.onChange &&\n        spinnerContext.onChange(e, spinnerContext.value + delta);\n    };\n\n    const disabled =\n      type === 'next'\n        ? spinnerContext.value + 1 > spinnerContext.maxValue\n        : spinnerContext.value - 1 < spinnerContext.minValue;\n\n    return (\n      <Comp\n        {...otherProps}\n        type=\"button\"\n        ref={forwardedRef}\n        tabIndex={-1}\n        data-spinner-button=\"\"\n        data-spinner-has-focus={spinnerContext.spinnerHasFocus ? '' : undefined}\n        disabled={disabled}\n        onClick={wrapEvent(onClick, handleClick)}\n      />\n    );\n  }\n);\n"],"file":"SpinnerButton.js"}