@basic-ui/material 1.0.0-alpha.10 → 1.0.0-alpha.13

package/build/esm/Switch/Switch.d.ts

@@ -5,4 +5,4 @@ export interface SwitchProps extends BoxProps<HTMLInputElement, InputHTMLAttribu
     checked?: boolean;
     disabled?: boolean;
 }
-export declare const Switch: import("react").ForwardRefExoticComponent<Pick<SwitchProps, "children" | "form" | "p" | "slot" | "style" | "title" | "pattern" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "value" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "list" | "as" | "size" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "multiple" | "alt" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "src" | "required" | "max" | "min" | "crossOrigin" | "enterKeyHint" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Switch: import("react").ForwardRefExoticComponent<Pick<SwitchProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "value" | "form" | "pattern" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "multiple" | "alt" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "src" | "crossOrigin" | "enterKeyHint" | "max" | "min" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/Switch/Switch.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "disabled", "checked", "onChange", "__css"],
+    _excluded2 = ["as", "disabled", "children"];
 import { forwardRef } from 'react';
 import { CheckBox as _CheckBoxCore } from '@basic-ui/core';
 import { RippleBox } from '../Ripple';
@@ -17,7 +19,7 @@ var SwitchInner = /*#__PURE__*/forwardRef(function SwitchInner(props, forwardedR
       checked = props.checked,
       onChange = props.onChange,
       __css = props.__css,
-      otherProps = _objectWithoutProperties(props, ["as", "disabled", "checked", "onChange", "__css"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var color = checked ? 'primary' : 'on.surface';
   var theme = useTheme();
@@ -32,7 +34,7 @@ var SwitchInner = /*#__PURE__*/forwardRef(function SwitchInner(props, forwardedR
         disabled: disabled
       }), /*#__PURE__*/_jsxs(SwitchThumb, {
         checked: checked,
-        children: [/*#__PURE__*/_jsx(RippleBox, _extends({
+        children: [/*#__PURE__*/_jsx(RippleBox, _extends(_extends({
           as: Comp,
           role: "switch",
           type: "checkbox",
@@ -48,7 +50,7 @@ var SwitchInner = /*#__PURE__*/forwardRef(function SwitchInner(props, forwardedR
           center: true,
           disabled: disabled,
           "data-switch-thumb": ""
-        }, otherProps, {
+        }, otherProps), {}, {
           __css: _extends({
             top: '50%',
             left: '50%',
@@ -77,7 +79,7 @@ export var Switch = /*#__PURE__*/forwardRef(function Switch(props, forwardedRef)
       as = _props$as2 === void 0 ? 'input' : _props$as2,
       disabled = props.disabled,
       children = props.children,
-      otherProps = _objectWithoutProperties(props, ["as", "disabled", "children"]);
+      otherProps = _objectWithoutProperties(props, _excluded2);
 
   var inner = /*#__PURE__*/_jsx(CheckBoxCore, _extends({
     as: SwitchInner,

package/build/esm/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Switch/Switch.tsx"],"names":["forwardRef","CheckBox","_CheckBoxCore","RippleBox","Box","useTheme","SelectionControlLabel","SelectionControlText","SwitchTrail","SwitchThumb","SwitchCircle","CheckBoxCore","SwitchInner","props","forwardedRef","as","Comp","disabled","checked","onChange","__css","otherProps","color","theme","top","left","backgroundColor","transform","width","height","appearance","outline","border","borderRadius","zIndex","position","Switch","children","inner"],"mappings":"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","sourcesContent":["import type { ElementType, FC, InputHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { CheckBox as _CheckBoxCore } from '@basic-ui/core';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport {\n  SelectionControlLabel,\n  SelectionControlText,\n} from '../SelectionControl';\nimport { SwitchTrail, SwitchThumb, SwitchCircle } from './styledComponents';\n\nconst CheckBoxCore: FC<\n  SwitchProps & {\n    innerAs?: ElementType<any>;\n  }\n> = _CheckBoxCore as any;\n\nexport interface SwitchProps\n  extends BoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> {\n  as?: ElementType<any>;\n  checked?: boolean;\n  disabled?: boolean;\n}\n\nconst SwitchInner = forwardRef<HTMLInputElement, SwitchProps>(\n  function SwitchInner(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      disabled,\n      checked,\n      onChange,\n      __css,\n      ...otherProps\n    } = props;\n    const color = checked ? 'primary' : 'on.surface';\n    const theme = useTheme();\n\n    return (\n      <Box p={2} display=\"inline-block\" minWidth=\"auto\">\n        <Box position=\"relative\">\n          <SwitchTrail checked={checked} disabled={disabled} />\n          <SwitchThumb checked={checked}>\n            <RippleBox<\n              RippleBoxProps<\n                HTMLInputElement,\n                InputHTMLAttributes<HTMLInputElement>\n              >\n            >\n              as={Comp}\n              role=\"switch\"\n              type=\"checkbox\"\n              checked={checked}\n              onChange={onChange}\n              theme={theme}\n              ref={forwardedRef}\n              aria-checked={checked ? 'true' : 'false'}\n              rippleColor={color}\n              baseOpacity={0}\n              hoverOpacity={0.04}\n              focusOpacity={0.12}\n              center={true}\n              disabled={disabled}\n              data-switch-thumb=\"\"\n              {...otherProps}\n              __css={{\n                top: '50%',\n                left: '50%',\n                backgroundColor: 'transparent',\n                transform: 'translate(-50%, -50%)',\n                width: '100%',\n                height: '100%',\n                appearance: 'none',\n                ':focus': {\n                  outline: 'none',\n                },\n                border: 'none',\n                borderRadius: 'full',\n                zIndex: 1,\n                position: 'absolute',\n                ...__css,\n              }}\n            />\n            <SwitchCircle checked={checked} />\n          </SwitchThumb>\n        </Box>\n      </Box>\n    );\n  }\n);\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  props,\n  forwardedRef\n) {\n  const { as = 'input', disabled, children, ...otherProps } = props;\n\n  const inner = (\n    <CheckBoxCore\n      as={SwitchInner}\n      innerAs={as}\n      ref={forwardedRef}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n\n  if (!children) {\n    return inner;\n  }\n\n  return (\n    <SelectionControlLabel>\n      {inner}\n      <SelectionControlText disabled={disabled}>\n        {children}\n      </SelectionControlText>\n    </SelectionControlLabel>\n  );\n});\n"],"file":"Switch.js"}
+{"version":3,"file":"Switch.js","names":["forwardRef","CheckBox","_CheckBoxCore","RippleBox","Box","useTheme","SelectionControlLabel","SelectionControlText","SwitchTrail","SwitchThumb","SwitchCircle","CheckBoxCore","SwitchInner","props","forwardedRef","as","Comp","disabled","checked","onChange","__css","otherProps","color","theme","top","left","backgroundColor","transform","width","height","appearance","outline","border","borderRadius","zIndex","position","Switch","children","inner"],"sources":["../../../src/Switch/Switch.tsx"],"sourcesContent":["import type { ElementType, FC, InputHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { CheckBox as _CheckBoxCore } from '@basic-ui/core';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport {\n  SelectionControlLabel,\n  SelectionControlText,\n} from '../SelectionControl';\nimport { SwitchTrail, SwitchThumb, SwitchCircle } from './styledComponents';\n\nconst CheckBoxCore: FC<\n  SwitchProps & {\n    innerAs?: ElementType<any>;\n  }\n> = _CheckBoxCore as any;\n\nexport interface SwitchProps\n  extends BoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> {\n  as?: ElementType<any>;\n  checked?: boolean;\n  disabled?: boolean;\n}\n\nconst SwitchInner = forwardRef<HTMLInputElement, SwitchProps>(\n  function SwitchInner(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      disabled,\n      checked,\n      onChange,\n      __css,\n      ...otherProps\n    } = props;\n    const color = checked ? 'primary' : 'on.surface';\n    const theme = useTheme();\n\n    return (\n      <Box p={2} display=\"inline-block\" minWidth=\"auto\">\n        <Box position=\"relative\">\n          <SwitchTrail checked={checked} disabled={disabled} />\n          <SwitchThumb checked={checked}>\n            <RippleBox<\n              RippleBoxProps<\n                HTMLInputElement,\n                InputHTMLAttributes<HTMLInputElement>\n              >\n            >\n              as={Comp}\n              role=\"switch\"\n              type=\"checkbox\"\n              checked={checked}\n              onChange={onChange}\n              theme={theme}\n              ref={forwardedRef}\n              aria-checked={checked ? 'true' : 'false'}\n              rippleColor={color}\n              baseOpacity={0}\n              hoverOpacity={0.04}\n              focusOpacity={0.12}\n              center={true}\n              disabled={disabled}\n              data-switch-thumb=\"\"\n              {...otherProps}\n              __css={{\n                top: '50%',\n                left: '50%',\n                backgroundColor: 'transparent',\n                transform: 'translate(-50%, -50%)',\n                width: '100%',\n                height: '100%',\n                appearance: 'none',\n                ':focus': {\n                  outline: 'none',\n                },\n                border: 'none',\n                borderRadius: 'full',\n                zIndex: 1,\n                position: 'absolute',\n                ...__css,\n              }}\n            />\n            <SwitchCircle checked={checked} />\n          </SwitchThumb>\n        </Box>\n      </Box>\n    );\n  }\n);\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  props,\n  forwardedRef\n) {\n  const { as = 'input', disabled, children, ...otherProps } = props;\n\n  const inner = (\n    <CheckBoxCore\n      as={SwitchInner}\n      innerAs={as}\n      ref={forwardedRef}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n\n  if (!children) {\n    return inner;\n  }\n\n  return (\n    <SelectionControlLabel>\n      {inner}\n      <SelectionControlText disabled={disabled}>\n        {children}\n      </SelectionControlText>\n    </SelectionControlLabel>\n  );\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Switch';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Switch/index.ts"],"sourcesContent":["export * from './Switch';\n"],"mappings":"AAAA,cAAc,UAAd"}

package/build/esm/Switch/styledComponents.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SwitchTrail: ({ checked, disabled, ...otherProps }: {
     [x: string]: any;
     checked?: boolean | undefined;

package/build/esm/Switch/styledComponents.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["checked", "disabled"],
+    _excluded2 = ["checked"],
+    _excluded3 = ["checked"];
 import { rem } from 'polished';
 import { Box } from '../Box';
 import { EASING_STANDARD } from '../motion';
@@ -16,7 +19,7 @@ export var SwitchTrail = function SwitchTrail(_ref) {
       checked = _ref$checked === void 0 ? false : _ref$checked,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      otherProps = _objectWithoutProperties(_ref, ["checked", "disabled"]);
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     __css: _extends({
@@ -38,7 +41,7 @@ var THUMB_SIZE = 40;
 export var SwitchThumb = function SwitchThumb(_ref2) {
   var _ref2$checked = _ref2.checked,
       checked = _ref2$checked === void 0 ? false : _ref2$checked,
-      otherProps = _objectWithoutProperties(_ref2, ["checked"]);
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     position: "absolute",
@@ -61,7 +64,7 @@ export var SwitchThumb = function SwitchThumb(_ref2) {
 export var SwitchCircle = function SwitchCircle(_ref3) {
   var _ref3$checked = _ref3.checked,
       checked = _ref3$checked === void 0 ? false : _ref3$checked,
-      otherProps = _objectWithoutProperties(_ref3, ["checked"]);
+      otherProps = _objectWithoutProperties(_ref3, _excluded3);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     __css: {

package/build/esm/Switch/styledComponents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Switch/styledComponents.tsx"],"names":["rem","Box","EASING_STANDARD","BORDER_WIDTH","TRAIL_WIDTH","TRAIL_HEIGHT","CIRCLE_SIZE_INACTIVE_CHECKED","CIRCLE_SIZE_ACTIVE_CHECKED","CIRCLE_SIZE_INACTIVE_UNCHECKED","CIRCLE_SIZE_ACTIVE_UNCHECKED","SwitchTrail","checked","disabled","otherProps","width","height","borderRadius","borderWidth","borderStyle","backgroundColor","borderColor","opacity","THUMB_SIZE","SwitchThumb","transform","WebkitTapHighlightColor","transition","SwitchCircle","position","boxSizing","pointerEvents","zIndex","top","left"],"mappings":"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","sourcesContent":["import { rem } from 'polished';\n\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nconst BORDER_WIDTH = 2;\nconst TRAIL_WIDTH = 52;\nconst TRAIL_HEIGHT = 32;\nconst CIRCLE_SIZE_INACTIVE_CHECKED = 24;\nconst CIRCLE_SIZE_ACTIVE_CHECKED = 28;\nconst CIRCLE_SIZE_INACTIVE_UNCHECKED = 16;\nconst CIRCLE_SIZE_ACTIVE_UNCHECKED = 28;\n\nexport const SwitchTrail = ({\n  checked = false,\n  disabled = false,\n  ...otherProps\n}) => (\n  <Box\n    __css={{\n      width: rem(TRAIL_WIDTH),\n      height: rem(TRAIL_HEIGHT),\n      borderRadius: rem(TRAIL_HEIGHT / 2),\n      borderWidth: rem(BORDER_WIDTH),\n      borderStyle: 'solid',\n      backgroundColor: checked ? 'primary' : 'surface-variant',\n      borderColor: checked ? 'primary' : 'outline',\n      ...(disabled && {\n        opacity: 0.12,\n        backgroundColor: checked ? 'on.surface' : 'surface-variant',\n        borderColor: 'on.surface',\n      }),\n    }}\n    {...otherProps}\n  />\n);\n\nconst THUMB_SIZE = 40;\nexport const SwitchThumb = ({ checked = false, ...otherProps }) => (\n  <Box\n    position=\"absolute\"\n    width={rem(THUMB_SIZE)}\n    height={rem(THUMB_SIZE)}\n    borderRadius=\"full\"\n    left={'50%'}\n    top={'50%'}\n    __css={{\n      transform: `translateX(calc(-50% ${checked ? '+' : '-'} ${rem(\n        (TRAIL_WIDTH - CIRCLE_SIZE_INACTIVE_CHECKED - BORDER_WIDTH * 4) / 2\n      )})) translateY(-50%)`,\n      WebkitTapHighlightColor: 'transparent',\n      transition: `background-color 90ms ${EASING_STANDARD},border-color 90ms ${EASING_STANDARD},transform 90ms ${EASING_STANDARD},height 90ms ${EASING_STANDARD},width 90ms ${EASING_STANDARD}`,\n      '& > input': {\n        width: THUMB_SIZE,\n        height: THUMB_SIZE,\n      },\n    }}\n    {...otherProps}\n  />\n);\n\nexport const SwitchCircle = ({ checked = false, ...otherProps }) => (\n  <Box\n    __css={{\n      position: 'absolute',\n      width: checked\n        ? rem(CIRCLE_SIZE_INACTIVE_CHECKED)\n        : rem(CIRCLE_SIZE_INACTIVE_UNCHECKED),\n      height: checked\n        ? rem(CIRCLE_SIZE_INACTIVE_CHECKED)\n        : rem(CIRCLE_SIZE_INACTIVE_UNCHECKED),\n      boxSizing: 'border-box',\n      borderRadius: 'full',\n      pointerEvents: 'none',\n      zIndex: 1,\n      backgroundColor: checked ? 'on.primary' : 'outline',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      transition: 'inherit',\n      '[data-switch-thumb=\"\"]:active ~ &, [data-switch-thumb=\"\"]:focus-visible ~ &, [data-switch-thumb=\"\"]:hover ~ &':\n        {\n          backgroundColor: checked ? 'primary-container' : 'on.surface-variant',\n        },\n      '[data-switch-thumb=\"\"]:active ~ &, [data-switch-thumb=\"\"]:focus-visible ~ &':\n        {\n          height: checked\n            ? CIRCLE_SIZE_ACTIVE_CHECKED\n            : CIRCLE_SIZE_ACTIVE_UNCHECKED,\n          width: checked\n            ? CIRCLE_SIZE_ACTIVE_CHECKED\n            : CIRCLE_SIZE_ACTIVE_UNCHECKED,\n        },\n      '[data-switch-thumb=\"\"]:disabled ~ &': {\n        opacity: checked ? 1 : 0.38,\n        backgroundColor: checked ? 'surface' : 'on.surface',\n        height: checked\n          ? CIRCLE_SIZE_INACTIVE_CHECKED\n          : CIRCLE_SIZE_INACTIVE_UNCHECKED,\n        width: checked\n          ? CIRCLE_SIZE_INACTIVE_CHECKED\n          : CIRCLE_SIZE_INACTIVE_UNCHECKED,\n      },\n    }}\n    data-switch-circle=\"\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    {...otherProps}\n  />\n);\n"],"file":"styledComponents.js"}
+{"version":3,"file":"styledComponents.js","names":["rem","Box","EASING_STANDARD","BORDER_WIDTH","TRAIL_WIDTH","TRAIL_HEIGHT","CIRCLE_SIZE_INACTIVE_CHECKED","CIRCLE_SIZE_ACTIVE_CHECKED","CIRCLE_SIZE_INACTIVE_UNCHECKED","CIRCLE_SIZE_ACTIVE_UNCHECKED","SwitchTrail","checked","disabled","otherProps","width","height","borderRadius","borderWidth","borderStyle","backgroundColor","borderColor","opacity","THUMB_SIZE","SwitchThumb","transform","WebkitTapHighlightColor","transition","SwitchCircle","position","boxSizing","pointerEvents","zIndex","top","left"],"sources":["../../../src/Switch/styledComponents.tsx"],"sourcesContent":["import { rem } from 'polished';\n\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nconst BORDER_WIDTH = 2;\nconst TRAIL_WIDTH = 52;\nconst TRAIL_HEIGHT = 32;\nconst CIRCLE_SIZE_INACTIVE_CHECKED = 24;\nconst CIRCLE_SIZE_ACTIVE_CHECKED = 28;\nconst CIRCLE_SIZE_INACTIVE_UNCHECKED = 16;\nconst CIRCLE_SIZE_ACTIVE_UNCHECKED = 28;\n\nexport const SwitchTrail = ({\n  checked = false,\n  disabled = false,\n  ...otherProps\n}) => (\n  <Box\n    __css={{\n      width: rem(TRAIL_WIDTH),\n      height: rem(TRAIL_HEIGHT),\n      borderRadius: rem(TRAIL_HEIGHT / 2),\n      borderWidth: rem(BORDER_WIDTH),\n      borderStyle: 'solid',\n      backgroundColor: checked ? 'primary' : 'surface-variant',\n      borderColor: checked ? 'primary' : 'outline',\n      ...(disabled && {\n        opacity: 0.12,\n        backgroundColor: checked ? 'on.surface' : 'surface-variant',\n        borderColor: 'on.surface',\n      }),\n    }}\n    {...otherProps}\n  />\n);\n\nconst THUMB_SIZE = 40;\nexport const SwitchThumb = ({ checked = false, ...otherProps }) => (\n  <Box\n    position=\"absolute\"\n    width={rem(THUMB_SIZE)}\n    height={rem(THUMB_SIZE)}\n    borderRadius=\"full\"\n    left={'50%'}\n    top={'50%'}\n    __css={{\n      transform: `translateX(calc(-50% ${checked ? '+' : '-'} ${rem(\n        (TRAIL_WIDTH - CIRCLE_SIZE_INACTIVE_CHECKED - BORDER_WIDTH * 4) / 2\n      )})) translateY(-50%)`,\n      WebkitTapHighlightColor: 'transparent',\n      transition: `background-color 90ms ${EASING_STANDARD},border-color 90ms ${EASING_STANDARD},transform 90ms ${EASING_STANDARD},height 90ms ${EASING_STANDARD},width 90ms ${EASING_STANDARD}`,\n      '& > input': {\n        width: THUMB_SIZE,\n        height: THUMB_SIZE,\n      },\n    }}\n    {...otherProps}\n  />\n);\n\nexport const SwitchCircle = ({ checked = false, ...otherProps }) => (\n  <Box\n    __css={{\n      position: 'absolute',\n      width: checked\n        ? rem(CIRCLE_SIZE_INACTIVE_CHECKED)\n        : rem(CIRCLE_SIZE_INACTIVE_UNCHECKED),\n      height: checked\n        ? rem(CIRCLE_SIZE_INACTIVE_CHECKED)\n        : rem(CIRCLE_SIZE_INACTIVE_UNCHECKED),\n      boxSizing: 'border-box',\n      borderRadius: 'full',\n      pointerEvents: 'none',\n      zIndex: 1,\n      backgroundColor: checked ? 'on.primary' : 'outline',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      transition: 'inherit',\n      '[data-switch-thumb=\"\"]:active ~ &, [data-switch-thumb=\"\"]:focus-visible ~ &, [data-switch-thumb=\"\"]:hover ~ &':\n        {\n          backgroundColor: checked ? 'primary-container' : 'on.surface-variant',\n        },\n      '[data-switch-thumb=\"\"]:active ~ &, [data-switch-thumb=\"\"]:focus-visible ~ &':\n        {\n          height: checked\n            ? CIRCLE_SIZE_ACTIVE_CHECKED\n            : CIRCLE_SIZE_ACTIVE_UNCHECKED,\n          width: checked\n            ? CIRCLE_SIZE_ACTIVE_CHECKED\n            : CIRCLE_SIZE_ACTIVE_UNCHECKED,\n        },\n      '[data-switch-thumb=\"\"]:disabled ~ &': {\n        opacity: checked ? 1 : 0.38,\n        backgroundColor: checked ? 'surface' : 'on.surface',\n        height: checked\n          ? CIRCLE_SIZE_INACTIVE_CHECKED\n          : CIRCLE_SIZE_INACTIVE_UNCHECKED,\n        width: checked\n          ? CIRCLE_SIZE_INACTIVE_CHECKED\n          : CIRCLE_SIZE_INACTIVE_UNCHECKED,\n      },\n    }}\n    data-switch-circle=\"\"\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    {...otherProps}\n  />\n);\n"],"mappings":"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"}

package/build/esm/Tab/Tab.d.ts

@@ -2,4 +2,4 @@ import type { ButtonHTMLAttributes } from 'react';
 import type { TabProps as TabPropsCore } from '@basic-ui/core';
 import type { RippleBoxProps } from '../Ripple';
 export declare type TabProps = TabPropsCore & RippleBoxProps<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "children" | "form" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "value" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "center" | "as" | "size" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "rippleColor" | "pressedOpacity" | "rippleEnabled" | "baseOpacity" | "hoverOpacity" | "focusOpacity" | "innerAs"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "center" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "value" | "form" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "baseOpacity" | "hoverOpacity" | "focusOpacity" | "pressedOpacity" | "rippleColor" | "rippleEnabled" | "innerAs"> & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/Tab/Tab.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["innerAs", "selected", "children", "disabled"],
+    _excluded2 = ["as"];
 import { forwardRef } from 'react';
 import { Tab as TabCore } from '@basic-ui/core';
 import { RippleBox } from '../Ripple';
@@ -15,7 +17,7 @@ var TabInner = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
       selected = props.selected,
       children = props.children,
       disabled = props.disabled,
-      otherProps = _objectWithoutProperties(props, ["innerAs", "selected", "children", "disabled"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useTabListContext = useTabListContext(),
       textColor = _useTabListContext.textColor,
@@ -27,7 +29,7 @@ var TabInner = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
     display: "flex",
     flex: 1,
     flexDirection: "column",
-    children: [/*#__PURE__*/_jsx(RippleBox, _extends({
+    children: [/*#__PURE__*/_jsx(RippleBox, _extends(_extends({
       as: innerAs,
       ref: forwardedRef,
       rippleColor: indicatorColor,
@@ -45,7 +47,7 @@ var TabInner = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
         width: '100%',
         alignItems: 'center'
       }
-    }, otherProps, {
+    }, otherProps), {}, {
       children: /*#__PURE__*/_jsx(Text, {
         as: "span",
         variant: "label-large",
@@ -63,7 +65,7 @@ var TabInner = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
 export var Tab = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
   var _props$as = props.as,
       as = _props$as === void 0 ? 'button' : _props$as,
-      otherProps = _objectWithoutProperties(props, ["as"]);
+      otherProps = _objectWithoutProperties(props, _excluded2);
 
   return /*#__PURE__*/_jsx(TabCore, _extends({
     as: TabInner,

package/build/esm/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tab/Tab.tsx"],"names":["forwardRef","Tab","TabCore","RippleBox","alpha","Text","Box","TabIndicator","useTabListContext","TabInner","props","forwardedRef","innerAs","selected","children","disabled","otherProps","textColor","indicatorColor","selectedTextColor","px","position","color","height","backgroundColor","border","outline","width","alignItems","as"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,GAAG,IAAIC,OAAhB,QAA+B,gBAA/B;AAIA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,iBAAT,QAAkC,WAAlC;;;AAKA,IAAMC,QAAQ,gBAAGT,UAAU,CAGzB,SAASC,GAAT,CAAaS,KAAb,EAAoBC,YAApB,EAAkC;AAAA,MAC1BC,OAD0B,GAC+BF,KAD/B,CAC1BE,OAD0B;AAAA,MACjBC,QADiB,GAC+BH,KAD/B,CACjBG,QADiB;AAAA,MACPC,QADO,GAC+BJ,KAD/B,CACPI,QADO;AAAA,MACGC,QADH,GAC+BL,KAD/B,CACGK,QADH;AAAA,MACgBC,UADhB,4BAC+BN,KAD/B;;AAAA,2BAEuBF,iBAAiB,EAFxC;AAAA,MAE1BS,SAF0B,sBAE1BA,SAF0B;AAAA,MAEfC,cAFe,sBAEfA,cAFe;AAAA,MAECC,iBAFD,sBAECA,iBAFD;;AAIlC,sBACE,MAAC,GAAD;AAAK,IAAA,QAAQ,EAAC,UAAd;AAAyB,IAAA,OAAO,EAAC,MAAjC;AAAwC,IAAA,IAAI,EAAE,CAA9C;AAAiD,IAAA,aAAa,EAAC,QAA/D;AAAA,4BACE,KAAC,SAAD;AAME,MAAA,EAAE,EAAEP,OANN;AAOE,MAAA,GAAG,EAAED,YAPP;AAQE,MAAA,WAAW,EAAEO,cARf;AASE,MAAA,QAAQ,EAAEH,QATZ;AAUE,MAAA,KAAK,EAAE;AACLK,QAAAA,EAAE,EAAE,CADC;AAELC,QAAAA,QAAQ,EAAE,UAFL;AAGLC,QAAAA,KAAK,EAAET,QAAQ,GACXM,iBAAiB,IAAID,cADV,GAEXd,KAAK,CAACa,SAAD,EAAYF,QAAQ,GAAG,IAAH,GAAU,GAA9B,CALJ;AAMLQ,QAAAA,MAAM,QAND;AAOLC,QAAAA,eAAe,EAAE,aAPZ;AAQLC,QAAAA,MAAM,EAAE,MARH;AASL,kBAAU;AACRC,UAAAA,OAAO,EAAE;AADD,SATL;AAYLC,QAAAA,KAAK,EAAE,MAZF;AAaLC,QAAAA,UAAU,EAAE;AAbP;AAVT,OAyBMZ,UAzBN;AAAA,6BA2BE,KAAC,IAAD;AACE,QAAA,EAAE,EAAC,MADL;AAEE,QAAA,OAAO,EAAC,aAFV;AAGE,QAAA,KAAK,EAAC,SAHR;AAIE,QAAA,MAAM,EAAC,MAJT;AAKE,QAAA,SAAS,EAAC,QALZ;AAAA,kBAOGF;AAPH;AA3BF,OADF,eAsCE,KAAC,YAAD;AAAc,MAAA,QAAQ,EAAED,QAAxB;AAAkC,MAAA,KAAK,EAAEK;AAAzC,MAtCF;AAAA,IADF;AA0CD,CAjD0B,CAA3B;AAmDA,OAAO,IAAMjB,GAAG,gBAAGD,UAAU,CAA8B,SAASC,GAAT,CACzDS,KADyD,EAEzDC,YAFyD,EAGzD;AAAA,kBACyCD,KADzC,CACQmB,EADR;AAAA,MACQA,EADR,0BACa,QADb;AAAA,MAC0Bb,UAD1B,4BACyCN,KADzC;;AAGA,sBACE,KAAC,OAAD;AAAS,IAAA,EAAE,EAAED,QAAb;AAAuB,IAAA,OAAO,EAAEoB,EAAhC;AAAoC,IAAA,GAAG,EAAElB;AAAzC,KAA2DK,UAA3D,EADF;AAGD,CAT4B,CAAtB","sourcesContent":["import type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport type { TabProps as TabPropsCore } from '@basic-ui/core';\nimport { Tab as TabCore } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { alpha } from '../color';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { TabIndicator } from '../TabIndicator';\nimport { useTabListContext } from './context';\n\nexport type TabProps = TabPropsCore &\n  RippleBoxProps<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>;\n\nconst TabInner = forwardRef<\n  HTMLButtonElement,\n  TabProps & { selected?: boolean }\n>(function Tab(props, forwardedRef) {\n  const { innerAs, selected, children, disabled, ...otherProps } = props;\n  const { textColor, indicatorColor, selectedTextColor } = useTabListContext();\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flex={1} flexDirection=\"column\">\n      <RippleBox<\n        RippleBoxProps<\n          HTMLButtonElement,\n          ButtonHTMLAttributes<HTMLButtonElement>\n        >\n      >\n        as={innerAs}\n        ref={forwardedRef}\n        rippleColor={indicatorColor}\n        disabled={disabled}\n        __css={{\n          px: 3,\n          position: 'relative',\n          color: selected\n            ? selectedTextColor || indicatorColor\n            : alpha(textColor, disabled ? 0.37 : 0.7),\n          height: rem(48),\n          backgroundColor: 'transparent',\n          border: 'none',\n          ':focus': {\n            outline: 'none',\n          },\n          width: '100%',\n          alignItems: 'center',\n        }}\n        {...otherProps}\n      >\n        <Text\n          as=\"span\"\n          variant=\"label-large\"\n          color=\"inherit\"\n          height=\"100%\"\n          textAlign=\"center\"\n        >\n          {children}\n        </Text>\n      </RippleBox>\n      <TabIndicator selected={selected} color={indicatorColor} />\n    </Box>\n  );\n});\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  props,\n  forwardedRef\n) {\n  const { as = 'button', ...otherProps } = props;\n\n  return (\n    <TabCore as={TabInner} innerAs={as} ref={forwardedRef} {...otherProps} />\n  );\n});\n"],"file":"Tab.js"}
+{"version":3,"file":"Tab.js","names":["forwardRef","Tab","TabCore","RippleBox","alpha","Text","Box","TabIndicator","useTabListContext","TabInner","props","forwardedRef","innerAs","selected","children","disabled","otherProps","textColor","indicatorColor","selectedTextColor","px","position","color","height","backgroundColor","border","outline","width","alignItems","as"],"sources":["../../../src/Tab/Tab.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport type { TabProps as TabPropsCore } from '@basic-ui/core';\nimport { Tab as TabCore } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { alpha } from '../color';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { TabIndicator } from '../TabIndicator';\nimport { useTabListContext } from './context';\n\nexport type TabProps = TabPropsCore &\n  RippleBoxProps<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>;\n\nconst TabInner = forwardRef<\n  HTMLButtonElement,\n  TabProps & { selected?: boolean }\n>(function Tab(props, forwardedRef) {\n  const { innerAs, selected, children, disabled, ...otherProps } = props;\n  const { textColor, indicatorColor, selectedTextColor } = useTabListContext();\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flex={1} flexDirection=\"column\">\n      <RippleBox<\n        RippleBoxProps<\n          HTMLButtonElement,\n          ButtonHTMLAttributes<HTMLButtonElement>\n        >\n      >\n        as={innerAs}\n        ref={forwardedRef}\n        rippleColor={indicatorColor}\n        disabled={disabled}\n        __css={{\n          px: 3,\n          position: 'relative',\n          color: selected\n            ? selectedTextColor || indicatorColor\n            : alpha(textColor, disabled ? 0.37 : 0.7),\n          height: rem(48),\n          backgroundColor: 'transparent',\n          border: 'none',\n          ':focus': {\n            outline: 'none',\n          },\n          width: '100%',\n          alignItems: 'center',\n        }}\n        {...otherProps}\n      >\n        <Text\n          as=\"span\"\n          variant=\"label-large\"\n          color=\"inherit\"\n          height=\"100%\"\n          textAlign=\"center\"\n        >\n          {children}\n        </Text>\n      </RippleBox>\n      <TabIndicator selected={selected} color={indicatorColor} />\n    </Box>\n  );\n});\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  props,\n  forwardedRef\n) {\n  const { as = 'button', ...otherProps } = props;\n\n  return (\n    <TabCore as={TabInner} innerAs={as} ref={forwardedRef} {...otherProps} />\n  );\n});\n"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,GAAG,IAAIC,OAAhB,QAA+B,gBAA/B;AAIA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,iBAAT,QAAkC,WAAlC;;;AAKA,IAAMC,QAAQ,gBAAGT,UAAU,CAGzB,SAASC,GAAT,CAAaS,KAAb,EAAoBC,YAApB,EAAkC;EAClC,IAAQC,OAAR,GAAiEF,KAAjE,CAAQE,OAAR;EAAA,IAAiBC,QAAjB,GAAiEH,KAAjE,CAAiBG,QAAjB;EAAA,IAA2BC,QAA3B,GAAiEJ,KAAjE,CAA2BI,QAA3B;EAAA,IAAqCC,QAArC,GAAiEL,KAAjE,CAAqCK,QAArC;EAAA,IAAkDC,UAAlD,4BAAiEN,KAAjE;;EACA,yBAAyDF,iBAAiB,EAA1E;EAAA,IAAQS,SAAR,sBAAQA,SAAR;EAAA,IAAmBC,cAAnB,sBAAmBA,cAAnB;EAAA,IAAmCC,iBAAnC,sBAAmCA,iBAAnC;;EAEA,oBACE,MAAC,GAAD;IAAK,QAAQ,EAAC,UAAd;IAAyB,OAAO,EAAC,MAAjC;IAAwC,IAAI,EAAE,CAA9C;IAAiD,aAAa,EAAC,QAA/D;IAAA,wBACE,KAAC,SAAD;MAME,EAAE,EAAEP,OANN;MAOE,GAAG,EAAED,YAPP;MAQE,WAAW,EAAEO,cARf;MASE,QAAQ,EAAEH,QATZ;MAUE,KAAK,EAAE;QACLK,EAAE,EAAE,CADC;QAELC,QAAQ,EAAE,UAFL;QAGLC,KAAK,EAAET,QAAQ,GACXM,iBAAiB,IAAID,cADV,GAEXd,KAAK,CAACa,SAAD,EAAYF,QAAQ,GAAG,IAAH,GAAU,GAA9B,CALJ;QAMLQ,MAAM,QAND;QAOLC,eAAe,EAAE,aAPZ;QAQLC,MAAM,EAAE,MARH;QASL,UAAU;UACRC,OAAO,EAAE;QADD,CATL;QAYLC,KAAK,EAAE,MAZF;QAaLC,UAAU,EAAE;MAbP;IAVT,GAyBMZ,UAzBN;MAAA,uBA2BE,KAAC,IAAD;QACE,EAAE,EAAC,MADL;QAEE,OAAO,EAAC,aAFV;QAGE,KAAK,EAAC,SAHR;QAIE,MAAM,EAAC,MAJT;QAKE,SAAS,EAAC,QALZ;QAAA,UAOGF;MAPH;IA3BF,GADF,eAsCE,KAAC,YAAD;MAAc,QAAQ,EAAED,QAAxB;MAAkC,KAAK,EAAEK;IAAzC,EAtCF;EAAA,EADF;AA0CD,CAjD0B,CAA3B;AAmDA,OAAO,IAAMjB,GAAG,gBAAGD,UAAU,CAA8B,SAASC,GAAT,CACzDS,KADyD,EAEzDC,YAFyD,EAGzD;EACA,gBAAyCD,KAAzC,CAAQmB,EAAR;EAAA,IAAQA,EAAR,0BAAa,QAAb;EAAA,IAA0Bb,UAA1B,4BAAyCN,KAAzC;;EAEA,oBACE,KAAC,OAAD;IAAS,EAAE,EAAED,QAAb;IAAuB,OAAO,EAAEoB,EAAhC;IAAoC,GAAG,EAAElB;EAAzC,GAA2DK,UAA3D,EADF;AAGD,CAT4B,CAAtB"}

package/build/esm/Tab/TabList.d.ts

@@ -6,4 +6,4 @@ export declare type TabListProps = TabListPropsCore & BoxProps & {
     textColor?: string;
     selectedTextColor?: string;
 };
-export declare const TabList: import("react").ForwardRefExoticComponent<Pick<TabListProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "vertical" | "key" | "innerAs" | "textColor" | "indicatorColor" | "selectedTextColor" | "manualActivation"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabList: import("react").ForwardRefExoticComponent<Pick<TabListProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "vertical" | "innerAs" | "manualActivation" | "indicatorColor" | "textColor" | "selectedTextColor"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Tab/TabList.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["innerAs"],
+    _excluded2 = ["as", "indicatorColor", "textColor", "selectedTextColor"];
 import { forwardRef, useRef } from 'react';
 import { TabList as TabListCore } from '@basic-ui/core';
 import { Box } from '../Box';
@@ -8,7 +10,7 @@ import { TabListProvider } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
 var TabListInner = /*#__PURE__*/forwardRef(function TabListInner(props, forwardedRef) {
   var innerAs = props.innerAs,
-      otherProps = _objectWithoutProperties(props, ["innerAs"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     as: innerAs,
@@ -28,7 +30,7 @@ export var TabList = /*#__PURE__*/forwardRef(function TabList(props, forwardedRe
       _props$textColor = props.textColor,
       textColor = _props$textColor === void 0 ? 'on.surface' : _props$textColor,
       selectedTextColor = props.selectedTextColor,
-      otherProps = _objectWithoutProperties(props, ["as", "indicatorColor", "textColor", "selectedTextColor"]);
+      otherProps = _objectWithoutProperties(props, _excluded2);
 
   var currentIndicator = useRef(null);
   return /*#__PURE__*/_jsx(TabListProvider, {

package/build/esm/Tab/TabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tab/TabList.tsx"],"names":["forwardRef","useRef","TabList","TabListCore","Box","TabIndicatorProvider","TabListProvider","TabListInner","props","forwardedRef","innerAs","otherProps","minWidth","display","alignItems","as","indicatorColor","textColor","selectedTextColor","currentIndicator"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,QAAmC,OAAnC;AAEA,SAASC,OAAO,IAAIC,WAApB,QAAuC,gBAAvC;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,oBAAT,QAAqC,iBAArC;AACA,SAASC,eAAT,QAAgC,WAAhC;;AASA,IAAMC,YAAY,gBAAGP,UAAU,CAC7B,SAASO,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AAAA,MACjCC,OADiC,GACNF,KADM,CACjCE,OADiC;AAAA,MACrBC,UADqB,4BACNH,KADM;;AAGzC,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEE,OADN;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,KAAK,EAAE;AAAEG,MAAAA,QAAQ,WAAV;AAAsBC,MAAAA,OAAO,EAAE,MAA/B;AAAuCC,MAAAA,UAAU,EAAE;AAAnD;AAHT,KAIMH,UAJN,EADF;AAQD,CAZ4B,CAA/B;AAeA,OAAO,IAAMT,OAAO,gBAAGF,UAAU,CAC/B,SAASE,OAAT,CAAiBM,KAAjB,EAAwBC,YAAxB,EAAsC;AAAA,kBAOhCD,KAPgC,CAElCO,EAFkC;AAAA,MAElCA,EAFkC,0BAE7B,KAF6B;AAAA,8BAOhCP,KAPgC,CAGlCQ,cAHkC;AAAA,MAGlCA,cAHkC,sCAGjB,SAHiB;AAAA,yBAOhCR,KAPgC,CAIlCS,SAJkC;AAAA,MAIlCA,SAJkC,iCAItB,YAJsB;AAAA,MAKlCC,iBALkC,GAOhCV,KAPgC,CAKlCU,iBALkC;AAAA,MAM/BP,UAN+B,4BAOhCH,KAPgC;;AAQpC,MAAMW,gBAAgB,GAAGlB,MAAM,CAAkB,IAAlB,CAA/B;AAEA,sBACE,KAAC,eAAD;AAAiB,IAAA,KAAK,EAAE;AAAEe,MAAAA,cAAc,EAAdA,cAAF;AAAkBC,MAAAA,SAAS,EAATA,SAAlB;AAA6BC,MAAAA,iBAAiB,EAAjBA;AAA7B,KAAxB;AAAA,2BACE,KAAC,oBAAD;AAAsB,MAAA,KAAK,EAAE;AAAEC,QAAAA,gBAAgB,EAAhBA;AAAF,OAA7B;AAAA,6BACE,KAAC,WAAD;AACE,QAAA,EAAE,EAAEZ,YADN;AAEE,QAAA,OAAO,EAAEQ,EAFX;AAGE,QAAA,GAAG,EAAEN;AAHP,SAIME,UAJN;AADF;AADF,IADF;AAYD,CAvB8B,CAA1B","sourcesContent":["import { forwardRef, useRef } from 'react';\nimport type { TabListProps as TabListPropsCore } from '@basic-ui/core';\nimport { TabList as TabListCore } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { TabIndicatorProvider } from '../TabIndicator';\nimport { TabListProvider } from './context';\n\nexport type TabListProps = TabListPropsCore &\n  BoxProps & {\n    indicatorColor?: string;\n    textColor?: string;\n    selectedTextColor?: string;\n  };\n\nconst TabListInner = forwardRef<HTMLDivElement, TabListProps>(\n  function TabListInner(props, forwardedRef) {\n    const { innerAs, ...otherProps } = props;\n\n    return (\n      <Box\n        as={innerAs}\n        ref={forwardedRef}\n        __css={{ minWidth: rem(360), display: 'flex', alignItems: 'center' }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, forwardedRef) {\n    const {\n      as = 'div',\n      indicatorColor = 'primary',\n      textColor = 'on.surface',\n      selectedTextColor,\n      ...otherProps\n    } = props;\n    const currentIndicator = useRef<HTMLSpanElement>(null);\n\n    return (\n      <TabListProvider value={{ indicatorColor, textColor, selectedTextColor }}>\n        <TabIndicatorProvider value={{ currentIndicator }}>\n          <TabListCore\n            as={TabListInner}\n            innerAs={as}\n            ref={forwardedRef}\n            {...otherProps}\n          />\n        </TabIndicatorProvider>\n      </TabListProvider>\n    );\n  }\n);\n"],"file":"TabList.js"}
+{"version":3,"file":"TabList.js","names":["forwardRef","useRef","TabList","TabListCore","Box","TabIndicatorProvider","TabListProvider","TabListInner","props","forwardedRef","innerAs","otherProps","minWidth","display","alignItems","as","indicatorColor","textColor","selectedTextColor","currentIndicator"],"sources":["../../../src/Tab/TabList.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport type { TabListProps as TabListPropsCore } from '@basic-ui/core';\nimport { TabList as TabListCore } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { TabIndicatorProvider } from '../TabIndicator';\nimport { TabListProvider } from './context';\n\nexport type TabListProps = TabListPropsCore &\n  BoxProps & {\n    indicatorColor?: string;\n    textColor?: string;\n    selectedTextColor?: string;\n  };\n\nconst TabListInner = forwardRef<HTMLDivElement, TabListProps>(\n  function TabListInner(props, forwardedRef) {\n    const { innerAs, ...otherProps } = props;\n\n    return (\n      <Box\n        as={innerAs}\n        ref={forwardedRef}\n        __css={{ minWidth: rem(360), display: 'flex', alignItems: 'center' }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, forwardedRef) {\n    const {\n      as = 'div',\n      indicatorColor = 'primary',\n      textColor = 'on.surface',\n      selectedTextColor,\n      ...otherProps\n    } = props;\n    const currentIndicator = useRef<HTMLSpanElement>(null);\n\n    return (\n      <TabListProvider value={{ indicatorColor, textColor, selectedTextColor }}>\n        <TabIndicatorProvider value={{ currentIndicator }}>\n          <TabListCore\n            as={TabListInner}\n            innerAs={as}\n            ref={forwardedRef}\n            {...otherProps}\n          />\n        </TabIndicatorProvider>\n      </TabListProvider>\n    );\n  }\n);\n"],"mappings":";;;;AAAA,SAASA,UAAT,EAAqBC,MAArB,QAAmC,OAAnC;AAEA,SAASC,OAAO,IAAIC,WAApB,QAAuC,gBAAvC;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,oBAAT,QAAqC,iBAArC;AACA,SAASC,eAAT,QAAgC,WAAhC;;AASA,IAAMC,YAAY,gBAAGP,UAAU,CAC7B,SAASO,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;EACzC,IAAQC,OAAR,GAAmCF,KAAnC,CAAQE,OAAR;EAAA,IAAoBC,UAApB,4BAAmCH,KAAnC;;EAEA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEE,OADN;IAEE,GAAG,EAAED,YAFP;IAGE,KAAK,EAAE;MAAEG,QAAQ,WAAV;MAAsBC,OAAO,EAAE,MAA/B;MAAuCC,UAAU,EAAE;IAAnD;EAHT,GAIMH,UAJN,EADF;AAQD,CAZ4B,CAA/B;AAeA,OAAO,IAAMT,OAAO,gBAAGF,UAAU,CAC/B,SAASE,OAAT,CAAiBM,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,gBAMID,KANJ,CACEO,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,4BAMIP,KANJ,CAEEQ,cAFF;EAAA,IAEEA,cAFF,sCAEmB,SAFnB;EAAA,uBAMIR,KANJ,CAGES,SAHF;EAAA,IAGEA,SAHF,iCAGc,YAHd;EAAA,IAIEC,iBAJF,GAMIV,KANJ,CAIEU,iBAJF;EAAA,IAKKP,UALL,4BAMIH,KANJ;;EAOA,IAAMW,gBAAgB,GAAGlB,MAAM,CAAkB,IAAlB,CAA/B;EAEA,oBACE,KAAC,eAAD;IAAiB,KAAK,EAAE;MAAEe,cAAc,EAAdA,cAAF;MAAkBC,SAAS,EAATA,SAAlB;MAA6BC,iBAAiB,EAAjBA;IAA7B,CAAxB;IAAA,uBACE,KAAC,oBAAD;MAAsB,KAAK,EAAE;QAAEC,gBAAgB,EAAhBA;MAAF,CAA7B;MAAA,uBACE,KAAC,WAAD;QACE,EAAE,EAAEZ,YADN;QAEE,OAAO,EAAEQ,EAFX;QAGE,GAAG,EAAEN;MAHP,GAIME,UAJN;IADF;EADF,EADF;AAYD,CAvB8B,CAA1B"}

package/build/esm/Tab/TabPanel.d.ts

@@ -2,4 +2,4 @@
 import type { TabPanelProps as TabPanelPropsCore } from '@basic-ui/core';
 import type { BoxProps } from '../Box';
 export declare type TabPanelProps = TabPanelPropsCore & BoxProps;
-export declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<TabPanelProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "lazy"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<TabPanelProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "lazy"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Tab/TabPanel.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["innerAs"],
+    _excluded2 = ["as"];
 import { forwardRef } from 'react';
 import { TabPanel as TabPanelCore } from '@basic-ui/core';
 import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 var TabPanelInner = /*#__PURE__*/forwardRef(function TabPanelInner(props, forwardedRef) {
   var innerAs = props.innerAs,
-      otherProps = _objectWithoutProperties(props, ["innerAs"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     as: innerAs,
@@ -16,7 +18,7 @@ var TabPanelInner = /*#__PURE__*/forwardRef(function TabPanelInner(props, forwar
 export var TabPanel = /*#__PURE__*/forwardRef(function TabPanel(props, forwardedRef) {
   var _props$as = props.as,
       as = _props$as === void 0 ? 'div' : _props$as,
-      otherProps = _objectWithoutProperties(props, ["as"]);
+      otherProps = _objectWithoutProperties(props, _excluded2);
 
   return /*#__PURE__*/_jsx(TabPanelCore, _extends({
     as: TabPanelInner,

package/build/esm/Tab/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tab/TabPanel.tsx"],"names":["forwardRef","TabPanel","TabPanelCore","Box","TabPanelInner","props","forwardedRef","innerAs","otherProps","as"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,QAAQ,IAAIC,YAArB,QAAyC,gBAAzC;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAIA,IAAMC,aAAa,gBAAGJ,UAAU,CAC9B,SAASI,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,MAClCC,OADkC,GACPF,KADO,CAClCE,OADkC;AAAA,MACtBC,UADsB,4BACPH,KADO;;AAG1C,sBAAO,KAAC,GAAD;AAAK,IAAA,EAAE,EAAEE,OAAT;AAAkB,IAAA,GAAG,EAAED;AAAvB,KAAyCE,UAAzC,EAAP;AACD,CAL6B,CAAhC;AAQA,OAAO,IAAMP,QAAQ,gBAAGD,UAAU,CAChC,SAASC,QAAT,CAAkBI,KAAlB,EAAyBC,YAAzB,EAAuC;AAAA,kBACCD,KADD,CAC7BI,EAD6B;AAAA,MAC7BA,EAD6B,0BACxB,KADwB;AAAA,MACdD,UADc,4BACCH,KADD;;AAGrC,sBACE,KAAC,YAAD;AACE,IAAA,EAAE,EAAED,aADN;AAEE,IAAA,OAAO,EAAEK,EAFX;AAGE,IAAA,GAAG,EAAEH;AAHP,KAIME,UAJN,EADF;AAQD,CAZ+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport type { TabPanelProps as TabPanelPropsCore } from '@basic-ui/core';\nimport { TabPanel as TabPanelCore } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport type TabPanelProps = TabPanelPropsCore & BoxProps;\n\nconst TabPanelInner = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanelInner(props, forwardedRef) {\n    const { innerAs, ...otherProps } = props;\n\n    return <Box as={innerAs} ref={forwardedRef} {...otherProps} />;\n  }\n);\n\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel(props, forwardedRef) {\n    const { as = 'div', ...otherProps } = props;\n\n    return (\n      <TabPanelCore\n        as={TabPanelInner}\n        innerAs={as}\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"TabPanel.js"}
+{"version":3,"file":"TabPanel.js","names":["forwardRef","TabPanel","TabPanelCore","Box","TabPanelInner","props","forwardedRef","innerAs","otherProps","as"],"sources":["../../../src/Tab/TabPanel.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { TabPanelProps as TabPanelPropsCore } from '@basic-ui/core';\nimport { TabPanel as TabPanelCore } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport type TabPanelProps = TabPanelPropsCore & BoxProps;\n\nconst TabPanelInner = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanelInner(props, forwardedRef) {\n    const { innerAs, ...otherProps } = props;\n\n    return <Box as={innerAs} ref={forwardedRef} {...otherProps} />;\n  }\n);\n\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel(props, forwardedRef) {\n    const { as = 'div', ...otherProps } = props;\n\n    return (\n      <TabPanelCore\n        as={TabPanelInner}\n        innerAs={as}\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,QAAQ,IAAIC,YAArB,QAAyC,gBAAzC;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAIA,IAAMC,aAAa,gBAAGJ,UAAU,CAC9B,SAASI,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;EAC1C,IAAQC,OAAR,GAAmCF,KAAnC,CAAQE,OAAR;EAAA,IAAoBC,UAApB,4BAAmCH,KAAnC;;EAEA,oBAAO,KAAC,GAAD;IAAK,EAAE,EAAEE,OAAT;IAAkB,GAAG,EAAED;EAAvB,GAAyCE,UAAzC,EAAP;AACD,CAL6B,CAAhC;AAQA,OAAO,IAAMP,QAAQ,gBAAGD,UAAU,CAChC,SAASC,QAAT,CAAkBI,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,gBAAsCD,KAAtC,CAAQI,EAAR;EAAA,IAAQA,EAAR,0BAAa,KAAb;EAAA,IAAuBD,UAAvB,4BAAsCH,KAAtC;;EAEA,oBACE,KAAC,YAAD;IACE,EAAE,EAAED,aADN;IAEE,OAAO,EAAEK,EAFX;IAGE,GAAG,EAAEH;EAHP,GAIME,UAJN,EADF;AAQD,CAZ+B,CAA3B"}

package/build/esm/Tab/TabPanels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tab/TabPanels.tsx"],"names":["TabPanels"],"mappings":"AAAA,SAASA,SAAT,QAA0B,gBAA1B;AAGA,SAASA,SAAT","sourcesContent":["import { TabPanels } from '@basic-ui/core';\nimport type { TabPanelsProps } from '@basic-ui/core';\n\nexport { TabPanels };\nexport type { TabPanelsProps };\n"],"file":"TabPanels.js"}
+{"version":3,"file":"TabPanels.js","names":["TabPanels"],"sources":["../../../src/Tab/TabPanels.tsx"],"sourcesContent":["import { TabPanels } from '@basic-ui/core';\nimport type { TabPanelsProps } from '@basic-ui/core';\n\nexport { TabPanels };\nexport type { TabPanelsProps };\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,gBAA1B;AAGA,SAASA,SAAT"}

package/build/esm/Tab/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tab/Tabs.tsx"],"names":["Tabs"],"mappings":"AAAA,SAASA,IAAT,QAAqB,gBAArB;AAGA,SAASA,IAAT","sourcesContent":["import { Tabs } from '@basic-ui/core';\nimport type { TabsProps } from '@basic-ui/core';\n\nexport { Tabs };\nexport type { TabsProps };\n"],"file":"Tabs.js"}
+{"version":3,"file":"Tabs.js","names":["Tabs"],"sources":["../../../src/Tab/Tabs.tsx"],"sourcesContent":["import { Tabs } from '@basic-ui/core';\nimport type { TabsProps } from '@basic-ui/core';\n\nexport { Tabs };\nexport type { TabsProps };\n"],"mappings":"AAAA,SAASA,IAAT,QAAqB,gBAArB;AAGA,SAASA,IAAT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tab/context.ts"],"names":["createContext","useContext","TabListContext","indicatorColor","textColor","TabListProvider","Provider","useTabListContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAOA,IAAMC,cAAc,gBAAGF,aAAa,CAAsB;AACxDG,EAAAA,cAAc,EAAE,SADwC;AAExDC,EAAAA,SAAS,EAAE;AAF6C,CAAtB,CAApC;IAIyBC,e,GAAoBH,c,CAA9BI,Q;;AACf,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAMN,UAAU,CAACC,cAAD,CAAhB;AAAA,CAA1B","sourcesContent":["import { createContext, useContext } from 'react';\n\n// TabList Component\nexport interface TabListContextProps {\n  indicatorColor: string;\n  textColor: string;\n  selectedTextColor?: string;\n}\n\nconst TabListContext = createContext<TabListContextProps>({\n  indicatorColor: 'primary',\n  textColor: 'on.surface',\n});\nexport const { Provider: TabListProvider } = TabListContext;\nexport const useTabListContext = () => useContext(TabListContext);\n"],"file":"context.js"}
+{"version":3,"file":"context.js","names":["createContext","useContext","TabListContext","indicatorColor","textColor","TabListProvider","Provider","useTabListContext"],"sources":["../../../src/Tab/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n// TabList Component\nexport interface TabListContextProps {\n  indicatorColor: string;\n  textColor: string;\n  selectedTextColor?: string;\n}\n\nconst TabListContext = createContext<TabListContextProps>({\n  indicatorColor: 'primary',\n  textColor: 'on.surface',\n});\nexport const { Provider: TabListProvider } = TabListContext;\nexport const useTabListContext = () => useContext(TabListContext);\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAOA,IAAMC,cAAc,gBAAGF,aAAa,CAAsB;EACxDG,cAAc,EAAE,SADwC;EAExDC,SAAS,EAAE;AAF6C,CAAtB,CAApC;AAIO,IAAkBC,eAAlB,GAAsCH,cAAtC,CAAQI,QAAR;;AACP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;EAAA,OAAMN,UAAU,CAACC,cAAD,CAAhB;AAAA,CAA1B"}