@charcoal-ui/react 4.0.0-beta.3 → 4.0.0-beta.5

package/dist/_lib/useClassNames.d.ts

@@ -1,5 +1,5 @@
 /**
- * Join two class names if propsClassName is defined.
+ * Join some class names if propsClassName is defined.
  */
-export declare function useClassNames(defaultClassName: string, propsClassName?: string): string;
+export declare function useClassNames(...classNames: (string | undefined)[]): string;
 //# sourceMappingURL=useClassNames.d.ts.map

package/dist/_lib/useClassNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClassNames.d.ts","sourceRoot":"","sources":["../../src/_lib/useClassNames.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,aAAa,CAC3B,gBAAgB,EAAE,MAAM,EACxB,cAAc,CAAC,EAAE,MAAM,UAMxB"}
+{"version":3,"file":"useClassNames.d.ts","sourceRoot":"","sources":["../../src/_lib/useClassNames.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,UAElE"}

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

@@ -0,0 +1,11 @@
+import './index.css';
+type CharcoalCheckboxInputProps = {
+    invalid?: boolean;
+    onChange?: (checked: boolean) => void;
+    rounded?: boolean;
+};
+type InputProps = React.HTMLProps<HTMLInputElement>;
+export type CheckboxInputProps = CharcoalCheckboxInputProps & Omit<InputProps, keyof CharcoalCheckboxInputProps | 'ref'>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<CharcoalCheckboxInputProps & Omit<InputProps, "ref" | keyof CharcoalCheckboxInputProps> & import("react").RefAttributes<HTMLInputElement>>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,KAAK,0BAA0B,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAEnD,MAAM,MAAM,kBAAkB,GAAG,0BAA0B,GACzD,IAAI,CAAC,UAAU,EAAE,MAAM,0BAA0B,GAAG,KAAK,CAAC,CAAA;;AAgC5D,wBAAkC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const CheckboxWithLabel: React.NamedExoticComponent<{
+    children: React.ReactNode;
+    input: React.ReactNode;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+    id?: string | undefined;
+}>;
+//# sourceMappingURL=CheckboxWithLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,iBAAiB;cAOlB,MAAM,SAAS;WAClB,MAAM,SAAS;;;;EAYtB,CAAA"}

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

@@ -1,23 +1,14 @@
-import * as React from 'react';
-type CheckboxLabelProps = {
-    children: React.ReactNode;
-} | {
-    label: string;
-};
-export type CheckboxProps = CheckboxLabelProps & {
-    readonly id?: string;
-    readonly name?: string;
-    readonly className?: string;
-    readonly checked?: boolean;
-    readonly defaultChecked?: boolean;
-    readonly disabled?: boolean;
-    readonly readonly?: boolean;
-    readonly invalid?: boolean;
-    readonly onClick?: () => void;
-    readonly onChange?: (isSelected: boolean) => void;
-    readonly onBlur?: () => void;
-    readonly onFocus?: () => void;
-};
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+import './index.css';
+import { CheckboxInputProps } from './CheckboxInput';
+export type CheckboxProps = CheckboxInputProps;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    invalid?: boolean | undefined;
+    onChange?: ((checked: boolean) => void) | undefined;
+    rounded?: boolean | undefined;
+} & Omit<import("react").HTMLProps<HTMLInputElement>, "ref" | keyof {
+    invalid?: boolean | undefined;
+    onChange?: ((checked: boolean) => void) | undefined;
+    rounded?: boolean | undefined;
+}> & import("react").RefAttributes<HTMLInputElement>>>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,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;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAE1B,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;;AA0CD,wBAA6B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAIpB,OAAsB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGnE,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAA;;;;;;;;;;AA+B9C,wBAA6B"}

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

@@ -1,19 +1,16 @@
-import * as React from 'react';
-import { LinkProps } from '../../core/ComponentAbstraction';
-interface BaseProps {
+import React from 'react';
+import './index.css';
+export type ClickableProps<T extends React.ElementType = 'button'> = {
     /**
-     * クリックの無効化
+     * The component used for root element.
+     * @type T extends React.ElementType = 'button'
      */
-    disabled?: boolean;
-}
-interface LinkBaseProps {
+    as?: T;
     /**
-     * リンクのURL。指定するとbuttonタグではなくaタグとして描画される
+     * The as property of the component specified by the Button component's as attribute.
      */
-    to: string;
-}
-export type ClickableProps = (BaseProps & Omit<React.ComponentPropsWithoutRef<'button'>, 'disabled'>) | (BaseProps & LinkBaseProps & Omit<LinkProps, 'to'>);
-export type ClickableElement = HTMLButtonElement & HTMLAnchorElement;
-declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<ClickableElement>>;
+    componentAs?: React.ComponentPropsWithRef<T>['as'];
+} & Omit<React.ComponentPropsWithRef<T>, 'as'>;
+declare const Clickable: <T extends React.ElementType<any> = "button">(p: ClickableProps<T>) => JSX.Element;
 export default Clickable;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,SAAS,EAEV,MAAM,iCAAiC,CAAA;AAGxC,UAAU,SAAS;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,aAAa;IACrB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,MAAM,cAAc,GACtB,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,GACxE,CAAC,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;AACvD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAEpE,QAAA,MAAM,SAAS,yFAoBd,CAAA;AACD,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACnE;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IACN;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;AAE9C,QAAA,MAAM,SAAS,yEAaV,WAAW,CAAA;AAChB,eAAe,SAAS,CAAA"}

package/dist/components/DropdownSelector/Popover/index.d.ts

@@ -1,5 +1,4 @@
-import { RefObject } from 'react';
-import { ReactNode } from 'react';
+import { RefObject, ReactNode } from 'react';
 export type PopoverProps = {
     isOpen: boolean;
     onClose: () => void;

package/dist/components/DropdownSelector/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAID;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,sBA6ClD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,SAAS,EAAE,MAAM,OAAO,CAAA;AAMhE,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAID;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,sBA6ClD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAA;AAOhF,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,eA4FvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAA;AAOhF,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAMvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,eA4FvB"}

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import './index.css';
 export interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     readonly className?: string;
     readonly label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,QAAA,MAAM,UAAU,0FAyBf,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,QAAA,MAAM,UAAU,0FA8Bf,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -1,14 +1,16 @@
-import { ClickableElement, ClickableProps } from '../Clickable';
+import React from 'react';
 import type { KnownIconType } from '@charcoal-ui/icons';
+import './index.css';
 type Variant = 'Default' | 'Overlay';
 type Size = 'XS' | 'S' | 'M';
-interface StyledProps {
+export type IconButtonProps<T extends React.ElementType = 'button'> = {
     readonly variant?: Variant;
     readonly size?: Size;
     readonly icon: keyof KnownIconType;
     readonly isActive?: boolean;
-}
-export type IconButtonProps = StyledProps & ClickableProps;
-declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<ClickableElement>>;
+    as?: T;
+    componentAs?: React.ComponentPropsWithRef<T>['as'];
+} & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
+declare const IconButton: <T extends React.ElementType<any> = "button">(p: IconButtonProps<T>) => JSX.Element;
 export default IconButton;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAEA,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGvD,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AACpC,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,UAAU,WAAW;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,aAAa,CAAA;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,cAAc,CAAA;AAE1D,QAAA,MAAM,UAAU,8GAwBf,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,aAAa,CAAA;AAEpB,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AACpC,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACpE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,aAAa,CAAA;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,WAAW,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;AAE3D,QAAA,MAAM,UAAU,0EAiCX,WAAW,CAAA;AAEhB,eAAe,UAAU,CAAA"}

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

@@ -1,3 +1,4 @@
+import './index.css';
 export type LoadingSpinnerProps = {
     readonly size?: number;
     readonly padding?: number;

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":"AAGA,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;AA6CnC,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,6GAkB9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAA;AAEpB,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;;AA6BD,wBAAmC;AAEnC,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,6GAyB9B,CAAA"}

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

@@ -1,26 +1,8 @@
 import * as React from 'react';
-export declare const Dialog: React.ForwardRefExoticComponent<(Pick<import("react-spring").AnimatedProps<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-    theme?: import("styled-components").DefaultTheme | undefined;
-    as?: string | React.ComponentType<any> | undefined;
-    forwardedAs?: string | React.ComponentType<any> | undefined;
-}> & {
-    scrollTop?: number | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<number, any> | undefined;
-    scrollLeft?: number | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<number, any> | undefined;
-    viewBox?: string | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<string, any> | undefined;
-}, string | number | symbol> | Pick<import("react-spring").AnimatedProps<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-    theme?: import("styled-components").DefaultTheme | undefined;
-    children?: React.ReactNode;
-    as?: string | React.ComponentType<any> | undefined;
-    forwardedAs?: string | React.ComponentType<any> | undefined;
-}> & {
-    scrollTop?: number | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<number, any> | undefined;
-    scrollLeft?: number | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<number, any> | undefined;
-    viewBox?: string | import("@react-spring/shared/dist/declarations/src/fluids").FluidValue<string, any> | undefined;
-}, string | number | symbol>) & React.RefAttributes<HTMLDivElement>>;
+import { Size, BottomSheet } from '..';
+import './index.css';
+export declare const Dialog: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    size: Size;
+    bottomSheet: BottomSheet;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;oEAsBjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,IAAI,CAAA;AAEtC,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,MAAM;UAGT,IAAI;iBACG,WAAW;wCAwB1B,CAAA"}

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

@@ -1,5 +1,12 @@
+import './ModalPlumbing.css';
 export declare function ModalHeader(): JSX.Element;
-export declare const ModalAlign: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModalButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalAlign: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ModalBody: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ModalButtons: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "key" | "css" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ModalPlumbing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalPlumbing.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPlumbing.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,gBAO1B;AAyCD,eAAO,MAAM,UAAU,yGAGtB,CAAA;AAED,eAAO,MAAM,SAAS,yGAErB,CAAA;AAED,eAAO,MAAM,YAAY,yGAQxB,CAAA"}
+{"version":3,"file":"ModalPlumbing.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPlumbing.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAE5B,wBAAgB,WAAW,gBAU1B;AAED,eAAO,MAAM,UAAU;;yHAA6C,CAAA;AAEpE,eAAO,MAAM,SAAS;;yHAA4C,CAAA;AAElE,eAAO,MAAM,YAAY;;yHAA+C,CAAA"}

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { AriaModalOverlayProps } from '@react-aria/overlays';
-import { AriaDialogProps } from '@react-types/dialog';
+import type { AriaDialogProps } from '@react-types/dialog';
 import { ButtonProps } from '../Button';
+import './index.css';
 export type BottomSheet = boolean | 'full';
 export type Size = 'S' | 'M' | 'L';
 export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
@@ -45,6 +46,5 @@ export declare const ModalContext: React.Context<{
     showDismiss: boolean;
     bottomSheet: BottomSheet;
 }>;
-export declare function ModalTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
 export declare function ModalDismissButton({ children, ...props }: ButtonProps): JSX.Element | null;
 //# 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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAW,MAAM,sBAAsB,CAAA;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAIrD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAO/C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,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;;;AAmJP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAiDF,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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAAW,MAAM,sBAAsB,CAAA;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAI1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAO/C,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAElC,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;;;AAgKP,wBAA0B;AAE1B,eAAO,MAAM,YAAY;IACvB;;OAEG;gBACS,MAAM,cAAc,CAAC,WAAW,CAAC;WACtC,MAAM;mBACC,IAAI;iBACL,OAAO;iBACP,WAAW;EAOxB,CAAA;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAKjB,MAAM,sBAAsB,CAAA;AAE7B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAChC,gBAAgB,CA2BlB"}
+{"version":3,"file":"useCustomModalOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/useCustomModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAG7B;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,EAC/C,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAChC,gBAAgB,CA4BlB"}

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import './index.css';
 export type RadioProps = React.PropsWithChildren<{
     value: string;
     disabled?: boolean;
@@ -12,18 +13,15 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLInputElement>>>;
 export default _default;
-export declare const RadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    type: "radio";
-}, "type">;
-export type RadioGroupProps = React.PropsWithChildren<{
+export type RadioGroupProps<Value extends string = string> = React.PropsWithChildren<{
     className?: string;
-    value?: string;
-    label: string;
+    value?: Value;
     name: string;
-    onChange(next: string): void;
+    onChange(next: Value): void;
     disabled?: boolean;
     readonly?: boolean;
     invalid?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
 }>;
-export declare function RadioGroup({ className, value, label, name, onChange, disabled, readonly, invalid, children, }: RadioGroupProps): JSX.Element;
+export declare const RadioGroup: <Value extends string>(props: RadioGroupProps<Value>) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;;;;;;;;AAgDF,wBAA0B;AAe1B,eAAO,MAAM,UAAU;;UA0EtB,CAAA;AAwBD,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,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC,CAAA;AA+BF,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,eA8BjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;;;;;;;;AAsDF,wBAA0B;AAE1B,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IACvD,KAAK,CAAC,iBAAiB,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC,CAAC,CAAA;AAwBJ,eAAO,MAAM,UAAU,2DAwCuC,WAAW,CAAA"}

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import './index.css';
 type SegmentedControlItem = {
     label: React.ReactNode;
     value: string;

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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,OAAO,aAAa,CAAA;AAEpB,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;;AA6CD,wBAAqC"}

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

@@ -0,0 +1,9 @@
+import './index.css';
+export type CharcoalSwitchProps = {
+    onChange?: (checked: boolean) => void;
+};
+type InputProps = React.HTMLProps<HTMLInputElement>;
+export type SwitchInputProps = CharcoalSwitchProps & Omit<InputProps, keyof CharcoalSwitchProps | 'ref'>;
+declare const SwitchInput: import("react").ForwardRefExoticComponent<Omit<SwitchInputProps, "children"> & import("react").RefAttributes<HTMLInputElement>>;
+export default SwitchInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/SwitchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAChD,IAAI,CAAC,UAAU,EAAE,MAAM,mBAAmB,GAAG,KAAK,CAAC,CAAA;AAErD,QAAA,MAAM,WAAW,iIAuBf,CAAA;AAEF,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare const SwitchWithLabel: React.NamedExoticComponent<{
+    children: React.ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    id?: string | undefined;
+    input: React.ReactNode;
+}>;
+//# sourceMappingURL=SwitchWithLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchWithLabel.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchWithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,eAAO,MAAM,eAAe;cAOhB,MAAM,SAAS;;;;WAIlB,MAAM,SAAS;EAStB,CAAA"}

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

@@ -1,17 +1,6 @@
-import * as React from 'react';
-export type SwitchProps = {
-    name: string;
-    className?: string;
-    value?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    onChange(checked: boolean): void;
-} & (// children か label は片方が必須
-{
-    children: React.ReactNode;
-} | {
-    label: string;
-});
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>>;
+import './index.css';
+import { type SwitchInputProps } from './SwitchInput';
+export type SwitchProps = SwitchInputProps;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./SwitchInput").CharcoalSwitchProps & Omit<import("react").HTMLProps<HTMLInputElement>, "ref" | "onChange"> & import("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":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAIpB,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAGlE,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAA;;AAqC1C,wBAA2B"}

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

@@ -1,27 +1,26 @@
-import { ComponentPropsWithoutRef } from 'react';
+import React from 'react';
+import './index.css';
 declare const sizeMap: {
     S: number;
     M: number;
 };
-export type TagItemProps = {
+export type TagItemProps<T extends React.ElementType = 'button'> = {
     label: string;
     translatedLabel?: string;
     bgColor?: string;
     bgImage?: string;
     status?: 'default' | 'active' | 'inactive';
     size?: keyof typeof sizeMap;
-    disabled?: boolean;
-    className?: string;
-} & Pick<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel' | 'onClick'>;
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    label: string;
-    translatedLabel?: string | undefined;
-    bgColor?: string | undefined;
-    bgImage?: string | undefined;
-    status?: "default" | "active" | "inactive" | undefined;
-    size?: "S" | "M" | undefined;
-    disabled?: boolean | undefined;
-    className?: string | undefined;
-} & Pick<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | "css" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>>, "href" | "rel" | "target" | "onClick"> & import("react").RefAttributes<HTMLAnchorElement>>>;
+    /**
+     * The component used for root element.
+     * @type T extends React.ElementType = 'button'
+     */
+    as?: T;
+    /**
+     * The as property of the component specified by the Button component's as attribute.
+     */
+    componentAs?: React.ComponentPropsWithRef<T>['as'];
+} & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
+declare const _default: React.MemoExoticComponent<(<T extends React.ElementType<any> = "button">(p: TagItemProps<T>) => JSX.Element)>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAQ3E,QAAA,MAAM,OAAO;;;CAGZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAA;;;;;;;;;;;AAyD9E,wBAA4B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,aAAa,CAAA;AAEpB,QAAA,MAAM,OAAO;;;CAGZ,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IACN;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;CACnD,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;;AAgE3D,wBAA4B"}

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

@@ -1,20 +1,30 @@
-import { FieldLabelProps } from '../FieldLabel';
-import { ReactAreaUseTextFieldCompat } from '../../_lib/compat';
-type DOMProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | keyof ReactAreaUseTextFieldCompat>;
-export interface TextAreaProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>, DOMProps, ReactAreaUseTextFieldCompat {
-    readonly autoHeight?: boolean;
-    readonly rows?: number;
-    readonly defaultValue?: string;
-    readonly value?: string;
-    readonly onChange?: (value: string) => void;
-    readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
-    readonly onFocus?: (event: React.FocusEvent<Element>) => void;
-    readonly onBlur?: (event: React.FocusEvent<Element>) => void;
-    readonly showCount?: boolean;
-    readonly showLabel?: boolean;
-    readonly assistiveText?: string;
-    readonly invalid?: boolean;
-}
-declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export type TextAreaProps = {
+    value?: string;
+    onChange?: (value: string) => void;
+    showCount?: boolean;
+    showLabel?: boolean;
+    assistiveText?: string;
+    invalid?: boolean;
+    label?: string;
+    requiredText?: string;
+    disabled?: boolean;
+    subLabel?: React.ReactNode;
+    autoHeight?: boolean;
+    getCount?: (value: string) => number;
+} & Omit<React.ComponentPropsWithoutRef<'textarea'>, 'onChange'>;
+declare const TextArea: import("react").ForwardRefExoticComponent<{
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    showCount?: boolean | undefined;
+    showLabel?: boolean | undefined;
+    assistiveText?: string | undefined;
+    invalid?: boolean | undefined;
+    label?: string | undefined;
+    requiredText?: string | undefined;
+    disabled?: boolean | undefined;
+    subLabel?: React.ReactNode;
+    autoHeight?: boolean | undefined;
+    getCount?: ((value: string) => number) | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "key" | "css" | keyof import("react").TextareaHTMLAttributes<HTMLTextAreaElement>>, "onChange"> & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AAK/D,KAAK,QAAQ,GAAG,IAAI,CAClB,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAE/C,UAAU,GAEV,MAAM,2BAA2B,CACpC,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EAClE,QAAQ,EACR,2BAA2B;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IAGtB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAG3C,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAE5D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,+GA+Hb,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAEhE,QAAA,MAAM,QAAQ;;wBAhBO,MAAM,KAAK,IAAI;;;;;;;;eAUvB,MAAM,SAAS;;wBAGP,MAAM,KAAK,MAAM;wRA2HrC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,25 +1,38 @@
 import { ReactNode } from 'react';
 import * as React from 'react';
-import { FieldLabelProps } from '../FieldLabel';
-import { ReactAreaUseTextFieldCompat } from '../../_lib/compat';
-type DOMProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | keyof ReactAreaUseTextFieldCompat>;
-export interface TextFieldProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>, DOMProps, ReactAreaUseTextFieldCompat {
-    readonly prefix?: ReactNode;
-    readonly suffix?: ReactNode;
-    readonly defaultValue?: string;
-    readonly value?: string;
-    readonly onChange?: (value: string) => void;
-    readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
-    readonly onFocus?: (event: React.FocusEvent<Element>) => void;
-    readonly onBlur?: (event: React.FocusEvent<Element>) => void;
-    readonly showCount?: boolean;
-    readonly showLabel?: boolean;
-    readonly assistiveText?: string;
-    readonly invalid?: boolean;
-}
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export type TextFieldProps = {
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    value?: string;
+    onChange?: (value: string) => void;
+    showCount?: boolean;
+    showLabel?: boolean;
+    assistiveText?: string;
+    invalid?: boolean;
+    label?: string;
+    requiredText?: string;
+    disabled?: boolean;
+    subLabel?: React.ReactNode;
+    rdfaPredix?: string;
+    getCount?: (value: string) => number;
+} & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>;
+declare const TextField: React.ForwardRefExoticComponent<{
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    showCount?: boolean | undefined;
+    showLabel?: boolean | undefined;
+    assistiveText?: string | undefined;
+    invalid?: boolean | undefined;
+    label?: string | undefined;
+    requiredText?: string | undefined;
+    disabled?: boolean | undefined;
+    subLabel?: React.ReactNode;
+    rdfaPredix?: string | undefined;
+    getCount?: ((value: string) => number) | undefined;
+} & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | "css" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "prefix" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
 export default TextField;
-export declare const TextFieldLabel: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const AssistiveText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
     invalid: boolean;
 }, never>;