@charcoal-ui/react 2.8.0 → 2.10.0

package/dist/components/Button/index.test.d.ts

@@ -0,0 +1,4 @@
+import 'jest-styled-components';
+import renderder from 'react-test-renderer';
+export declare function render(children: JSX.Element): renderder.ReactTestRendererJSON | renderder.ReactTestRendererJSON[] | null;
+//# sourceMappingURL=index.test.d.ts.map

package/dist/components/Button/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.test.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAI/B,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAI3C,wBAAgB,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,8EAI3C"}

package/dist/components/Checkbox/index.d.ts

@@ -7,6 +7,7 @@ type CheckboxLabelProps = {
 export type CheckboxProps = CheckboxLabelProps & {
     readonly id?: string;
     readonly name?: string;
+    readonly className?: string;
     readonly checked?: boolean;
     readonly defaultChecked?: boolean;
     readonly disabled?: boolean;

package/dist/components/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAWxD,KAAK,kBAAkB,GACnB;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAEL,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;;AAoCD,wBAA6B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAWxD,KAAK,kBAAkB,GACnB;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAEL,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAE3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;;AAoCD,wBAA6B"}

package/dist/components/Checkbox/index.story.d.ts

@@ -10,6 +10,7 @@ type Props = {
     defaultChecked: boolean;
     disabled: boolean;
     readonly: boolean;
+    className?: string;
 };
 export declare const Labelled: Story<Props>;
 export declare const Unlabelled: Story<Props>;

package/dist/components/Checkbox/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAEzC,wBAGC;AAED,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAkCjC,CAAA;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAcnC,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAEzC,wBAGC;AAED,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAkCjC,CAAA;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAcnC,CAAA"}

package/dist/components/LoadingSpinner/index.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
-export default function LoadingSpinner({ size, padding, transparent, }: {
-    size?: number | undefined;
-    padding?: number | undefined;
-    transparent?: boolean | undefined;
-}): JSX.Element;
+export type LoadingSpinnerProps = {
+    readonly size?: number;
+    readonly padding?: number;
+    readonly transparent?: boolean;
+    readonly className?: string;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<LoadingSpinnerProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;
 interface Props {
     once?: boolean;
 }
@@ -11,5 +14,4 @@ export interface LoadingSpinnerIconHandler {
     restart(): void;
 }
 export declare const LoadingSpinnerIcon: React.ForwardRefExoticComponent<Props & React.RefAttributes<LoadingSpinnerIconHandler>>;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/LoadingSpinner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAI1D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAS,EACT,OAAY,EACZ,WAAmB,GACpB;;;;CAAA,eAMA;AA+CD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,yFAmB7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAI5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;;AAqBD,wBAAmC;AA+CnC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,yFAmB7B,CAAA"}

package/dist/components/LoadingSpinner/index.story.d.ts

@@ -1,7 +1,7 @@
-import LoadingSpinner from '.';
+import React from 'react';
 declare const _default: {
     title: string;
-    component: typeof LoadingSpinner;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import(".").LoadingSpinnerProps & React.RefAttributes<HTMLDivElement>>>;
     decorators: ((...args: any) => any)[];
 };
 export default _default;

package/dist/components/LoadingSpinner/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.story.tsx"],"names":[],"mappings":"AAQA,OAAO,cAGN,MAAM,GAAG,CAAA;;;;;;AAEV,wBAIC;AAED,wBAAgB,KAAK,gBAQpB;AAED,wBAAgB,IAAI,gBAEnB"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.story.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiB,MAAM,OAAO,CAAA;;;;;;AAMrC,wBAIC;AAED,wBAAgB,KAAK,gBAcpB;AAED,wBAAgB,IAAI,gBAEnB"}

package/dist/components/Modal/index.d.ts

@@ -12,38 +12,29 @@ export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
     bottomSheet?: BottomSheet;
     isOpen: boolean;
     onClose: () => void;
+    className?: string;
     /**
      * https://github.com/adobe/react-spectrum/issues/3787
      * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
      */
     portalContainer?: HTMLElement;
 };
-/**
- * モーダルコンポーネント。
- *
- * @example アプリケーションルートで `<OverlayProvider>` ないし `<CharcoalProvider>` で囲った上で利用する
- * ```tsx
- * import {
- *   OverlayProvider,
- *   Modal,
- *   ModalHeader,
- *   ModalBody,
- *   ModalButtons
- * } from '@charcoal-ui/react'
- *
- * <OverlayProvider>
- *   <App>
- *     <Modal isOpen={state.isOpen} onClose={() => state.close()} isDismissable>
- *       <ModalHeader />
- *       <ModalBody>...</ModalBody>
- *       <ModalButtons>...</ModalButtons>
- *     </Modal>
- *   </App>
- * </OverlayProvider>
- * ```
- */
-export default function Modal({ children, zIndex, portalContainer, ...props }: ModalProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AriaModalOverlayProps & AriaDialogProps & {
+    children: React.ReactNode;
+    zIndex?: number | undefined;
+    title: string;
+    size?: Size | undefined;
+    bottomSheet?: BottomSheet | undefined;
+    isOpen: boolean;
+    onClose: () => void;
+    className?: string | undefined;
+    /**
+     * https://github.com/adobe/react-spectrum/issues/3787
+     * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
+     */
+    portalContainer?: HTMLElement | undefined;
+} & React.RefAttributes<HTMLDivElement>>>;
+export default _default;
 export declare function ModalTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
 export declare function ModalDismissButton({ children, ...props }: ButtonProps): JSX.Element | null;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EACL,qBAAqB,EAItB,MAAM,sBAAsB,CAAA;AAK7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAMrD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/C,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AACnC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAE3B,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;AAIH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,MAAwB,EACxB,eAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,eAgGZ;AA6FD,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,eAOzE;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAC3D,OAAO,EACL,qBAAqB,EAItB,MAAM,sBAAsB,CAAA;AAK7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAMrD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAI/C,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AACnC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAE3B,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;IALC;;;OAGG;;;AAuIP,wBAA0B;AA6F1B,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,eAOzE;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}

package/dist/components/Modal/index.story.d.ts

@@ -1,8 +1,19 @@
+import React from 'react';
 import { Story } from '../../_lib/compat';
-import Modal, { ModalProps } from '.';
+import { ModalProps } from '.';
 declare const _default: {
     title: string;
-    component: typeof Modal;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("@react-aria/overlays").AriaModalOverlayProps & import("@react-types/dialog").AriaDialogProps & {
+        children: React.ReactNode;
+        zIndex?: number | undefined;
+        title: string;
+        size?: ("S" | "M" | "L") | undefined;
+        bottomSheet?: (boolean | "full") | undefined;
+        isOpen: boolean;
+        onClose: () => void;
+        className?: string | undefined;
+        portalContainer?: HTMLElement | undefined;
+    } & React.RefAttributes<HTMLDivElement>>>;
     args: {
         title: string;
     };

package/dist/components/Modal/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,KAAK,EAAE,EAAsB,UAAU,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAczD,wBAqBC;AA+DD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,UAAU,CAAyB,CAAA;AAuD/D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,UAAU,CAAiC,CAAA;AAuC/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAAU,CAA6B,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAc,EAAsB,UAAU,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAczD,wBAqBC;AA+DD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,UAAU,CAAyB,CAAA;AAuD/D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,UAAU,CAAiC,CAAA;AAuC/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAAU,CAA6B,CAAA"}

package/dist/components/MultiSelect/index.d.ts

@@ -4,12 +4,26 @@ export type MultiSelectProps = React.PropsWithChildren<{
     forceChecked?: boolean;
     disabled?: boolean;
     variant?: 'default' | 'overlay';
+    className?: string;
     onChange?: (payload: {
         value: string;
         selected: boolean;
     }) => void;
 }>;
-export default function MultiSelect({ value, forceChecked, disabled, onChange, variant, children, }: MultiSelectProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    value: string;
+    forceChecked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    variant?: "default" | "overlay" | undefined;
+    className?: string | undefined;
+    onChange?: ((payload: {
+        value: string;
+        selected: boolean;
+    }) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
 export type MultiSelectGroupProps = React.PropsWithChildren<{
     className?: string;
     name: string;

package/dist/components/MultiSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAQnE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACnE,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,QAAQ,EACR,OAAmB,EACnB,QAAQ,GACT,EAAE,gBAAgB,eAsDlB;AA4ED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,GACT,EAAE,qBAAqB,eAsCvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAQd,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACnE,CAAC,CAAA;;;;;;;;;;;;;;AAwEF,wBAAgC;AA4EhC,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,GACT,EAAE,qBAAqB,eAsCvB"}

package/dist/components/MultiSelect/index.story.d.ts

@@ -1,9 +1,20 @@
 import React from 'react';
 import { Story } from '../../_lib/compat';
-import { default as MultiSelect } from '.';
 declare const _default: {
     title: string;
-    component: typeof MultiSelect;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+        value: string;
+        forceChecked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        variant?: "default" | "overlay" | undefined;
+        className?: string | undefined;
+        onChange?: ((payload: {
+            value: string;
+            selected: boolean;
+        }) => void) | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLInputElement>>>;
     argTypes: {
         name: {
             control: {
@@ -59,6 +70,7 @@ type Props = {
     readonly?: boolean;
     hasError?: boolean;
     variant?: 'default' | 'overlay';
+    className?: string;
 };
 export declare const Default: React.FunctionComponent<Props> & {
     args?: Props | undefined;
@@ -69,6 +81,7 @@ type PlaygroundProps = {
     disabled?: boolean;
     readonly?: boolean;
     hasError?: boolean;
+    className?: string;
     variant?: 'default' | 'overlay';
 };
 export declare const Playground: Story<PlaygroundProps>;

package/dist/components/MultiSelect/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAoB,OAAO,IAAI,WAAW,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE5D,wBA8CC;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,uBAAuB,EAAE,OAAO,CAAA;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AA8CD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAcxC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAgB7C,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzC,wBA8CC;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,uBAAuB,EAAE,OAAO,CAAA;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA+CD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAcxC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAqB7C,CAAA"}

package/dist/components/Radio/index.d.ts

@@ -3,8 +3,17 @@ export type RadioProps = React.PropsWithChildren<{
     value: string;
     forceChecked?: boolean;
     disabled?: boolean;
+    className?: string;
 }>;
-export default function Radio({ value, forceChecked, disabled, children, }: RadioProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    value: string;
+    forceChecked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
 export declare const RadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
     type: "radio";
 } & {

package/dist/components/Radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAMtD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,QAAQ,GACT,EAAE,UAAU,eAwCZ;AAYD,eAAO,MAAM,UAAU;;;;UA+CtB,CAAA;AAMD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AA+BF,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,eA8BjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAMxE,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;;;;;;;;;AAgDF,wBAA0B;AAY1B,eAAO,MAAM,UAAU;;;;UAiDtB,CAAA;AAMD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AA+BF,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,eA8BjB"}

package/dist/components/Radio/index.story.d.ts

@@ -1,8 +1,14 @@
 import React from 'react';
-import Radio from '.';
 declare const _default: {
     title: string;
-    component: typeof Radio;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+        value: string;
+        forceChecked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        className?: string | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLInputElement>>>;
     argTypes: {
         value: {
             control: {
@@ -27,6 +33,7 @@ interface Props {
     childDisabled: boolean;
     forceChecked: boolean;
     readonly: boolean;
+    className?: string;
 }
 export declare const Default: React.FunctionComponent<Partial<Props>> & {
     args?: Partial<Props> | undefined;

package/dist/components/Radio/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAqB,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;AAKrC,wBAgBC;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;CAClB;AA2CD,eAAO,MAAM,OAAO;;CAAoB,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQzB,wBAgBC;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA6CD,eAAO,MAAM,OAAO;;CAAoB,CAAA"}

package/dist/components/SegmentedControl/index.d.ts

@@ -10,6 +10,7 @@ export type SegmentedControlProps = {
     readonly disabled?: boolean;
     readonly readonly?: boolean;
     readonly required?: boolean;
+    readonly className?: string;
     readonly value?: string;
     readonly defaultValue?: string;
     readonly data: string[] | SegmentedControlItem[];

package/dist/components/SegmentedControl/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAchE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAE9B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEhD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C,CAAA;;AAwCD,wBAAqC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAc3E,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAE3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAE9B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEhD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C,CAAA;;AA4CD,wBAAqC"}

package/dist/components/Switch/index.d.ts

@@ -12,5 +12,6 @@ export type SwitchProps = {
 } | {
     label: string;
 });
-export default function SwitchCheckbox(props: SwitchProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAM9C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACjC,GAAG,CACA,0BAA0B;AAC5B;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CACJ,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,WAAW,eA8BxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAOxD,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACjC,GAAG,CACA,0BAA0B;AAC5B;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CACJ,CAAA;;AAoCD,wBAAmC"}

package/dist/components/Switch/index.story.d.ts

@@ -1,8 +1,8 @@
+import React from 'react';
 import { Story } from '../../_lib/compat';
-import Switch from '.';
 declare const _default: {
     title: string;
-    component: typeof Switch;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import(".").SwitchProps & React.RefAttributes<HTMLInputElement>>>;
 };
 export default _default;
 interface Props {

package/dist/components/Switch/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,MAAM,MAAM,GAAG,CAAA;;;;;AAEtB,wBAGC;AAED,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAiBnC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAMjC,CAAA;AAOD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CASnC,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAiBnC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAMjC,CAAA;AAOD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CASnC,CAAA"}