@basic-ui/material 1.0.0-alpha.0 → 1.0.0-alpha.3

package/build/esm/Chip/ChoiceChip.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { ChipBaseProps } from './ChipBase';
+import * as React from 'react';
+import type { ChipBaseProps } from './ChipBase';
 export declare type ChoiceChipProps = ChipBaseProps<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>> & {
     checked?: boolean;
     disabled?: boolean;
@@ -7,4 +7,4 @@ export declare type ChoiceChipProps = ChipBaseProps<HTMLInputElement, React.Inpu
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
 };
-export declare const ChoiceChip: React.ForwardRefExoticComponent<Pick<ChoiceChipProps, "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "className" | "id" | "lang" | "max" | "min" | "name" | "style" | "type" | "role" | "tabIndex" | "crossOrigin" | "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" | "form" | "list" | "key" | "slot" | "title" | "pattern" | "translate" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "leadingIcon" | "autoComplete" | "autoFocus" | "multiple" | "required" | "value" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "alt" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "src" | "trailingIcon" | "borderOpacity"> & React.RefAttributes<HTMLInputElement>>;
+export declare const ChoiceChip: React.ForwardRefExoticComponent<Pick<ChoiceChipProps, "children" | "form" | "slot" | "style" | "title" | "pattern" | "translate" | "value" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "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" | "list" | "step" | "max" | "min" | "name" | "type" | "crossOrigin" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "multiple" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "src" | "leadingIcon" | "trailingIcon" | "borderOpacity"> & React.RefAttributes<HTMLInputElement>>;

package/build/esm/Chip/ChoiceChip.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { RadioButton, CheckBox } from '@basic-ui/core';
 import { ChipBase } from './ChipBase';
 import { RippleBox } from '../Ripple';
@@ -8,26 +9,25 @@ import { useTheme } from '../theme';
 import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedRef) {
-  const {
-    type,
-    color = 'primary',
-    checked,
-    'aria-checked': ariaChecked,
-    defaultChecked,
-    value,
-    name,
-    defaultValue,
-    disabled,
-    onChange,
-    leadingIcon,
-    trailingIcon,
-    children,
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["type", "color", "checked", "aria-checked", "defaultChecked", "value", "name", "defaultValue", "disabled", "onChange", "leadingIcon", "trailingIcon", "children", "__css"]);
+var InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedRef) {
+  var type = props.type,
+      _props$color = props.color,
+      color = _props$color === void 0 ? 'primary' : _props$color,
+      checked = props.checked,
+      ariaChecked = props['aria-checked'],
+      defaultChecked = props.defaultChecked,
+      value = props.value,
+      name = props.name,
+      defaultValue = props.defaultValue,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      leadingIcon = props.leadingIcon,
+      trailingIcon = props.trailingIcon,
+      children = props.children,
+      __css = props.__css,
+      otherProps = _objectWithoutProperties(props, ["type", "color", "checked", "aria-checked", "defaultChecked", "value", "name", "defaultValue", "disabled", "onChange", "leadingIcon", "trailingIcon", "children", "__css"]);
 
-  const theme = useTheme();
+  var theme = useTheme();
   return /*#__PURE__*/_jsx(ChipBase, _extends({
     as: "label",
     disabled: disabled,
@@ -83,13 +83,12 @@ const InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedR
     })
   }));
 });
-export const ChoiceChip = /*#__PURE__*/forwardRef(function ChoiceChip(props, forwardedRef) {
-  const {
-    type = 'checkbox'
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["type"]);
+export var ChoiceChip = /*#__PURE__*/forwardRef(function ChoiceChip(props, forwardedRef) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'checkbox' : _props$type,
+      otherProps = _objectWithoutProperties(props, ["type"]);
 
-  const Comp = type === 'radio' ? RadioButton : CheckBox;
+  var Comp = type === 'radio' ? RadioButton : CheckBox;
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: forwardedRef,
     as: InnerInput,

package/build/esm/Chip/ChoiceChip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Chip/ChoiceChip.tsx"],"names":["forwardRef","RadioButton","CheckBox","ChipBase","RippleBox","useTheme","Box","InnerInput","props","forwardedRef","type","color","checked","ariaChecked","defaultChecked","value","name","defaultValue","disabled","onChange","leadingIcon","trailingIcon","children","__css","otherProps","theme","width","height","border","display","alignItems","justifyContent","pl","pr","bg","top","left","appearance","outline","borderRadius","position","ChoiceChip","Comp"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,gBAAtC;AACA,SAAwBC,QAAxB,QAAwC,YAAxC;AACA,SAASC,SAAT,QAA0C,WAA1C;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,GAAT,QAAoB,QAApB;;;AAcA,MAAMC,UAAyB,gBAAGP,UAAU,CAC1C,SAASO,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AACvC,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,KAAK,GAAG,SAFJ;AAGJC,IAAAA,OAHI;AAIJ,oBAAgBC,WAJZ;AAKJC,IAAAA,cALI;AAMJC,IAAAA,KANI;AAOJC,IAAAA,IAPI;AAQJC,IAAAA,YARI;AASJC,IAAAA,QATI;AAUJC,IAAAA,QAVI;AAWJC,IAAAA,WAXI;AAYJC,IAAAA,YAZI;AAaJC,IAAAA,QAbI;AAcJC,IAAAA;AAdI,MAgBFf,KAhBJ;AAAA,QAeKgB,UAfL,iCAgBIhB,KAhBJ;;AAkBA,QAAMiB,KAAK,GAAGpB,QAAQ,EAAtB;AAEA,sBACE,KAAC,QAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,QAAQ,EAAEa,QAFZ;AAGE,IAAA,eAAe,EAAEN,OAAO,GAAGD,KAAK,GAAG,YAAX,GAA0B,SAHpD;AAIE,IAAA,KAAK,EAAEC,OAAO,GAAG,QAAQD,KAAR,GAAgB,YAAnB,GAAkC,YAJlD;AAKE,IAAA,aAAa,EAAEC,OAAO,GAAG,CAAH,GAAO,IAL/B;AAME,IAAA,KAAK,EAAEW;AANT,KAOMC,UAPN;AAAA,2BASE,MAAC,GAAD;AACE,MAAA,EAAE,EAAC,MADL;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,MADF;AAELC,QAAAA,MAAM,EAAE,MAFH;AAGLC,QAAAA,MAAM,EAAE,MAHH;AAILC,QAAAA,OAAO,EAAE,aAJJ;AAKLC,QAAAA,UAAU,EAAE,QALP;AAMLC,QAAAA,cAAc,EAAE,QANX;AAOLC,QAAAA,EAAE,EAAEZ,WAAW,uBAPV;AAQLa,QAAAA,EAAE,EAAEZ,YAAY;AARX,OAFT;AAAA,8BAaE,KAAC,SAAD;AAME,QAAA,EAAE,EAAC,OANL;AAOE,QAAA,IAAI,EAAEX,IAPR;AAQE,wBAAcG,WARhB;AASE,QAAA,OAAO,EAAED,OATX;AAUE,QAAA,QAAQ,EAAEO,QAVZ;AAWE,QAAA,cAAc,EAAEL,cAXlB;AAYE,QAAA,KAAK,EAAEC,KAZT;AAaE,QAAA,YAAY,EAAEE,YAbhB;AAcE,QAAA,KAAK,EAAEQ,KAdT;AAeE,QAAA,QAAQ,EAAEP,QAfZ;AAgBE,QAAA,WAAW,EAAEP,KAhBf;AAiBE,QAAA,WAAW,EAAE,CAjBf;AAkBE,QAAA,YAAY,EAAE,IAlBhB;AAmBE,QAAA,YAAY,EAAE,IAnBhB;AAoBE,QAAA,IAAI,EAAEK,IApBR;AAqBE,QAAA,GAAG,EAAEP,YArBP;AAsBE,QAAA,KAAK,EAAE;AACLyB,UAAAA,EAAE,EAAE,aADC;AAELC,UAAAA,GAAG,EAAE,CAFA;AAGLC,UAAAA,IAAI,EAAE,CAHD;AAILV,UAAAA,KAAK,EAAE,MAJF;AAKLC,UAAAA,MAAM,EAAE,MALH;AAMLU,UAAAA,UAAU,EAAE,MANP;AAOL,oBAAU;AACRC,YAAAA,OAAO,EAAE;AADD,WAPL;AAULV,UAAAA,MAAM,EAAE,MAVH;AAWLW,UAAAA,YAAY,EAAE,CAXT;AAYLC,UAAAA,QAAQ,EAAE;AAZL;AAtBT,QAbF,EAkDGpB,WAlDH,EAmDGE,QAnDH,EAoDGD,YApDH;AAAA;AATF,KADF;AAkED,CAxFyC,CAA5C;AA2FA,OAAO,MAAMoB,UAAU,gBAAGzC,UAAU,CAClC,SAASyC,UAAT,CAAoBjC,KAApB,EAA2BC,YAA3B,EAAyC;AACvC,QAAM;AAAEC,IAAAA,IAAI,GAAG;AAAT,MAAuCF,KAA7C;AAAA,QAA8BgB,UAA9B,iCAA6ChB,KAA7C;;AAEA,QAAMkC,IAA+B,GAAIhC,IAAI,KAAK,OAAT,GACrCT,WADqC,GAErCC,QAFJ;AAIA,sBACE,KAAC,IAAD;AAAM,IAAA,GAAG,EAAEO,YAAX;AAAyB,IAAA,EAAE,EAAEF,UAA7B;AAAyC,IAAA,IAAI,EAAEG;AAA/C,KAAyDc,UAAzD,EADF;AAGD,CAXiC,CAA7B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { RadioButton, CheckBox } from '@basic-ui/core';\nimport { ChipBaseProps, ChipBase } from './ChipBase';\nimport { RippleBox, RippleBoxProps } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { Box } from '../Box';\nimport { rem } from 'polished';\n\nexport type ChoiceChipProps = ChipBaseProps<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n> & {\n  checked?: boolean;\n  disabled?: boolean;\n  type: 'checkbox' | 'radio';\n  leadingIcon?: React.ReactNode;\n  trailingIcon?: React.ReactNode;\n};\n\nconst InnerInput: React.FC<any> = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function InnerInput(props, forwardedRef) {\n    const {\n      type,\n      color = 'primary',\n      checked,\n      'aria-checked': ariaChecked,\n      defaultChecked,\n      value,\n      name,\n      defaultValue,\n      disabled,\n      onChange,\n      leadingIcon,\n      trailingIcon,\n      children,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    return (\n      <ChipBase\n        as=\"label\"\n        disabled={disabled}\n        backgroundColor={checked ? color + '-container' : 'surface'}\n        color={checked ? 'on.' + color + '-container' : 'on.surface'}\n        borderOpacity={checked ? 0 : 0.24}\n        __css={__css}\n        {...otherProps}\n      >\n        <Box\n          as=\"span\"\n          __css={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n          }}\n        >\n          <RippleBox<\n            RippleBoxProps<\n              HTMLInputElement,\n              React.InputHTMLAttributes<HTMLInputElement>\n            >\n          >\n            as=\"input\"\n            type={type}\n            aria-checked={ariaChecked}\n            checked={checked}\n            onChange={onChange}\n            defaultChecked={defaultChecked}\n            value={value}\n            defaultValue={defaultValue}\n            theme={theme}\n            disabled={disabled}\n            rippleColor={color}\n            baseOpacity={0}\n            hoverOpacity={0.12}\n            focusOpacity={0.24}\n            name={name}\n            ref={forwardedRef}\n            __css={{\n              bg: 'transparent',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: '100%',\n              appearance: 'none',\n              ':focus': {\n                outline: 'none',\n              },\n              border: 'none',\n              borderRadius: 0,\n              position: 'absolute',\n            }}\n          />\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </Box>\n      </ChipBase>\n    );\n  }\n);\n\nexport const ChoiceChip = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function ChoiceChip(props, forwardedRef) {\n    const { type = 'checkbox', ...otherProps } = props;\n\n    const Comp: React.FC<ChoiceChipProps> = (type === 'radio'\n      ? RadioButton\n      : CheckBox) as any;\n\n    return (\n      <Comp ref={forwardedRef} as={InnerInput} type={type} {...otherProps} />\n    );\n  }\n);\n"],"file":"ChoiceChip.js"}
+{"version":3,"sources":["../../../src/Chip/ChoiceChip.tsx"],"names":["forwardRef","React","RadioButton","CheckBox","ChipBase","RippleBox","useTheme","Box","InnerInput","props","forwardedRef","type","color","checked","ariaChecked","defaultChecked","value","name","defaultValue","disabled","onChange","leadingIcon","trailingIcon","children","__css","otherProps","theme","width","height","border","display","alignItems","justifyContent","pl","pr","bg","top","left","appearance","outline","borderRadius","position","ChoiceChip","Comp"],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { RadioButton, CheckBox } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase } from './ChipBase';\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { Box } from '../Box';\n\nexport type ChoiceChipProps = ChipBaseProps<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n> & {\n  checked?: boolean;\n  disabled?: boolean;\n  type: 'checkbox' | 'radio';\n  leadingIcon?: React.ReactNode;\n  trailingIcon?: React.ReactNode;\n};\n\nconst InnerInput: React.FC<any> = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function InnerInput(props, forwardedRef) {\n    const {\n      type,\n      color = 'primary',\n      checked,\n      'aria-checked': ariaChecked,\n      defaultChecked,\n      value,\n      name,\n      defaultValue,\n      disabled,\n      onChange,\n      leadingIcon,\n      trailingIcon,\n      children,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    return (\n      <ChipBase\n        as=\"label\"\n        disabled={disabled}\n        backgroundColor={checked ? color + '-container' : 'surface'}\n        color={checked ? 'on.' + color + '-container' : 'on.surface'}\n        borderOpacity={checked ? 0 : 0.24}\n        __css={__css}\n        {...otherProps}\n      >\n        <Box\n          as=\"span\"\n          __css={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n          }}\n        >\n          <RippleBox<\n            RippleBoxProps<\n              HTMLInputElement,\n              React.InputHTMLAttributes<HTMLInputElement>\n            >\n          >\n            as=\"input\"\n            type={type}\n            aria-checked={ariaChecked}\n            checked={checked}\n            onChange={onChange}\n            defaultChecked={defaultChecked}\n            value={value}\n            defaultValue={defaultValue}\n            theme={theme}\n            disabled={disabled}\n            rippleColor={color}\n            baseOpacity={0}\n            hoverOpacity={0.12}\n            focusOpacity={0.24}\n            name={name}\n            ref={forwardedRef}\n            __css={{\n              bg: 'transparent',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: '100%',\n              appearance: 'none',\n              ':focus': {\n                outline: 'none',\n              },\n              border: 'none',\n              borderRadius: 0,\n              position: 'absolute',\n            }}\n          />\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </Box>\n      </ChipBase>\n    );\n  }\n);\n\nexport const ChoiceChip = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function ChoiceChip(props, forwardedRef) {\n    const { type = 'checkbox', ...otherProps } = props;\n\n    const Comp: React.FC<ChoiceChipProps> = (\n      type === 'radio' ? RadioButton : CheckBox\n    ) as any;\n\n    return (\n      <Comp ref={forwardedRef} as={InnerInput} type={type} {...otherProps} />\n    );\n  }\n);\n"],"file":"ChoiceChip.js"}

package/build/esm/ColorMode/ColorModeProvider.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 interface ColorModeProviderProps {
     children?: React.ReactNode;
     styles: Record<string, Record<string, string>>;

package/build/esm/ColorMode/ColorModeProvider.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState, useEffect, useMemo, useCallback } from 'react';
+import * as React from 'react';
 import { Global } from '@emotion/react';
 import { ColorModeContext } from './color-mode';
 import { DARK_THEME_CLASS, DEFAULT_THEME_CLASS, THEME_LOCAL_STORAGE_KEY } from './constants';
@@ -7,12 +9,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
-function saveColorMode(colorMode, saveToStorage = true) {
+function saveColorMode(colorMode) {
+  var saveToStorage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
   if (saveToStorage) {
     window.localStorage.setItem(THEME_LOCAL_STORAGE_KEY, colorMode || 'default');
   }
 
-  const [add, remove] = colorMode === 'dark' ? [DARK_THEME_CLASS, DEFAULT_THEME_CLASS] : [DEFAULT_THEME_CLASS, DARK_THEME_CLASS];
+  var _ref = colorMode === 'dark' ? [DARK_THEME_CLASS, DEFAULT_THEME_CLASS] : [DEFAULT_THEME_CLASS, DARK_THEME_CLASS],
+      _ref2 = _slicedToArray(_ref, 2),
+      add = _ref2[0],
+      remove = _ref2[1];
 
   if (!document.body.classList.contains(remove)) {
     document.body.classList.add(add);
@@ -22,31 +29,37 @@ function saveColorMode(colorMode, saveToStorage = true) {
   document.body.classList.replace(remove, add);
 }
 
-export const ColorModeProvider = props => {
-  const {
-    children,
-    styles
-  } = props;
-  const [colorMode, _setColorMode] = useState();
-  const setColorMode = useCallback((colorMode, saveToStorage = true) => {
+export var ColorModeProvider = function ColorModeProvider(props) {
+  var children = props.children,
+      styles = props.styles;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      colorMode = _useState2[0],
+      _setColorMode = _useState2[1];
+
+  var setColorMode = useCallback(function (colorMode) {
+    var saveToStorage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     saveColorMode(colorMode || 'default', saveToStorage);
 
     _setColorMode(colorMode);
   }, []);
-  const colorModeObject = useMemo(() => ({
-    colorMode,
-    setColorMode
-  }), [colorMode, setColorMode]);
-  useEffect(() => {
+  var colorModeObject = useMemo(function () {
+    return {
+      colorMode: colorMode,
+      setColorMode: setColorMode
+    };
+  }, [colorMode, setColorMode]);
+  useEffect(function () {
     _setColorMode(document.body.classList.contains(DARK_THEME_CLASS) ? 'dark' : 'default');
 
-    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    darkQuery == null ? void 0 : darkQuery.addListener(e => {
+    var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+    darkQuery == null ? void 0 : darkQuery.addListener(function (e) {
       setColorMode(e.matches ? 'dark' : 'default', false);
     });
   }, [setColorMode]);
-  const globalStyles = useMemo(() => {
-    const ret = {
+  var globalStyles = useMemo(function () {
+    var ret = {
       body: _extends({
         colorScheme: 'light'
       }, styles['default'] || {})
@@ -55,7 +68,7 @@ export const ColorModeProvider = props => {
       colorScheme: 'light'
     }, styles['default'] || {});
 
-    for (const key in styles) {
+    for (var key in styles) {
       if (key === 'default') {
         continue;
       }

package/build/esm/ColorMode/ColorModeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ColorMode/ColorModeProvider.tsx"],"names":["useState","useEffect","useMemo","useCallback","Global","ColorModeContext","DARK_THEME_CLASS","DEFAULT_THEME_CLASS","THEME_LOCAL_STORAGE_KEY","saveColorMode","colorMode","saveToStorage","window","localStorage","setItem","add","remove","document","body","classList","contains","replace","ColorModeProvider","props","children","styles","_setColorMode","setColorMode","colorModeObject","darkQuery","matchMedia","addListener","e","matches","globalStyles","ret","colorScheme","key"],"mappings":"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","sourcesContent":["import { useState, useEffect, useMemo, useCallback } from 'react';\nimport type * as React from 'react';\nimport { Global } from '@emotion/react';\nimport { ColorMode, ColorModeContext } from './color-mode';\nimport {\n  DARK_THEME_CLASS,\n  DEFAULT_THEME_CLASS,\n  THEME_LOCAL_STORAGE_KEY,\n} from './constants';\n\ninterface ColorModeProviderProps {\n  children?: React.ReactNode;\n  styles: Record<string, Record<string, string>>;\n}\n\nfunction saveColorMode(colorMode: ColorMode, saveToStorage = true) {\n  if (saveToStorage) {\n    window.localStorage.setItem(\n      THEME_LOCAL_STORAGE_KEY,\n      colorMode || 'default'\n    );\n  }\n\n  const [add, remove] =\n    colorMode === 'dark'\n      ? [DARK_THEME_CLASS, DEFAULT_THEME_CLASS]\n      : [DEFAULT_THEME_CLASS, DARK_THEME_CLASS];\n\n  if (!document.body.classList.contains(remove)) {\n    document.body.classList.add(add);\n    return;\n  }\n  document.body.classList.replace(remove, add);\n}\n\nexport const ColorModeProvider: React.FC<ColorModeProviderProps> = (props) => {\n  const { children, styles } = props;\n  const [colorMode, _setColorMode] = useState<ColorMode>();\n\n  const setColorMode = useCallback(\n    (colorMode: ColorMode, saveToStorage = true) => {\n      saveColorMode(colorMode || 'default', saveToStorage);\n      _setColorMode(colorMode);\n    },\n    []\n  );\n\n  const colorModeObject = useMemo(\n    () => ({\n      colorMode,\n      setColorMode,\n    }),\n    [colorMode, setColorMode]\n  );\n\n  useEffect(() => {\n    _setColorMode(\n      document.body.classList.contains(DARK_THEME_CLASS) ? 'dark' : 'default'\n    );\n\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    darkQuery?.addListener((e) => {\n      setColorMode(e.matches ? 'dark' : 'default', false);\n    });\n  }, [setColorMode]);\n\n  const globalStyles = useMemo(() => {\n    const ret = {\n      body: { colorScheme: 'light', ...(styles['default'] || {}) },\n    };\n\n    ret[`.${DEFAULT_THEME_CLASS}`] = {\n      colorScheme: 'light',\n      ...(styles['default'] || {}),\n    };\n\n    for (const key in styles) {\n      if (key === 'default') {\n        continue;\n      }\n      ret[`.${DARK_THEME_CLASS}`] = { colorScheme: 'dark', ...styles[key] };\n    }\n\n    return ret;\n  }, [styles]);\n\n  return (\n    <>\n      <Global styles={globalStyles} />\n      <ColorModeContext.Provider value={colorModeObject}>\n        {children}\n      </ColorModeContext.Provider>\n    </>\n  );\n};\n"],"file":"ColorModeProvider.js"}
+{"version":3,"sources":["../../../src/ColorMode/ColorModeProvider.tsx"],"names":["useState","useEffect","useMemo","useCallback","React","Global","ColorModeContext","DARK_THEME_CLASS","DEFAULT_THEME_CLASS","THEME_LOCAL_STORAGE_KEY","saveColorMode","colorMode","saveToStorage","window","localStorage","setItem","add","remove","document","body","classList","contains","replace","ColorModeProvider","props","children","styles","_setColorMode","setColorMode","colorModeObject","darkQuery","matchMedia","addListener","e","matches","globalStyles","ret","colorScheme","key"],"mappings":"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","sourcesContent":["import { useState, useEffect, useMemo, useCallback } from 'react';\nimport * as React from 'react';\nimport { Global } from '@emotion/react';\n\nimport type { ColorMode } from './color-mode';\nimport { ColorModeContext } from './color-mode';\nimport {\n  DARK_THEME_CLASS,\n  DEFAULT_THEME_CLASS,\n  THEME_LOCAL_STORAGE_KEY,\n} from './constants';\n\ninterface ColorModeProviderProps {\n  children?: React.ReactNode;\n  styles: Record<string, Record<string, string>>;\n}\n\nfunction saveColorMode(colorMode: ColorMode, saveToStorage = true) {\n  if (saveToStorage) {\n    window.localStorage.setItem(\n      THEME_LOCAL_STORAGE_KEY,\n      colorMode || 'default'\n    );\n  }\n\n  const [add, remove] =\n    colorMode === 'dark'\n      ? [DARK_THEME_CLASS, DEFAULT_THEME_CLASS]\n      : [DEFAULT_THEME_CLASS, DARK_THEME_CLASS];\n\n  if (!document.body.classList.contains(remove)) {\n    document.body.classList.add(add);\n    return;\n  }\n  document.body.classList.replace(remove, add);\n}\n\nexport const ColorModeProvider: React.FC<ColorModeProviderProps> = (props) => {\n  const { children, styles } = props;\n  const [colorMode, _setColorMode] = useState<ColorMode>();\n\n  const setColorMode = useCallback(\n    (colorMode: ColorMode, saveToStorage = true) => {\n      saveColorMode(colorMode || 'default', saveToStorage);\n      _setColorMode(colorMode);\n    },\n    []\n  );\n\n  const colorModeObject = useMemo(\n    () => ({\n      colorMode,\n      setColorMode,\n    }),\n    [colorMode, setColorMode]\n  );\n\n  useEffect(() => {\n    _setColorMode(\n      document.body.classList.contains(DARK_THEME_CLASS) ? 'dark' : 'default'\n    );\n\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    darkQuery?.addListener((e) => {\n      setColorMode(e.matches ? 'dark' : 'default', false);\n    });\n  }, [setColorMode]);\n\n  const globalStyles = useMemo(() => {\n    const ret = {\n      body: { colorScheme: 'light', ...(styles['default'] || {}) },\n    };\n\n    ret[`.${DEFAULT_THEME_CLASS}`] = {\n      colorScheme: 'light',\n      ...(styles['default'] || {}),\n    };\n\n    for (const key in styles) {\n      if (key === 'default') {\n        continue;\n      }\n      ret[`.${DARK_THEME_CLASS}`] = { colorScheme: 'dark', ...styles[key] };\n    }\n\n    return ret;\n  }, [styles]);\n\n  return (\n    <>\n      <Global styles={globalStyles} />\n      <ColorModeContext.Provider value={colorModeObject}>\n        {children}\n      </ColorModeContext.Provider>\n    </>\n  );\n};\n"],"file":"ColorModeProvider.js"}

package/build/esm/ColorMode/color-mode.js

@@ -1,11 +1,11 @@
 import { createContext, useContext } from 'react';
-export const ColorModeContext = /*#__PURE__*/createContext({
+export var ColorModeContext = /*#__PURE__*/createContext({
   colorMode: 'default',
-  setColorMode: () => {
+  setColorMode: function setColorMode() {
     /*noop*/
   }
 });
-export const useColorMode = () => {
+export var useColorMode = function useColorMode() {
   return useContext(ColorModeContext);
 };
 //# sourceMappingURL=color-mode.js.map

package/build/esm/ColorMode/color-mode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ColorMode/color-mode.ts"],"names":["createContext","useContext","ColorModeContext","colorMode","setColorMode","useColorMode"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAUA,OAAO,MAAMC,gBAAgB,gBAAGF,aAAa,CAAwB;AACnEG,EAAAA,SAAS,EAAE,SADwD;AAEnEC,EAAAA,YAAY,EAAE,MAAM;AAClB;AACD;AAJkE,CAAxB,CAAtC;AAOP,OAAO,MAAMC,YAAY,GAAG,MAA6B;AACvD,SAAOJ,UAAU,CAACC,gBAAD,CAAjB;AACD,CAFM","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type ColorMode = 'default' | 'dark';\n\n// ColorMode Component\nexport interface ColorModeContextProps {\n  colorMode?: ColorMode;\n  setColorMode: (colorMode: ColorMode) => void;\n}\n\nexport const ColorModeContext = createContext<ColorModeContextProps>({\n  colorMode: 'default',\n  setColorMode: () => {\n    /*noop*/\n  },\n});\n\nexport const useColorMode = (): ColorModeContextProps => {\n  return useContext(ColorModeContext);\n};\n"],"file":"color-mode.js"}
+{"version":3,"sources":["../../../src/ColorMode/color-mode.ts"],"names":["createContext","useContext","ColorModeContext","colorMode","setColorMode","useColorMode"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAUA,OAAO,IAAMC,gBAAgB,gBAAGF,aAAa,CAAwB;AACnEG,EAAAA,SAAS,EAAE,SADwD;AAEnEC,EAAAA,YAAY,EAAE,wBAAM;AAClB;AACD;AAJkE,CAAxB,CAAtC;AAOP,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAA6B;AACvD,SAAOJ,UAAU,CAACC,gBAAD,CAAjB;AACD,CAFM","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type ColorMode = 'default' | 'dark';\n\n// ColorMode Component\nexport interface ColorModeContextProps {\n  colorMode?: ColorMode;\n  setColorMode: (colorMode: ColorMode) => void;\n}\n\nexport const ColorModeContext = createContext<ColorModeContextProps>({\n  colorMode: 'default',\n  setColorMode: () => {\n    /*noop*/\n  },\n});\n\nexport const useColorMode = (): ColorModeContextProps => {\n  return useContext(ColorModeContext);\n};\n"],"file":"color-mode.js"}

package/build/esm/ColorMode/color-vars.js

@@ -1,26 +1,34 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import { parseToRgb } from 'polished';
 
-const toVarName = (key, suffix = '') => "--".concat(key).concat(suffix ? "--".concat(suffix) : '');
+var toVarName = function toVarName(key) {
+  var suffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return "--".concat(key).concat(suffix ? "--".concat(suffix) : '');
+};
 
-const toVarValue = (key, value, suffix = '') => "var(".concat(toVarName(key, suffix), ", ").concat(value, ")");
+var toVarValue = function toVarValue(key, value) {
+  var suffix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  return "var(".concat(toVarName(key, suffix), ", ").concat(value, ")");
+};
 
-function themify(obj, vars, root = '') {
-  Object.keys(obj).forEach(key => {
+function themify(obj, vars) {
+  var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  Object.keys(obj).forEach(function (key) {
     if (key === 'modes') {
       return;
     }
 
-    const value = obj[key];
-    const varName = root.length > 0 ? "".concat(root, "-").concat(key) : "".concat(key);
+    var value = obj[key];
+    var varName = root.length > 0 ? "".concat(root, "-").concat(key) : "".concat(key);
 
-    if (typeof value === 'object') {
+    if (_typeof(value) === 'object') {
       obj[key] = themify(obj[key], vars, varName);
     } else {
       vars[toVarName(varName)] = value;
       obj[key] = toVarValue(varName, value);
 
       try {
-        const rgb = parseToRgb(value);
+        var rgb = parseToRgb(value);
         vars[toVarName(varName, 'rgb')] = "".concat(rgb.red, ",").concat(rgb.green, ",").concat(rgb.blue);
         obj[key + '_rgb'] = toVarValue(varName, value, 'rgb');
       } catch (err) {// do nothing
@@ -31,20 +39,20 @@ function themify(obj, vars, root = '') {
 }
 
 export function getTheme(theme) {
-  const colorModes = {
+  var colorModes = {
     default: {}
   };
-  const themeClone = JSON.parse(JSON.stringify(theme)); // default
+  var themeClone = JSON.parse(JSON.stringify(theme)); // default
 
   themeClone.colors = themify(themeClone.colors, colorModes.default, ''); // other modes
 
-  Object.keys(themeClone.colors.modes).forEach(key => {
+  Object.keys(themeClone.colors.modes).forEach(function (key) {
     colorModes[key] = {};
     themeClone.colors.modes[key] = themify(themeClone.colors.modes[key], colorModes[key], '');
   });
   return {
     theme: themeClone,
-    colorModes
+    colorModes: colorModes
   };
 }
 //# sourceMappingURL=color-vars.js.map

package/build/esm/ColorMode/color-vars.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ColorMode/color-vars.ts"],"names":["parseToRgb","toVarName","key","suffix","toVarValue","value","themify","obj","vars","root","Object","keys","forEach","varName","length","rgb","red","green","blue","err","getTheme","theme","colorModes","default","themeClone","JSON","parse","stringify","colors","modes"],"mappings":"AAAA,SAASA,UAAT,QAA2B,UAA3B;;AAEA,MAAMC,SAAS,GAAG,CAACC,GAAD,EAAcC,MAAM,GAAG,EAAvB,iBACXD,GADW,SACLC,MAAM,eAAQA,MAAR,IAAmB,EADpB,CAAlB;;AAEA,MAAMC,UAAU,GAAG,CAACF,GAAD,EAAcG,KAAd,EAA6BF,MAAM,GAAG,EAAtC,mBACVF,SAAS,CAACC,GAAD,EAAMC,MAAN,CADC,eACiBE,KADjB,MAAnB;;AAGA,SAASC,OAAT,CACEC,GADF,EAEEC,IAFF,EAGEC,IAAI,GAAG,EAHT,EAIE;AACAC,EAAAA,MAAM,CAACC,IAAP,CAAYJ,GAAZ,EAAiBK,OAAjB,CAA0BV,GAAD,IAAS;AAChC,QAAIA,GAAG,KAAK,OAAZ,EAAqB;AACnB;AACD;;AAED,UAAMG,KAAK,GAAGE,GAAG,CAACL,GAAD,CAAjB;AACA,UAAMW,OAAO,GAAGJ,IAAI,CAACK,MAAL,GAAc,CAAd,aAAqBL,IAArB,cAA6BP,GAA7B,cAAwCA,GAAxC,CAAhB;;AACA,QAAI,OAAOG,KAAP,KAAiB,QAArB,EAA+B;AAC7BE,MAAAA,GAAG,CAACL,GAAD,CAAH,GAAWI,OAAO,CAACC,GAAG,CAACL,GAAD,CAAJ,EAAWM,IAAX,EAAiBK,OAAjB,CAAlB;AACD,KAFD,MAEO;AACLL,MAAAA,IAAI,CAACP,SAAS,CAACY,OAAD,CAAV,CAAJ,GAA2BR,KAA3B;AACAE,MAAAA,GAAG,CAACL,GAAD,CAAH,GAAWE,UAAU,CAACS,OAAD,EAAUR,KAAV,CAArB;;AAEA,UAAI;AACF,cAAMU,GAAG,GAAGf,UAAU,CAACK,KAAD,CAAtB;AACAG,QAAAA,IAAI,CAACP,SAAS,CAACY,OAAD,EAAU,KAAV,CAAV,CAAJ,aAAqCE,GAAG,CAACC,GAAzC,cAAgDD,GAAG,CAACE,KAApD,cAA6DF,GAAG,CAACG,IAAjE;AACAX,QAAAA,GAAG,CAACL,GAAG,GAAG,MAAP,CAAH,GAAoBE,UAAU,CAACS,OAAD,EAAUR,KAAV,EAAiB,KAAjB,CAA9B;AACD,OAJD,CAIE,OAAOc,GAAP,EAAY,CACZ;AACD;AACF;AACF,GArBD;AAuBA,SAAOZ,GAAP;AACD;;AAED,OAAO,SAASa,QAAT,CAAkBC,KAAlB,EAA8C;AACnD,QAAMC,UAAkD,GAAG;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAA3D;AACA,QAAMC,UAAU,GAAGC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeN,KAAf,CAAX,CAAnB,CAFmD,CAInD;;AACAG,EAAAA,UAAU,CAACI,MAAX,GAAoBtB,OAAO,CAACkB,UAAU,CAACI,MAAZ,EAAoBN,UAAU,CAACC,OAA/B,EAAwC,EAAxC,CAA3B,CALmD,CAMnD;;AACAb,EAAAA,MAAM,CAACC,IAAP,CAAYa,UAAU,CAACI,MAAX,CAAkBC,KAA9B,EAAqCjB,OAArC,CAA8CV,GAAD,IAAS;AACpDoB,IAAAA,UAAU,CAACpB,GAAD,CAAV,GAAkB,EAAlB;AACAsB,IAAAA,UAAU,CAACI,MAAX,CAAkBC,KAAlB,CAAwB3B,GAAxB,IAA+BI,OAAO,CACpCkB,UAAU,CAACI,MAAX,CAAkBC,KAAlB,CAAwB3B,GAAxB,CADoC,EAEpCoB,UAAU,CAACpB,GAAD,CAF0B,EAGpC,EAHoC,CAAtC;AAKD,GAPD;AASA,SAAO;AAAEmB,IAAAA,KAAK,EAAEG,UAAT;AAAqBF,IAAAA;AAArB,GAAP;AACD","sourcesContent":["import { parseToRgb } from 'polished';\n\nconst toVarName = (key: string, suffix = '') =>\n  `--${key}${suffix ? `--${suffix}` : ''}`;\nconst toVarValue = (key: string, value: string, suffix = '') =>\n  `var(${toVarName(key, suffix)}, ${value})`;\n\nfunction themify(\n  obj: Record<string, any>,\n  vars: Record<string, string>,\n  root = ''\n) {\n  Object.keys(obj).forEach((key) => {\n    if (key === 'modes') {\n      return;\n    }\n\n    const value = obj[key];\n    const varName = root.length > 0 ? `${root}-${key}` : `${key}`;\n    if (typeof value === 'object') {\n      obj[key] = themify(obj[key], vars, varName);\n    } else {\n      vars[toVarName(varName)] = value;\n      obj[key] = toVarValue(varName, value);\n\n      try {\n        const rgb = parseToRgb(value);\n        vars[toVarName(varName, 'rgb')] = `${rgb.red},${rgb.green},${rgb.blue}`;\n        obj[key + '_rgb'] = toVarValue(varName, value, 'rgb');\n      } catch (err) {\n        // do nothing\n      }\n    }\n  });\n\n  return obj;\n}\n\nexport function getTheme(theme: Record<string, any>) {\n  const colorModes: Record<string, Record<string, string>> = { default: {} };\n  const themeClone = JSON.parse(JSON.stringify(theme));\n\n  // default\n  themeClone.colors = themify(themeClone.colors, colorModes.default, '');\n  // other modes\n  Object.keys(themeClone.colors.modes).forEach((key) => {\n    colorModes[key] = {};\n    themeClone.colors.modes[key] = themify(\n      themeClone.colors.modes[key],\n      colorModes[key],\n      ''\n    );\n  });\n\n  return { theme: themeClone, colorModes };\n}\n"],"file":"color-vars.js"}
+{"version":3,"sources":["../../../src/ColorMode/color-vars.ts"],"names":["parseToRgb","toVarName","key","suffix","toVarValue","value","themify","obj","vars","root","Object","keys","forEach","varName","length","rgb","red","green","blue","err","getTheme","theme","colorModes","default","themeClone","JSON","parse","stringify","colors","modes"],"mappings":"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","sourcesContent":["import { parseToRgb } from 'polished';\n\nconst toVarName = (key: string, suffix = '') =>\n  `--${key}${suffix ? `--${suffix}` : ''}`;\nconst toVarValue = (key: string, value: string, suffix = '') =>\n  `var(${toVarName(key, suffix)}, ${value})`;\n\nfunction themify(\n  obj: Record<string, any>,\n  vars: Record<string, string>,\n  root = ''\n) {\n  Object.keys(obj).forEach((key) => {\n    if (key === 'modes') {\n      return;\n    }\n\n    const value = obj[key];\n    const varName = root.length > 0 ? `${root}-${key}` : `${key}`;\n    if (typeof value === 'object') {\n      obj[key] = themify(obj[key], vars, varName);\n    } else {\n      vars[toVarName(varName)] = value;\n      obj[key] = toVarValue(varName, value);\n\n      try {\n        const rgb = parseToRgb(value);\n        vars[toVarName(varName, 'rgb')] = `${rgb.red},${rgb.green},${rgb.blue}`;\n        obj[key + '_rgb'] = toVarValue(varName, value, 'rgb');\n      } catch (err) {\n        // do nothing\n      }\n    }\n  });\n\n  return obj;\n}\n\nexport function getTheme(theme: Record<string, any>) {\n  const colorModes: Record<string, Record<string, string>> = { default: {} };\n  const themeClone = JSON.parse(JSON.stringify(theme));\n\n  // default\n  themeClone.colors = themify(themeClone.colors, colorModes.default, '');\n  // other modes\n  Object.keys(themeClone.colors.modes).forEach((key) => {\n    colorModes[key] = {};\n    themeClone.colors.modes[key] = themify(\n      themeClone.colors.modes[key],\n      colorModes[key],\n      ''\n    );\n  });\n\n  return { theme: themeClone, colorModes };\n}\n"],"file":"color-vars.js"}

package/build/esm/ColorMode/constants.js

@@ -1,5 +1,5 @@
 import hash from '@emotion/hash';
-export const THEME_LOCAL_STORAGE_KEY = 'basic-ui-theme';
-export const DEFAULT_THEME_CLASS = "css-".concat(hash('basic-ui-default-theme'));
-export const DARK_THEME_CLASS = "css-".concat(hash('basic-ui-dark-theme'));
+export var THEME_LOCAL_STORAGE_KEY = 'basic-ui-theme';
+export var DEFAULT_THEME_CLASS = "css-".concat(hash('basic-ui-default-theme'));
+export var DARK_THEME_CLASS = "css-".concat(hash('basic-ui-dark-theme'));
 //# sourceMappingURL=constants.js.map

package/build/esm/ColorMode/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ColorMode/constants.ts"],"names":["hash","THEME_LOCAL_STORAGE_KEY","DEFAULT_THEME_CLASS","DARK_THEME_CLASS"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,eAAjB;AAEA,OAAO,MAAMC,uBAAuB,GAAG,gBAAhC;AACP,OAAO,MAAMC,mBAAmB,iBAAUF,IAAI,CAAC,wBAAD,CAAd,CAAzB;AACP,OAAO,MAAMG,gBAAgB,iBAAUH,IAAI,CAAC,qBAAD,CAAd,CAAtB","sourcesContent":["import hash from '@emotion/hash';\n\nexport const THEME_LOCAL_STORAGE_KEY = 'basic-ui-theme';\nexport const DEFAULT_THEME_CLASS = `css-${hash('basic-ui-default-theme')}`;\nexport const DARK_THEME_CLASS = `css-${hash('basic-ui-dark-theme')}`;\n"],"file":"constants.js"}
+{"version":3,"sources":["../../../src/ColorMode/constants.ts"],"names":["hash","THEME_LOCAL_STORAGE_KEY","DEFAULT_THEME_CLASS","DARK_THEME_CLASS"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,eAAjB;AAEA,OAAO,IAAMC,uBAAuB,GAAG,gBAAhC;AACP,OAAO,IAAMC,mBAAmB,iBAAUF,IAAI,CAAC,wBAAD,CAAd,CAAzB;AACP,OAAO,IAAMG,gBAAgB,iBAAUH,IAAI,CAAC,qBAAD,CAAd,CAAtB","sourcesContent":["import hash from '@emotion/hash';\n\nexport const THEME_LOCAL_STORAGE_KEY = 'basic-ui-theme';\nexport const DEFAULT_THEME_CLASS = `css-${hash('basic-ui-default-theme')}`;\nexport const DARK_THEME_CLASS = `css-${hash('basic-ui-dark-theme')}`;\n"],"file":"constants.js"}