@charcoal-ui/react 4.0.0-beta.1 → 4.0.0-beta.12

package/README.md

@@ -18,7 +18,7 @@ yarn add @charcoal-ui/react
 
 ## Server Side Rendering を行う場合の注意点
 
-SSR を行う場合はアプリケーション全体を`<SSRProvider>`で囲む必要があります。
+React 18 以下で SSR を行う場合はアプリケーション全体を`<SSRProvider>`で囲む必要があります。
 
 ```jsx
 import { SSRProvider } from '@charcoal-ui/react'

package/dist/_lib/compat.d.ts

@@ -1,16 +1,4 @@
 import * as React from 'react';
-/**
- * import { Story } from '@storybook/react/types-6-0'
- *
- * をするとstyled-componentsが壊れるので代替品を作った
- *
- * エラー:
- * node_modules/@types/styled-components/ts3.7/index.d.ts
- * `Type alias 'Interpolation' circularly references itself. ts(2456)`
- */
-export type Story<P> = React.ComponentType<P> & {
-    args?: P;
-};
 /**
  * react-ariaの`useTextField()`は、<textarea>をサポートするにも関わらず、
  * `React.KeyboardEvent<HTMLInputElement>`しか想定していないイベントハンドラがいくつかある

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

@@ -1 +1 @@
-{"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,CAAA;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EACpB,MAAM,GACN,IAAI,GACJ,KAAK,GACL,WAAW,GACX,OAAO,GACP,YAAY,GACZ,SAAS,CAAA;CACd"}
+{"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,CAAC,cAAc,CAAC,EACpB,MAAM,GACN,IAAI,GACJ,KAAK,GACL,WAAW,GACX,OAAO,GACP,YAAY,GACZ,SAAS,CAAA;CACd"}

package/dist/_lib/createDivComponent.d.ts

@@ -0,0 +1,4 @@
+export declare function createDivComponent(mainClassName: string): import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=createDivComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createDivComponent.d.ts","sourceRoot":"","sources":["../../src/_lib/createDivComponent.tsx"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM;;kHAOvD"}

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/Button/index.d.ts

@@ -8,7 +8,11 @@ export type ButtonProps<T extends React.ElementType = 'button'> = {
     size?: Size;
     fullWidth?: boolean;
     isActive?: boolean;
-    as?: T;
+    /**
+     * The component used for root element.
+     * @type T extends React.ElementType = 'button'
+     */
+    component?: T;
 } & Omit<React.ComponentPropsWithRef<T>, 'children'>;
 declare const Button: <T extends React.ElementType<any> = "button">(p: ButtonProps<T>) => JSX.Element;
 export default Button;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI3E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAE1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,MAAM,sEAyByD,WAAW,CAAA;AAChF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI3E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAE1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,MAAM,sEAyByD,WAAW,CAAA;AAChF,eAAe,MAAM,CAAA"}

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,13 @@
-import * as React from 'react';
-import { LinkProps } from '../../core/ComponentAbstraction';
-interface BaseProps {
+import React, { ReactNode } from 'react';
+import './index.css';
+export type ClickableProps<T extends React.ElementType = 'button'> = {
+    children?: ReactNode;
     /**
-     * クリックの無効化
+     * The component used for root element.
+     * @type T extends React.ElementType = 'button'
      */
-    disabled?: boolean;
-}
-interface LinkBaseProps {
-    /**
-     * リンクのURL。指定するとbuttonタグではなくaタグとして描画される
-     */
-    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>>;
+    component?: T;
+} & Omit<React.ComponentPropsWithRef<T>, 'children'>;
+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,KAAK,EAAE,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEpD,QAAA,MAAM,SAAS,yEAWV,WAAW,CAAA;AAChB,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,3 @@
+import './index.css';
+export declare function Divider(): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,wBAAgB,OAAO,gBAEtB"}

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

@@ -0,0 +1,8 @@
+import './index.css';
+import { MenuItemProps } from '../MenuItem';
+export type DropdownMenuItemProps = Omit<MenuItemProps, 'as'>;
+/**
+ * DropdownSelectorの選択肢として使うMenuItem
+ */
+export default function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/DropdownMenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAKrD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;AAE7D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAqBpE"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AAC9C,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEjD,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,eA+B3E"}
+{"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AAC9C,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEjD,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,eAsC3E"}

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

@@ -1,18 +1,10 @@
+import './index.css';
 import { ReactNode } from 'react';
 export type CustomJSXElement = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
-export type ListItemProps<T extends CustomJSXElement = 'div'> = {
+export type ListItemProps<T extends React.ElementType = 'li'> = {
     children?: ReactNode;
     as?: T;
-} & Omit<React.ComponentProps<T>, 'children'>;
-/**
- * リストのある要素を示すコンポーネント
- *
- * asを用いて拡張することができる
- * @example
- * ```
- * <ListItem as="a" href="#">Link</ListItem>
- * <ListItem as={NextLink} href="#">NextLink</ListItem>
- * ```
- */
-export default function ListItem<T extends CustomJSXElement = 'div'>(props: ListItemProps<T>): JSX.Element;
+} & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>;
+declare const ListItem: <T extends import("react").ElementType<any> = "li">(p: ListItemProps<T>) => JSX.Element;
+export default ListItem;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/ListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,gBAAgB,GACxB,MAAM,GAAG,CAAC,iBAAiB,GAE3B,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA;AAEpC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,IAAI;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAE7C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,EACjE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAQxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/ListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAA4B,SAAS,EAAW,MAAM,OAAO,CAAA;AAGpE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GAAG,CAAC,iBAAiB,GAE3B,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA;AAEpC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;AAE3D,QAAA,MAAM,QAAQ,8EAOqD,WAAW,CAAA;AAE9E,eAAe,QAAQ,CAAA"}

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

@@ -1,5 +1,5 @@
-import { CustomJSXElement, ListItemProps } from '../ListItem';
-export type MenuItemProps<T extends CustomJSXElement = never> = {
+import { ListItemProps } from '../ListItem';
+export type MenuItemProps<T extends React.ElementType = 'li'> = {
     value?: string;
     disabled?: boolean;
 } & ListItemProps<T>;
@@ -7,5 +7,12 @@ export type MenuItemProps<T extends CustomJSXElement = never> = {
  * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目
  * 基本的に`<MenuList>`, `<MenuGroup>`と合わせて使用する
  */
-export default function MenuItem<T extends CustomJSXElement>(props: MenuItemProps<T>): JSX.Element;
+declare const MenuItem: import("react").ForwardRefExoticComponent<Pick<{
+    value?: string | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+    as?: import("react").ElementType<any> | undefined;
+} & Omit<any, "children" | "as">, string | number | symbol> & import("react").RefAttributes<HTMLLIElement>>;
+export default MenuItem;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAiB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGvE,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEpB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,gBAAgB,EACzD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAiBxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItem/index.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGrD,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEpB;;;GAGG;AACH,QAAA,MAAM,QAAQ;;;;;;2GAqBZ,CAAA;AACF,eAAe,QAAQ,CAAA"}

package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts

@@ -5,5 +5,5 @@
  * @param value
  * @returns
  */
-export declare function useMenuItemHandleKeyDown(value?: string): [(e: React.KeyboardEvent<HTMLDivElement>) => void, () => void];
+export declare function useMenuItemHandleKeyDown(value?: string): [(e: React.KeyboardEvent<HTMLElement>) => void, () => void];
 //# sourceMappingURL=useMenuItemHandleKeyDown.d.ts.map

package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemHandleKeyDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,CAAC,EAAE,MAAM,GACb,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAoDhE"}
+{"version":3,"file":"useMenuItemHandleKeyDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,CAAC,EAAE,MAAM,GACb,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAoD7D"}

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

@@ -1,3 +1,4 @@
+import './index.css';
 import MenuItem from '../MenuItem';
 import { Divider } from '../Divider';
 type MenuItemGroupChild = React.ReactElement<typeof MenuItem | typeof Divider>;
@@ -5,9 +6,6 @@ export type MenuItemGroupProps = {
     text: string;
     children: MenuItemGroupChild | MenuItemGroupChild[];
 };
-/**
- * 項目のリストを分類する見出しをつけるコンテナ要素
- */
 export default function MenuItemGroup(props: MenuItemGroupProps): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItemGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,GAAG,OAAO,OAAO,CAAC,CAAA;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;CACpD,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAO9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItemGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,GAAG,OAAO,OAAO,CAAC,CAAA;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;CACpD,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAO9D"}

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

@@ -1,3 +1,4 @@
+import './index.css';
 import MenuItem from '../MenuItem';
 import { Divider } from '../Divider';
 import MenuItemGroup from '../MenuItemGroup';
@@ -8,10 +9,6 @@ export type MenuListProps = {
     value?: string;
     onChange?: (v: string) => void;
 };
-/**
- * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目
- * 基本的に`<MenuItem>`, `<MenuGroup>`と合わせて使用する
- */
 export default function MenuList(props: MenuListProps): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CACrC,OAAO,QAAQ,GAAG,OAAO,aAAa,GAAG,OAAO,OAAO,CACxD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,aAAa,EAAE,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAuBpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAKpB,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CACrC,OAAO,QAAQ,GAAG,OAAO,aAAa,GAAG,OAAO,OAAO,CACxD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,aAAa,EAAE,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAuBpD"}

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

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-import { ReactNode } from 'react';
+import './index.css';
+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,aAAa,CAAA;AAEpB,OAAO,EAAE,SAAS,EAAsB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKhE,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,sBA+ClD"}

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

@@ -1,3 +1,4 @@
+import './index.css';
 import { ReactNode } from 'react';
 import { MenuListChildren } from './MenuList';
 export type DropdownSelectorProps = {
@@ -17,6 +18,7 @@ export type DropdownSelectorProps = {
     name?: string;
     children: MenuListChildren;
     onChange: (value: string) => void;
+    className?: string;
 };
-export default function DropdownSelector(props: DropdownSelectorProps): JSX.Element;
+export default function DropdownSelector({ onChange, showLabel, ...props }: DropdownSelectorProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAA;AAO5D,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,KAAK,EAAE,qBAAqB,eAgFpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAc,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAA;AAKhF,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAOvD,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;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,qBAAqB,eA4GvB"}

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,15 @@
-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>>;
+    component?: T;
+} & 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,SAAS,CAAC,EAAE,CAAC,CAAA;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;AAE3D,QAAA,MAAM,UAAU,0EA+BX,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" | 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;wCAyB1B,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" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "key" | 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" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "key" | 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" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "key" | 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":"AAGA,OAAO,qBAAqB,CAAA;AAG5B,wBAAgB,WAAW,gBAU1B;AAED,eAAO,MAAM,UAAU;;iHAA6C,CAAA;AAEpE,eAAO,MAAM,SAAS;;iHAA4C,CAAA;AAElE,eAAO,MAAM,YAAY;;iHAA+C,CAAA"}

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

@@ -1,7 +1,9 @@
 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 { IconButtonProps } from '../IconButton';
+import './index.css';
 export type BottomSheet = boolean | 'full';
 export type Size = 'S' | 'M' | 'L';
 export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
@@ -13,6 +15,7 @@ export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
     isOpen: boolean;
     onClose: () => void;
     className?: string;
+    closeButtonAriaLabel?: string;
     /**
      * https://github.com/adobe/react-spectrum/issues/3787
      * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
@@ -28,6 +31,7 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
     isOpen: boolean;
     onClose: () => void;
     className?: string | undefined;
+    closeButtonAriaLabel?: string | undefined;
     /**
      * https://github.com/adobe/react-spectrum/issues/3787
      * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
@@ -45,6 +49,6 @@ export declare const ModalContext: React.Context<{
     showDismiss: boolean;
     bottomSheet: BottomSheet;
 }>;
-export declare function ModalTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
+export declare function ModalCloseButton(props: Omit<IconButtonProps, 'icon'>): 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;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAS3D,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;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;;IALC;;;OAGG;;;AA8JP,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,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,eAUpE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}

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

@@ -9,4 +9,5 @@ export declare function useCharcoalModalOverlay(props: AriaModalOverlayProps, st
     isOpen: boolean;
     onClose: () => void;
 }, ref: React.RefObject<HTMLElement>): ModalOverlayAria;
+export declare function useWindowWidth(): number;
 //# sourceMappingURL=useCustomModalOverlay.d.ts.map

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;AAED,wBAAgB,cAAc,WAY7B"}

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

@@ -0,0 +1,20 @@
+import './index.css';
+import * as React from 'react';
+export type RadioGroupProps<Value extends string = string> = React.PropsWithChildren<{
+    className?: string;
+    value?: Value;
+    /**
+     * aria-label of RadioGroup
+     */
+    label?: string;
+    name: string;
+    onChange(next: Value): void;
+    disabled?: boolean;
+    readonly?: boolean;
+    invalid?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+    'aria-labelledby'?: React.ComponentProps<'div'>['aria-labelledby'];
+    'aria-orientation'?: React.ComponentProps<'div'>['aria-orientation'];
+}>;
+export declare const RadioGroup: <Value extends string>(props: RadioGroupProps<Value>) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,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;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,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;IAC/B,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAClE,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;CACrE,CAAC,CAAA;AAEJ,eAAO,MAAM,UAAU,2DAsDuC,WAAW,CAAA"}