@basic-ui/material 1.0.0-alpha.43 → 1.0.0-alpha.45

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonChip.js","names":["forwardRef","ChipBase","RippleBox","useTheme","ButtonChip","props","forwardedRef","as","onClick","disabledProp","disabled","leadingIcon","trailingIcon","children","color","__css","otherProps","theme","isClickable","undefined","bg","padding","pl","pr","gap","width","minWidth","height","appearance","outline","border","borderRadius","position","display","alignItems","cursor"],"sources":["../../../src/Chip/ButtonChip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport type { ChipBaseProps } from './ChipBase';\r\nimport { ChipBase } from './ChipBase';\r\nimport { RippleBox } from '../Ripple';\r\nimport { useTheme } from '../theme';\r\n\r\nexport type ButtonChipProps = ChipBaseProps & {\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n  leadingIcon?: ReactNode;\r\n  trailingIcon?: ReactNode;\r\n};\r\n\r\nexport const ButtonChip = forwardRef<HTMLDivElement, ButtonChipProps>(\r\n  function ButtonChip(props, forwardedRef) {\r\n    const {\r\n      as = 'div',\r\n      onClick,\r\n      disabled: disabledProp,\r\n      leadingIcon,\r\n      trailingIcon,\r\n      children,\r\n      color,\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const theme = useTheme();\r\n    const isClickable = onClick && !disabledProp;\r\n\r\n    return (\r\n      <ChipBase\r\n        as=\"div\"\r\n        onClick={isClickable ? onClick : undefined}\r\n        disabled={disabledProp}\r\n        color=\"on.surface\"\r\n        backgroundColor=\"surface\"\r\n        __css={__css}\r\n        {...otherProps}\r\n      >\r\n        <RippleBox\r\n          as={as}\r\n          role={isClickable ? 'button' : undefined}\r\n          tabIndex={isClickable ? 0 : undefined}\r\n          theme={theme}\r\n          ref={forwardedRef}\r\n          rippleColor={'currentColor'}\r\n          baseOpacity={0}\r\n          hoverOpacity={0.12}\r\n          focusOpacity={0.24}\r\n          center={false}\r\n          disabled={!isClickable}\r\n          aria-disabled={!isClickable}\r\n          __css={{\r\n            bg: 'transparent',\r\n            color: 'inherit',\r\n            padding: `0`,\r\n            pl: leadingIcon ? rem(8) : rem(12),\r\n            pr: trailingIcon ? rem(8) : rem(12),\r\n            gap: rem(8),\r\n            width: '100%',\r\n            minWidth: 'auto',\r\n            height: '100%',\r\n            appearance: 'none',\r\n            ':focus': {\r\n              outline: 'none',\r\n            },\r\n            border: 'none',\r\n            borderRadius: 0,\r\n            position: 'relative',\r\n            display: 'inline-flex',\r\n            alignItems: 'center',\r\n            cursor: isClickable ? 'pointer' : 'default',\r\n          }}\r\n        >\r\n          {leadingIcon}\r\n          {children}\r\n          {trailingIcon}\r\n        </RippleBox>\r\n      </ChipBase>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;;;AASA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,gBAUID,KAVJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,IAEEC,OAFF,GAUIH,KAVJ,CAEEG,OAFF;EAAA,IAGYC,YAHZ,GAUIJ,KAVJ,CAGEK,QAHF;EAAA,IAIEC,WAJF,GAUIN,KAVJ,CAIEM,WAJF;EAAA,IAKEC,YALF,GAUIP,KAVJ,CAKEO,YALF;EAAA,IAMEC,QANF,GAUIR,KAVJ,CAMEQ,QANF;EAAA,IAOEC,KAPF,GAUIT,KAVJ,CAOES,KAPF;EAAA,IAQEC,KARF,GAUIV,KAVJ,CAQEU,KARF;EAAA,IASKC,UATL,4BAUIX,KAVJ;;EAYA,IAAMY,KAAK,GAAGd,QAAQ,EAAtB;EACA,IAAMe,WAAW,GAAGV,OAAO,IAAI,CAACC,YAAhC;EAEA,oBACE,KAAC,QAAD;IACE,EAAE,EAAC,KADL;IAEE,OAAO,EAAES,WAAW,GAAGV,OAAH,GAAaW,SAFnC;IAGE,QAAQ,EAAEV,YAHZ;IAIE,KAAK,EAAC,YAJR;IAKE,eAAe,EAAC,SALlB;IAME,KAAK,EAAEM;EANT,GAOMC,UAPN;IAAA,uBASE,MAAC,SAAD;MACE,EAAE,EAAET,EADN;MAEE,IAAI,EAAEW,WAAW,GAAG,QAAH,GAAcC,SAFjC;MAGE,QAAQ,EAAED,WAAW,GAAG,CAAH,GAAOC,SAH9B;MAIE,KAAK,EAAEF,KAJT;MAKE,GAAG,EAAEX,YALP;MAME,WAAW,EAAE,cANf;MAOE,WAAW,EAAE,CAPf;MAQE,YAAY,EAAE,IARhB;MASE,YAAY,EAAE,IAThB;MAUE,MAAM,EAAE,KAVV;MAWE,QAAQ,EAAE,CAACY,WAXb;MAYE,iBAAe,CAACA,WAZlB;MAaE,KAAK,EAAE;QACLE,EAAE,EAAE,aADC;QAELN,KAAK,EAAE,SAFF;QAGLO,OAAO,KAHF;QAILC,EAAE,EAAEX,WAAW,uBAJV;QAKLY,EAAE,EAAEX,YAAY,uBALX;QAMLY,GAAG,UANE;QAOLC,KAAK,EAAE,MAPF;QAQLC,QAAQ,EAAE,MARL;QASLC,MAAM,EAAE,MATH;QAULC,UAAU,EAAE,MAVP;QAWL,UAAU;UACRC,OAAO,EAAE;QADD,CAXL;QAcLC,MAAM,EAAE,MAdH;QAeLC,YAAY,EAAE,CAfT;QAgBLC,QAAQ,EAAE,UAhBL;QAiBLC,OAAO,EAAE,aAjBJ;QAkBLC,UAAU,EAAE,QAlBP;QAmBLC,MAAM,EAAEjB,WAAW,GAAG,SAAH,GAAe;MAnB7B,CAbT;MAAA,WAmCGP,WAnCH,EAoCGE,QApCH,EAqCGD,YArCH;IAAA;EATF,GADF;AAmDD,CApEiC,CAA7B"}
+{"version":3,"file":"ButtonChip.js","names":["forwardRef","ChipBase","RippleBox","useTheme","ButtonChip","props","forwardedRef","as","onClick","disabledProp","disabled","leadingIcon","trailingIcon","children","color","__css","otherProps","theme","isClickable","undefined","bg","padding","pl","pr","gap","width","minWidth","height","appearance","outline","border","borderRadius","position","display","alignItems","cursor"],"sources":["../../../src/Chip/ButtonChip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase } from './ChipBase';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\n\nexport type ButtonChipProps = ChipBaseProps & {\n  checked?: boolean;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\n\nexport const ButtonChip = forwardRef<HTMLDivElement, ButtonChipProps>(\n  function ButtonChip(props, forwardedRef) {\n    const {\n      as = 'div',\n      onClick,\n      disabled: disabledProp,\n      leadingIcon,\n      trailingIcon,\n      children,\n      color,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const isClickable = onClick && !disabledProp;\n\n    return (\n      <ChipBase\n        as=\"div\"\n        onClick={isClickable ? onClick : undefined}\n        disabled={disabledProp}\n        color=\"on.surface\"\n        backgroundColor=\"surface\"\n        __css={__css}\n        {...otherProps}\n      >\n        <RippleBox\n          as={as}\n          role={isClickable ? 'button' : undefined}\n          tabIndex={isClickable ? 0 : undefined}\n          theme={theme}\n          ref={forwardedRef}\n          rippleColor={'currentColor'}\n          baseOpacity={0}\n          hoverOpacity={0.12}\n          focusOpacity={0.24}\n          center={false}\n          disabled={!isClickable}\n          aria-disabled={!isClickable}\n          __css={{\n            bg: 'transparent',\n            color: 'inherit',\n            padding: `0`,\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n            gap: rem(8),\n            width: '100%',\n            minWidth: 'auto',\n            height: '100%',\n            appearance: 'none',\n            ':focus': {\n              outline: 'none',\n            },\n            border: 'none',\n            borderRadius: 0,\n            position: 'relative',\n            display: 'inline-flex',\n            alignItems: 'center',\n            cursor: isClickable ? 'pointer' : 'default',\n          }}\n        >\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </RippleBox>\n      </ChipBase>\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;;;AASA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,gBAUID,KAVJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,IAEEC,OAFF,GAUIH,KAVJ,CAEEG,OAFF;EAAA,IAGYC,YAHZ,GAUIJ,KAVJ,CAGEK,QAHF;EAAA,IAIEC,WAJF,GAUIN,KAVJ,CAIEM,WAJF;EAAA,IAKEC,YALF,GAUIP,KAVJ,CAKEO,YALF;EAAA,IAMEC,QANF,GAUIR,KAVJ,CAMEQ,QANF;EAAA,IAOEC,KAPF,GAUIT,KAVJ,CAOES,KAPF;EAAA,IAQEC,KARF,GAUIV,KAVJ,CAQEU,KARF;EAAA,IASKC,UATL,4BAUIX,KAVJ;;EAYA,IAAMY,KAAK,GAAGd,QAAQ,EAAtB;EACA,IAAMe,WAAW,GAAGV,OAAO,IAAI,CAACC,YAAhC;EAEA,oBACE,KAAC,QAAD;IACE,EAAE,EAAC,KADL;IAEE,OAAO,EAAES,WAAW,GAAGV,OAAH,GAAaW,SAFnC;IAGE,QAAQ,EAAEV,YAHZ;IAIE,KAAK,EAAC,YAJR;IAKE,eAAe,EAAC,SALlB;IAME,KAAK,EAAEM;EANT,GAOMC,UAPN;IAAA,uBASE,MAAC,SAAD;MACE,EAAE,EAAET,EADN;MAEE,IAAI,EAAEW,WAAW,GAAG,QAAH,GAAcC,SAFjC;MAGE,QAAQ,EAAED,WAAW,GAAG,CAAH,GAAOC,SAH9B;MAIE,KAAK,EAAEF,KAJT;MAKE,GAAG,EAAEX,YALP;MAME,WAAW,EAAE,cANf;MAOE,WAAW,EAAE,CAPf;MAQE,YAAY,EAAE,IARhB;MASE,YAAY,EAAE,IAThB;MAUE,MAAM,EAAE,KAVV;MAWE,QAAQ,EAAE,CAACY,WAXb;MAYE,iBAAe,CAACA,WAZlB;MAaE,KAAK,EAAE;QACLE,EAAE,EAAE,aADC;QAELN,KAAK,EAAE,SAFF;QAGLO,OAAO,KAHF;QAILC,EAAE,EAAEX,WAAW,uBAJV;QAKLY,EAAE,EAAEX,YAAY,uBALX;QAMLY,GAAG,UANE;QAOLC,KAAK,EAAE,MAPF;QAQLC,QAAQ,EAAE,MARL;QASLC,MAAM,EAAE,MATH;QAULC,UAAU,EAAE,MAVP;QAWL,UAAU;UACRC,OAAO,EAAE;QADD,CAXL;QAcLC,MAAM,EAAE,MAdH;QAeLC,YAAY,EAAE,CAfT;QAgBLC,QAAQ,EAAE,UAhBL;QAiBLC,OAAO,EAAE,aAjBJ;QAkBLC,UAAU,EAAE,QAlBP;QAmBLC,MAAM,EAAEjB,WAAW,GAAG,SAAH,GAAe;MAnB7B,CAbT;MAAA,WAmCGP,WAnCH,EAoCGE,QApCH,EAqCGD,YArCH;IAAA;EATF,GADF;AAmDD,CApEiC,CAA7B"}

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

@@ -1,4 +1,4 @@
-import { ButtonChip } from './ButtonChip';
-import type { ButtonChipProps } from './ButtonChip';
-export { ButtonChip as Chip };
-export type { ButtonChipProps as ChipProps };
+import { ButtonChip } from './ButtonChip';
+import type { ButtonChipProps } from './ButtonChip';
+export { ButtonChip as Chip };
+export type { ButtonChipProps as ChipProps };

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["ButtonChip","Chip"],"sources":["../../../src/Chip/Chip.tsx"],"sourcesContent":["import { ButtonChip } from './ButtonChip';\r\nimport type { ButtonChipProps } from './ButtonChip';\r\n\r\nexport { ButtonChip as Chip };\r\nexport type { ButtonChipProps as ChipProps };\r\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAGA,SAASA,UAAU,IAAIC,IAAvB"}
+{"version":3,"file":"Chip.js","names":["ButtonChip","Chip"],"sources":["../../../src/Chip/Chip.tsx"],"sourcesContent":["import { ButtonChip } from './ButtonChip';\nimport type { ButtonChipProps } from './ButtonChip';\n\nexport { ButtonChip as Chip };\nexport type { ButtonChipProps as ChipProps };\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAGA,SAASA,UAAU,IAAIC,IAAvB"}

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

@@ -1,10 +1,10 @@
-import type { HTMLAttributes } from 'react';
-import type { BoxProps } from '../Box';
-export declare type ChipBaseProps<H = HTMLDivElement, Attr = HTMLAttributes<H>> = BoxProps<H, Attr> & {
-    variant?: 'filled' | 'outlined';
-    backgroundColor?: string;
-    color?: string;
-    borderOpacity?: number;
-    disabled?: boolean;
-};
-export declare const ChipBase: import("react").ForwardRefExoticComponent<Pick<ChipBaseProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>, "slot" | "style" | "title" | "children" | "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" | "translate" | "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" | "disabled" | "borderOpacity"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes } from 'react';
+import type { BoxProps } from '../Box';
+export declare type ChipBaseProps<H = HTMLDivElement, Attr = HTMLAttributes<H>> = BoxProps<H, Attr> & {
+    variant?: 'filled' | 'outlined';
+    backgroundColor?: string;
+    color?: string;
+    borderOpacity?: number;
+    disabled?: boolean;
+};
+export declare const ChipBase: import("react").ForwardRefExoticComponent<Pick<ChipBaseProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>, "translate" | "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" | "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" | "disabled" | "borderOpacity"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"ChipBase.js","names":["forwardRef","variant","Box","useTheme","alpha","getDarkThemeBackgroundOverlay","getColorOverlay","getFilledCSS","theme","bg","color","disabled","backgroundColor","position","content","opacity","pointerEvents","top","right","bottom","left","width","height","boxSizing","zIndex","boxShadow","getOutlinedCSS","borderOpacity","borderColor","borderStyle","borderWidth","ChipBase","Chip","props","forwardedRef","as","__css","variantProp","colorProp","backgroundColorProp","borderOpacityProp","children","otherProps","undefined","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","whiteSpace","cursor","WebkitTapHighlightColor","willChange","minWidth","scale","prop","variants","text"],"sources":["../../../src/Chip/ChipBase.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { variant } from 'styled-system';\r\nimport { rem } from 'polished';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport type { Theme } from '../theme';\r\nimport { useTheme } from '../theme';\r\nimport {\r\n  alpha,\r\n  getDarkThemeBackgroundOverlay,\r\n  getColorOverlay,\r\n} from '../color';\r\n\r\nexport type ChipBaseProps<\r\n  H = HTMLDivElement,\r\n  Attr = HTMLAttributes<H>\r\n> = BoxProps<H, Attr> & {\r\n  variant?: 'filled' | 'outlined';\r\n  backgroundColor?: string;\r\n  color?: string;\r\n  borderOpacity?: number;\r\n  disabled?: boolean;\r\n};\r\n\r\nfunction getFilledCSS(\r\n  theme: Theme,\r\n  bg: string,\r\n  color: string,\r\n  disabled: boolean\r\n) {\r\n  return {\r\n    ...(!disabled && bg !== 'surface'\r\n      ? { bg }\r\n      : {\r\n          ...getColorOverlay(theme, 'surface', 'primary', 0.05),\r\n        }),\r\n    color,\r\n    '&::before': {\r\n      backgroundColor: 'currentColor',\r\n      position: 'absolute',\r\n      content: '\"\"',\r\n      opacity: 0,\r\n      pointerEvents: 'none',\r\n      top: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      left: 0,\r\n      width: '100%',\r\n      height: '100%',\r\n      boxSizing: 'content-box',\r\n    },\r\n    '& > *': {\r\n      zIndex: 1,\r\n    },\r\n    ...(disabled && { boxShadow: 0, bg: alpha('on.surface', 0.32) }),\r\n  };\r\n}\r\n\r\nfunction getOutlinedCSS(\r\n  theme: Theme,\r\n  bg: string,\r\n  color: string,\r\n  borderOpacity: number\r\n) {\r\n  return {\r\n    ...(bg !== 'surface' ? { bg } : getDarkThemeBackgroundOverlay(theme, 2)),\r\n    color: color,\r\n    borderColor: alpha(color, borderOpacity),\r\n    borderStyle: 'solid',\r\n    borderWidth: rem(1),\r\n  };\r\n}\r\n\r\nexport const ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function Chip(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    as = 'div',\r\n    __css,\r\n    variant: variantProp = 'filled',\r\n    color: colorProp = 'on.surface',\r\n    backgroundColor: backgroundColorProp = 'surface',\r\n    borderOpacity: borderOpacityProp = 0.24,\r\n    children,\r\n    disabled = false,\r\n    ...otherProps\r\n  } = props;\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <Box\r\n      as={as}\r\n      data-disabled={disabled ? '' : undefined}\r\n      ref={forwardedRef}\r\n      __css={{\r\n        boxSizing: 'border-box',\r\n        position: 'relative',\r\n        display: 'inline-flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        textAlign: 'center',\r\n        lineHeight: 'inherit',\r\n        textDecoration: 'none',\r\n        fontSize: 'inherit',\r\n        border: 0,\r\n        overflow: 'hidden',\r\n        whiteSpace: 'nowrap',\r\n        cursor: 'default',\r\n        WebkitTapHighlightColor: 'transparent',\r\n        willChange: 'transform,opacity',\r\n        minWidth: 'auto',\r\n        '&::-moz-focus-inner': {\r\n          border: 0,\r\n        },\r\n        ...variant({\r\n          scale: 'chips.variants',\r\n          prop: 'variant',\r\n          variants: {\r\n            text: {},\r\n          },\r\n        })({ variant: variantProp, theme }),\r\n        ...(variantProp === 'filled'\r\n          ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled)\r\n          : getOutlinedCSS(\r\n              theme,\r\n              backgroundColorProp,\r\n              colorProp,\r\n              borderOpacityProp\r\n            )),\r\n        opacity: disabled ? 0.38 : 1,\r\n        ...__css,\r\n      }}\r\n      {...otherProps}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"ChipBase.js","names":["forwardRef","variant","Box","useTheme","alpha","getDarkThemeBackgroundOverlay","getColorOverlay","getFilledCSS","theme","bg","color","disabled","backgroundColor","position","content","opacity","pointerEvents","top","right","bottom","left","width","height","boxSizing","zIndex","boxShadow","getOutlinedCSS","borderOpacity","borderColor","borderStyle","borderWidth","ChipBase","Chip","props","forwardedRef","as","__css","variantProp","colorProp","backgroundColorProp","borderOpacityProp","children","otherProps","undefined","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","whiteSpace","cursor","WebkitTapHighlightColor","willChange","minWidth","scale","prop","variants","text"],"sources":["../../../src/Chip/ChipBase.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { variant } from 'styled-system';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\nimport {\n  alpha,\n  getDarkThemeBackgroundOverlay,\n  getColorOverlay,\n} from '../color';\n\nexport type ChipBaseProps<\n  H = HTMLDivElement,\n  Attr = HTMLAttributes<H>\n> = BoxProps<H, Attr> & {\n  variant?: 'filled' | 'outlined';\n  backgroundColor?: string;\n  color?: string;\n  borderOpacity?: number;\n  disabled?: boolean;\n};\n\nfunction getFilledCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  disabled: boolean\n) {\n  return {\n    ...(!disabled && bg !== 'surface'\n      ? { bg }\n      : {\n          ...getColorOverlay(theme, 'surface', 'primary', 0.05),\n        }),\n    color,\n    '&::before': {\n      backgroundColor: 'currentColor',\n      position: 'absolute',\n      content: '\"\"',\n      opacity: 0,\n      pointerEvents: 'none',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      width: '100%',\n      height: '100%',\n      boxSizing: 'content-box',\n    },\n    '& > *': {\n      zIndex: 1,\n    },\n    ...(disabled && { boxShadow: 0, bg: alpha('on.surface', 0.32) }),\n  };\n}\n\nfunction getOutlinedCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  borderOpacity: number\n) {\n  return {\n    ...(bg !== 'surface' ? { bg } : getDarkThemeBackgroundOverlay(theme, 2)),\n    color: color,\n    borderColor: alpha(color, borderOpacity),\n    borderStyle: 'solid',\n    borderWidth: rem(1),\n  };\n}\n\nexport const ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function Chip(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    __css,\n    variant: variantProp = 'filled',\n    color: colorProp = 'on.surface',\n    backgroundColor: backgroundColorProp = 'surface',\n    borderOpacity: borderOpacityProp = 0.24,\n    children,\n    disabled = false,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <Box\n      as={as}\n      data-disabled={disabled ? '' : undefined}\n      ref={forwardedRef}\n      __css={{\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        lineHeight: 'inherit',\n        textDecoration: 'none',\n        fontSize: 'inherit',\n        border: 0,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        cursor: 'default',\n        WebkitTapHighlightColor: 'transparent',\n        willChange: 'transform,opacity',\n        minWidth: 'auto',\n        '&::-moz-focus-inner': {\n          border: 0,\n        },\n        ...variant({\n          scale: 'chips.variants',\n          prop: 'variant',\n          variants: {\n            text: {},\n          },\n        })({ variant: variantProp, theme }),\n        ...(variantProp === 'filled'\n          ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled)\n          : getOutlinedCSS(\n              theme,\n              backgroundColorProp,\n              colorProp,\n              borderOpacityProp\n            )),\n        opacity: disabled ? 0.38 : 1,\n        ...__css,\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,OAAT,QAAwB,eAAxB;AAIA,SAASC,GAAT,QAAoB,QAApB;AAEA,SAASC,QAAT,QAAyB,UAAzB;AACA,SACEC,KADF,EAEEC,6BAFF,EAGEC,eAHF,QAIO,UAJP;;;AAiBA,SAASC,YAAT,CACEC,KADF,EAEEC,EAFF,EAGEC,KAHF,EAIEC,QAJF,EAKE;EACA,6BACM,CAACA,QAAD,IAAaF,EAAE,KAAK,SAApB,GACA;IAAEA,EAAE,EAAFA;EAAF,CADA,gBAGKH,eAAe,CAACE,KAAD,EAAQ,SAAR,EAAmB,SAAnB,EAA8B,IAA9B,CAHpB,CADN;IAMEE,KAAK,EAALA,KANF;IAOE,aAAa;MACXE,eAAe,EAAE,cADN;MAEXC,QAAQ,EAAE,UAFC;MAGXC,OAAO,EAAE,IAHE;MAIXC,OAAO,EAAE,CAJE;MAKXC,aAAa,EAAE,MALJ;MAMXC,GAAG,EAAE,CANM;MAOXC,KAAK,EAAE,CAPI;MAQXC,MAAM,EAAE,CARG;MASXC,IAAI,EAAE,CATK;MAUXC,KAAK,EAAE,MAVI;MAWXC,MAAM,EAAE,MAXG;MAYXC,SAAS,EAAE;IAZA,CAPf;IAqBE,SAAS;MACPC,MAAM,EAAE;IADD;EArBX,GAwBMb,QAAQ,IAAI;IAAEc,SAAS,EAAE,CAAb;IAAgBhB,EAAE,EAAEL,KAAK,CAAC,YAAD,EAAe,IAAf;EAAzB,CAxBlB;AA0BD;;AAED,SAASsB,cAAT,CACElB,KADF,EAEEC,EAFF,EAGEC,KAHF,EAIEiB,aAJF,EAKE;EACA,6BACMlB,EAAE,KAAK,SAAP,GAAmB;IAAEA,EAAE,EAAFA;EAAF,CAAnB,GAA4BJ,6BAA6B,CAACG,KAAD,EAAQ,CAAR,CAD/D;IAEEE,KAAK,EAAEA,KAFT;IAGEkB,WAAW,EAAExB,KAAK,CAACM,KAAD,EAAQiB,aAAR,CAHpB;IAIEE,WAAW,EAAE,OAJf;IAKEC,WAAW;EALb;AAOD;;AAED,OAAO,IAAMC,QAAQ,gBAAG/B,UAAU,CAAgC,SAASgC,IAAT,CAChEC,KADgE,EAEhEC,YAFgE,EAGhE;EACA,gBAUID,KAVJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,IAEEC,KAFF,GAUIH,KAVJ,CAEEG,KAFF;EAAA,qBAUIH,KAVJ,CAGEhC,OAHF;EAAA,IAGWoC,WAHX,+BAGyB,QAHzB;EAAA,mBAUIJ,KAVJ,CAIEvB,KAJF;EAAA,IAIS4B,SAJT,6BAIqB,YAJrB;EAAA,4BAUIL,KAVJ,CAKErB,eALF;EAAA,IAKmB2B,mBALnB,sCAKyC,SALzC;EAAA,2BAUIN,KAVJ,CAMEN,aANF;EAAA,IAMiBa,iBANjB,qCAMqC,IANrC;EAAA,IAOEC,QAPF,GAUIR,KAVJ,CAOEQ,QAPF;EAAA,sBAUIR,KAVJ,CAQEtB,QARF;EAAA,IAQEA,QARF,gCAQa,KARb;EAAA,IASK+B,UATL,4BAUIT,KAVJ;;EAWA,IAAMzB,KAAK,GAAGL,QAAQ,EAAtB;EAEA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEgC,EADN;IAEE,iBAAexB,QAAQ,GAAG,EAAH,GAAQgC,SAFjC;IAGE,GAAG,EAAET,YAHP;IAIE,KAAK;MACHX,SAAS,EAAE,YADR;MAEHV,QAAQ,EAAE,UAFP;MAGH+B,OAAO,EAAE,aAHN;MAIHC,UAAU,EAAE,QAJT;MAKHC,cAAc,EAAE,QALb;MAMHC,SAAS,EAAE,QANR;MAOHC,UAAU,EAAE,SAPT;MAQHC,cAAc,EAAE,MARb;MASHC,QAAQ,EAAE,SATP;MAUHC,MAAM,EAAE,CAVL;MAWHC,QAAQ,EAAE,QAXP;MAYHC,UAAU,EAAE,QAZT;MAaHC,MAAM,EAAE,SAbL;MAcHC,uBAAuB,EAAE,aAdtB;MAeHC,UAAU,EAAE,mBAfT;MAgBHC,QAAQ,EAAE,MAhBP;MAiBH,uBAAuB;QACrBN,MAAM,EAAE;MADa;IAjBpB,GAoBAlD,OAAO,CAAC;MACTyD,KAAK,EAAE,gBADE;MAETC,IAAI,EAAE,SAFG;MAGTC,QAAQ,EAAE;QACRC,IAAI,EAAE;MADE;IAHD,CAAD,CAAP,CAMA;MAAE5D,OAAO,EAAEoC,WAAX;MAAwB7B,KAAK,EAALA;IAAxB,CANA,CApBA,GA2BC6B,WAAW,KAAK,QAAhB,GACA9B,YAAY,CAACC,KAAD,EAAQ+B,mBAAR,EAA6BD,SAA7B,EAAwC3B,QAAxC,CADZ,GAEAe,cAAc,CACZlB,KADY,EAEZ+B,mBAFY,EAGZD,SAHY,EAIZE,iBAJY,CA7Bf;MAmCHzB,OAAO,EAAEJ,QAAQ,GAAG,IAAH,GAAU;IAnCxB,GAoCAyB,KApCA;EAJP,GA0CMM,UA1CN;IAAA,UA4CGD;EA5CH,GADF;AAgDD,CAjEiC,CAA3B"}

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

@@ -1,10 +1,10 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-import type { ChipBaseProps } from './ChipBase';
-export declare type ChoiceChipProps = ChipBaseProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> & {
-    checked?: boolean;
-    disabled?: boolean;
-    type: 'checkbox' | 'radio';
-    leadingIcon?: ReactNode;
-    trailingIcon?: ReactNode;
-};
-export declare const ChoiceChip: import("react").ForwardRefExoticComponent<Pick<ChoiceChipProps, "translate" | "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" | "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" | "leadingIcon" | "trailingIcon" | "borderOpacity"> & import("react").RefAttributes<HTMLInputElement>>;
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { ChipBaseProps } from './ChipBase';
+export declare type ChoiceChipProps = ChipBaseProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> & {
+    checked?: boolean;
+    disabled?: boolean;
+    type: 'checkbox' | 'radio';
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+};
+export declare const ChoiceChip: import("react").ForwardRefExoticComponent<Pick<ChoiceChipProps, "translate" | "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" | "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" | "leadingIcon" | "trailingIcon" | "borderOpacity"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceChip.js","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"],"sources":["../../../src/Chip/ChoiceChip.tsx"],"sourcesContent":["import type { FC, InputHTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { RadioButton, CheckBox } from '@basic-ui/core';\r\nimport { rem } from 'polished';\r\n\r\nimport type { ChipBaseProps } from './ChipBase';\r\nimport { ChipBase } from './ChipBase';\r\nimport type { RippleBoxProps } from '../Ripple';\r\nimport { RippleBox } from '../Ripple';\r\nimport { useTheme } from '../theme';\r\nimport { Box } from '../Box';\r\n\r\nexport type ChoiceChipProps = ChipBaseProps<\r\n  HTMLInputElement,\r\n  InputHTMLAttributes<HTMLInputElement>\r\n> & {\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n  type: 'checkbox' | 'radio';\r\n  leadingIcon?: ReactNode;\r\n  trailingIcon?: ReactNode;\r\n};\r\n\r\nconst InnerInput: FC<any> = forwardRef<HTMLInputElement, ChoiceChipProps>(\r\n  function InnerInput(props, forwardedRef) {\r\n    const {\r\n      type,\r\n      color = 'primary',\r\n      checked,\r\n      'aria-checked': ariaChecked,\r\n      defaultChecked,\r\n      value,\r\n      name,\r\n      defaultValue,\r\n      disabled,\r\n      onChange,\r\n      leadingIcon,\r\n      trailingIcon,\r\n      children,\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const theme = useTheme();\r\n\r\n    return (\r\n      <ChipBase\r\n        as=\"label\"\r\n        disabled={disabled}\r\n        backgroundColor={checked ? color + '-container' : 'surface'}\r\n        color={checked ? 'on.' + color + '-container' : 'on.surface'}\r\n        borderOpacity={checked ? 0 : 0.24}\r\n        __css={__css}\r\n        {...otherProps}\r\n      >\r\n        <Box\r\n          as=\"span\"\r\n          __css={{\r\n            width: '100%',\r\n            height: '100%',\r\n            border: 'none',\r\n            display: 'inline-flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            pl: leadingIcon ? rem(8) : rem(12),\r\n            pr: trailingIcon ? rem(8) : rem(12),\r\n          }}\r\n        >\r\n          <RippleBox<\r\n            RippleBoxProps<\r\n              HTMLInputElement,\r\n              InputHTMLAttributes<HTMLInputElement>\r\n            >\r\n          >\r\n            as=\"input\"\r\n            type={type}\r\n            aria-checked={ariaChecked}\r\n            checked={checked}\r\n            onChange={onChange}\r\n            defaultChecked={defaultChecked}\r\n            value={value}\r\n            defaultValue={defaultValue}\r\n            theme={theme}\r\n            disabled={disabled}\r\n            rippleColor={color}\r\n            baseOpacity={0}\r\n            hoverOpacity={0.12}\r\n            focusOpacity={0.24}\r\n            name={name}\r\n            ref={forwardedRef}\r\n            __css={{\r\n              bg: 'transparent',\r\n              top: 0,\r\n              left: 0,\r\n              width: '100%',\r\n              height: '100%',\r\n              appearance: 'none',\r\n              ':focus': {\r\n                outline: 'none',\r\n              },\r\n              border: 'none',\r\n              borderRadius: 0,\r\n              position: 'absolute',\r\n            }}\r\n          />\r\n          {leadingIcon}\r\n          {children}\r\n          {trailingIcon}\r\n        </Box>\r\n      </ChipBase>\r\n    );\r\n  }\r\n);\r\n\r\nexport const ChoiceChip = forwardRef<HTMLInputElement, ChoiceChipProps>(\r\n  function ChoiceChip(props, forwardedRef) {\r\n    const { type = 'checkbox', ...otherProps } = props;\r\n\r\n    const Comp: FC<ChoiceChipProps> = (\r\n      type === 'radio' ? RadioButton : CheckBox\r\n    ) as any;\r\n\r\n    return (\r\n      <Comp ref={forwardedRef} as={InnerInput} type={type} {...otherProps} />\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"ChoiceChip.js","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"],"sources":["../../../src/Chip/ChoiceChip.tsx"],"sourcesContent":["import type { FC, InputHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } 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  InputHTMLAttributes<HTMLInputElement>\n> & {\n  checked?: boolean;\n  disabled?: boolean;\n  type: 'checkbox' | 'radio';\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\n\nconst InnerInput: 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              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: 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"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export * from './Chip';
-export * from './ChoiceChip';
+export * from './Chip';
+export * from './ChoiceChip';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Chip/index.ts"],"sourcesContent":["export * from './Chip';\r\nexport * from './ChoiceChip';\r\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,cAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Chip/index.ts"],"sourcesContent":["export * from './Chip';\nexport * from './ChoiceChip';\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,cAAd"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ColorModeProviderProps {
+    children?: React.ReactNode;
+    styles: Record<string, Record<string, string>>;
+}
+export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
+export {};

package/build/esm/ColorMode/ColorModeProvider.js

@@ -0,0 +1,71 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect, useMemo, useCallback } from 'react';
+import { Global } from '@emotion/react';
+import { ColorModeContext } from './color-mode';
+import { DARK_THEME_CLASS, THEME_LOCAL_STORAGE_KEY } from './constants';
+
+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');
+  }
+
+  if (colorMode === 'dark') {
+    document.body.classList.add(DARK_THEME_CLASS);
+  } else {
+    document.body.classList.remove(DARK_THEME_CLASS);
+  }
+}
+
+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);
+  }, []);
+  var colorModeObject = useMemo(function () {
+    return {
+      colorMode: colorMode,
+      setColorMode: setColorMode
+    };
+  }, [colorMode, setColorMode]);
+  useEffect(function () {
+    _setColorMode(document.body.classList.contains(DARK_THEME_CLASS) ? 'dark' : 'default');
+
+    var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+    darkQuery == null ? void 0 : darkQuery.addListener(function (e) {
+      setColorMode(e.matches ? 'dark' : 'default', false);
+    });
+  }, [setColorMode]);
+  var globalStyles = useMemo(function () {
+    var ret = {
+      body: styles['default'] || {}
+    };
+
+    for (var key in styles) {
+      if (key === 'default') {
+        continue;
+      }
+
+      ret["body.".concat(DARK_THEME_CLASS)] = styles[key];
+    }
+
+    return ret;
+  }, [styles]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Global, {
+    styles: globalStyles
+  }), /*#__PURE__*/React.createElement(ColorModeContext.Provider, {
+    value: colorModeObject
+  }, children));
+};
+//# sourceMappingURL=ColorModeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ColorMode/ColorModeProvider.tsx"],"names":["React","useState","useEffect","useMemo","useCallback","Global","ColorModeContext","DARK_THEME_CLASS","THEME_LOCAL_STORAGE_KEY","saveColorMode","colorMode","saveToStorage","window","localStorage","setItem","document","body","classList","add","remove","ColorModeProvider","props","children","styles","_setColorMode","setColorMode","colorModeObject","contains","darkQuery","matchMedia","addListener","e","matches","globalStyles","ret","key"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,WAA9C,QAAiE,OAAjE;AACA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAAoBC,gBAApB,QAA4C,cAA5C;AACA,SAASC,gBAAT,EAA2BC,uBAA3B,QAA0D,aAA1D;;AAOA,SAASC,aAAT,CAAuBC,SAAvB,EAAmE;AAAA,MAAtBC,aAAsB,uEAAN,IAAM;;AACjE,MAAIA,aAAJ,EAAmB;AACjBC,IAAAA,MAAM,CAACC,YAAP,CAAoBC,OAApB,CACEN,uBADF,EAEEE,SAAS,IAAI,SAFf;AAID;;AAED,MAAIA,SAAS,KAAK,MAAlB,EAA0B;AACxBK,IAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4BX,gBAA5B;AACD,GAFD,MAEO;AACLQ,IAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+BZ,gBAA/B;AACD;AACF;;AAED,OAAO,IAAMa,iBAAmD,GAAG,SAAtDA,iBAAsD,CAACC,KAAD,EAAW;AAAA,MACpEC,QADoE,GAC/CD,KAD+C,CACpEC,QADoE;AAAA,MAC1DC,MAD0D,GAC/CF,KAD+C,CAC1DE,MAD0D;;AAAA,kBAEzCtB,QAAQ,EAFiC;AAAA;AAAA,MAErES,SAFqE;AAAA,MAE1Dc,aAF0D;;AAI5E,MAAMC,YAAY,GAAGrB,WAAW,CAC9B,UAACM,SAAD,EAAgD;AAAA,QAAzBC,aAAyB,uEAAT,IAAS;AAC9CF,IAAAA,aAAa,CAACC,SAAS,IAAI,SAAd,EAAyBC,aAAzB,CAAb;;AACAa,IAAAA,aAAa,CAACd,SAAD,CAAb;AACD,GAJ6B,EAK9B,EAL8B,CAAhC;AAQA,MAAMgB,eAAe,GAAGvB,OAAO,CAC7B;AAAA,WAAO;AACLO,MAAAA,SAAS,EAATA,SADK;AAELe,MAAAA,YAAY,EAAZA;AAFK,KAAP;AAAA,GAD6B,EAK7B,CAACf,SAAD,EAAYe,YAAZ,CAL6B,CAA/B;AAQAvB,EAAAA,SAAS,CAAC,YAAM;AACdsB,IAAAA,aAAa,CACXT,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBU,QAAxB,CAAiCpB,gBAAjC,IAAqD,MAArD,GAA8D,SADnD,CAAb;;AAIA,QAAMqB,SAAS,GAAGhB,MAAM,CAACiB,UAAP,CAAkB,8BAAlB,CAAlB;AACAD,IAAAA,SAAS,QAAT,YAAAA,SAAS,CAAEE,WAAX,CAAuB,UAACC,CAAD,EAAO;AAC5BN,MAAAA,YAAY,CAACM,CAAC,CAACC,OAAF,GAAY,MAAZ,GAAqB,SAAtB,EAAiC,KAAjC,CAAZ;AACD,KAFD;AAGD,GATQ,EASN,CAACP,YAAD,CATM,CAAT;AAWA,MAAMQ,YAAY,GAAG9B,OAAO,CAAC,YAAM;AACjC,QAAM+B,GAAG,GAAG;AAAElB,MAAAA,IAAI,EAAEO,MAAM,CAAC,SAAD,CAAN,IAAqB;AAA7B,KAAZ;;AACA,SAAK,IAAMY,GAAX,IAAkBZ,MAAlB,EAA0B;AACxB,UAAIY,GAAG,KAAK,SAAZ,EAAuB;AACrB;AACD;;AACDD,MAAAA,GAAG,gBAAS3B,gBAAT,EAAH,GAAkCgB,MAAM,CAACY,GAAD,CAAxC;AACD;;AAED,WAAOD,GAAP;AACD,GAV2B,EAUzB,CAACX,MAAD,CAVyB,CAA5B;AAYA,sBACE,uDACE,oBAAC,MAAD;AAAQ,IAAA,MAAM,EAAEU;AAAhB,IADF,eAEE,oBAAC,gBAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAEP;AAAlC,KACGJ,QADH,CAFF,CADF;AAQD,CAnDM","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { Global } from '@emotion/react';\nimport { ColorMode, ColorModeContext } from './color-mode';\nimport { DARK_THEME_CLASS, THEME_LOCAL_STORAGE_KEY } 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  if (colorMode === 'dark') {\n    document.body.classList.add(DARK_THEME_CLASS);\n  } else {\n    document.body.classList.remove(DARK_THEME_CLASS);\n  }\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 = { body: styles['default'] || {} };\n    for (const key in styles) {\n      if (key === 'default') {\n        continue;\n      }\n      ret[`body.${DARK_THEME_CLASS}`] = 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.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type ColorMode = 'default' | 'dark';
+export interface ColorModeContextProps {
+    colorMode?: ColorMode;
+    setColorMode: (colorMode: ColorMode) => void;
+}
+export declare const ColorModeContext: import("react").Context<ColorModeContextProps | undefined>;
+export declare const useColorMode: () => ColorModeContextProps;

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

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react';
+export var ColorModeContext = /*#__PURE__*/createContext(undefined);
+export var useColorMode = function useColorMode() {
+  var ret = useContext(ColorModeContext);
+
+  if (!ret) {
+    throw new Error('Missing <ColorModeProvider>');
+  }
+
+  return ret;
+};
+//# sourceMappingURL=color-mode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ColorMode/color-mode.ts"],"names":["createContext","useContext","ColorModeContext","undefined","useColorMode","ret","Error"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAUA,OAAO,IAAMC,gBAAgB,gBAAGF,aAAa,CAE3CG,SAF2C,CAAtC;AAIP,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAA6B;AACvD,MAAMC,GAAG,GAAGJ,UAAU,CAACC,gBAAD,CAAtB;;AACA,MAAI,CAACG,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CAAU,6BAAV,CAAN;AACD;;AAED,SAAOD,GAAP;AACD,CAPM","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<\n  ColorModeContextProps | undefined\n>(undefined);\n\nexport const useColorMode = (): ColorModeContextProps => {\n  const ret = useContext(ColorModeContext);\n  if (!ret) {\n    throw new Error('Missing <ColorModeProvider>');\n  }\n\n  return ret;\n};\n"],"file":"color-mode.js"}

package/build/esm/ColorMode/color-vars.d.ts

@@ -0,0 +1,4 @@
+export declare function getTheme(theme: Record<string, any>): {
+    theme: any;
+    colorModes: Record<string, Record<string, string>>;
+};

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

@@ -0,0 +1,58 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { parseToRgb } from 'polished';
+
+var toVarName = function toVarName(key) {
+  var suffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return "--".concat(key).concat(suffix ? "--".concat(suffix) : '');
+};
+
+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) {
+  var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  Object.keys(obj).forEach(function (key) {
+    if (key === 'modes') {
+      return;
+    }
+
+    var value = obj[key];
+    var varName = root.length > 0 ? "".concat(root, "-").concat(key) : "".concat(key);
+
+    if (_typeof(value) === 'object') {
+      obj[key] = themify(obj[key], vars, varName);
+    } else {
+      vars[toVarName(varName)] = value;
+      obj[key] = toVarValue(varName, value);
+
+      try {
+        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
+      }
+    }
+  });
+  return obj;
+}
+
+export function getTheme(theme) {
+  var colorModes = {
+    default: {}
+  };
+  var themeClone = JSON.parse(JSON.stringify(theme)); // default
+
+  themeClone.colors = themify(themeClone.colors, colorModes.default, ''); // other modes
+
+  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
+  };
+}
+//# sourceMappingURL=color-vars.js.map

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

@@ -0,0 +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":"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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.d.ts

@@ -0,0 +1,2 @@
+export declare const THEME_LOCAL_STORAGE_KEY = "basic-ui-theme";
+export declare const DARK_THEME_CLASS: string;

package/build/esm/ColorMode/constants.js

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

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

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

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

@@ -0,0 +1,4 @@
+export * from './ColorModeProvider';
+export * from './color-vars';
+export * from './constants';
+export * from './color-mode';

package/build/esm/ColorMode/index.js

@@ -0,0 +1,5 @@
+export * from './ColorModeProvider';
+export * from './color-vars';
+export * from './constants';
+export * from './color-mode';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ColorMode/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd","sourcesContent":["export * from './ColorModeProvider';\nexport * from './color-vars';\nexport * from './constants';\nexport * from './color-mode';\n"],"file":"index.js"}