@charcoal-ui/react 3.0.0-beta.4 → 3.0.0-beta.6

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type CustomJSXElement = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
 export type ListItemProps<T extends CustomJSXElement = 'div'> = {
     children?: ReactNode;

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,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,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,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,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"}

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":"AACA,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":"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"}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 /**
  * MenuListContextに含まれるvalue間で上下キーでfocusを移動できる
  * EnterキーでMenuListContextに値を設定する

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":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAItD;;;;;;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,CAyChE"}
+{"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,CAyChE"}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import MenuItem from '../MenuItem';
 import { Divider } from '../Divider';
 type MenuItemGroupChild = React.ReactElement<typeof MenuItem | typeof Divider>;

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,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":"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"}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import MenuItem from '../MenuItem';
 import { Divider } from '../Divider';
 import MenuItemGroup from '../MenuItemGroup';

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":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAIrC,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,eAqBpD"}
+{"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,eAqBpD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;AAI3C,wBAGC;AAaD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAMtC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAWzC,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAOtC,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;AAI3C,wBAGC;AAaD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAMtC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAWzC,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAOtC,CAAA"}

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,OAAc,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,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,sBAgClD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,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,sBAgClD"}

package/dist/components/DropdownSelector/utils/findPreviewRecursive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"findPreviewRecursive.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/utils/findPreviewRecursive.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,MAAM,GACZ,SAAS,GAAG,SAAS,CAuBvB"}
+{"version":3,"file":"findPreviewRecursive.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/utils/findPreviewRecursive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,MAAM,GACZ,SAAS,GAAG,SAAS,CAuBvB"}

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":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzC,wBAyCC;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAwCD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAaxC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,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"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzC,wBAyCC;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA6CD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAaxC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,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/TextArea/TextArea.story.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { Story } from '../../_lib/compat';
 import { TextAreaProps } from '.';
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+    component: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
     argTypes: {};
     args: {
         showLabel: boolean;
@@ -15,13 +14,13 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: React.FunctionComponent<Partial<TextAreaProps>> & {
+export declare const Default: import("react").FunctionComponent<Partial<TextAreaProps>> & {
     args?: Partial<TextAreaProps> | undefined;
 };
-export declare const HasLabel: React.FunctionComponent<Partial<TextAreaProps>> & {
+export declare const HasLabel: import("react").FunctionComponent<Partial<TextAreaProps>> & {
     args?: Partial<TextAreaProps> | undefined;
 };
-export declare const HasCount: React.FunctionComponent<Partial<TextAreaProps>> & {
+export declare const HasCount: import("react").FunctionComponent<Partial<TextAreaProps>> & {
     args?: Partial<TextAreaProps> | undefined;
 };
 export declare const AutoHeight: Story<Partial<TextAreaProps>>;

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAiB,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAG3C,wBAYC;AAqBD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAMzC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAEpD,CAAA"}
+{"version":3,"file":"TextArea.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAiB,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAG3C,wBAYC;AAqBD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAMzC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAEpD,CAAA"}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FieldLabelProps } from '../FieldLabel';
 import { ReactAreaUseTextFieldCompat } from '../../_lib/compat';
 type DOMProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | keyof ReactAreaUseTextFieldCompat>;
@@ -16,6 +15,6 @@ export interface TextAreaProps extends Pick<FieldLabelProps, 'label' | 'required
     readonly assistiveText?: string;
     readonly invalid?: boolean;
 }
-declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & 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":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AAG/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,2FAkHb,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AAG/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,+GAkHb,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/index.cjs.js

@@ -930,7 +930,7 @@ var FieldLabelWrapper = import_styled_components9.default.div`
 // src/components/TextField/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var TextField = React5.forwardRef(
-  function SingleLineTextFieldInner({ onChange, ...props }, forwardRef16) {
+  function SingleLineTextFieldInner({ onChange, ...props }, forwardRef17) {
     const {
       className,
       showLabel = false,
@@ -1020,7 +1020,7 @@ var TextField = React5.forwardRef(
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           StyledInput,
           {
-            ref: mergeRefs(forwardRef16, ariaRef),
+            ref: mergeRefs(forwardRef17, ariaRef),
             invalid,
             extraLeftPadding: prefixWidth,
             extraRightPadding: suffixWidth,
@@ -1125,11 +1125,11 @@ var AssistiveText = import_styled_components10.default.p`
 // src/components/TextArea/index.tsx
 var import_textfield2 = require("@react-aria/textfield");
 var import_visually_hidden2 = require("@react-aria/visually-hidden");
-var import_react9 = __toESM(require("react"));
+var import_react9 = require("react");
 var import_styled_components11 = __toESM(require("styled-components"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var TextArea = import_react9.default.forwardRef(
-  function TextAreaInner({ onChange, ...props }, forwardRef16) {
+var TextArea = (0, import_react9.forwardRef)(
+  function TextAreaInner({ onChange, ...props }, forwardRef17) {
     const {
       className,
       showCount = false,
@@ -1219,7 +1219,7 @@ var TextArea = import_react9.default.forwardRef(
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               StyledTextarea,
               {
-                ref: mergeRefs(textareaRef, forwardRef16, ariaRef),
+                ref: mergeRefs(textareaRef, forwardRef17, ariaRef),
                 rows,
                 noBottomPadding: showCount,
                 ...inputProps
@@ -1257,6 +1257,7 @@ var StyledTextareaContainer = import_styled_components11.default.div`
 
   ${(p) => theme((o) => [
   o.bg.surface3.hover,
+  o.outline.default.focus,
   p.invalid && o.outline.assertive,
   o.font.text2,
   o.borderRadius(4)
@@ -1323,10 +1324,10 @@ var AssistiveText2 = import_styled_components11.default.p`
 `;
 
 // src/components/Icon/index.tsx
-var React7 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_icons = require("@charcoal-ui/icons");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var Icon = React7.forwardRef(function IconInner({ name, scale, unsafeNonGuidelineScale, className, ...rest }, ref) {
+var Icon = React6.forwardRef(function IconInner({ name, scale, unsafeNonGuidelineScale, className, ...rest }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "pixiv-icon",
     {
@@ -1343,7 +1344,7 @@ var Icon_default = Icon;
 
 // src/components/Modal/index.tsx
 var import_react10 = require("react");
-var React8 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_overlays2 = require("@react-aria/overlays");
 var import_styled_components12 = __toESM(require("styled-components"));
 var import_focus = require("@react-aria/focus");
@@ -1451,7 +1452,7 @@ var Modal = (0, import_react10.forwardRef)(function ModalInner({ children, zInde
   );
 });
 var Modal_default = (0, import_react10.memo)(Modal);
-var ModalContext = React8.createContext({
+var ModalContext = React7.createContext({
   titleProps: {},
   title: "",
   close: void 0,
@@ -1638,7 +1639,7 @@ var LoadingSpinnerIcon = (0, import_react11.forwardRef)(
 );
 
 // src/components/DropdownSelector/index.tsx
-var import_react18 = require("react");
+var import_react16 = require("react");
 var import_styled_components17 = __toESM(require("styled-components"));
 var import_utils8 = require("@charcoal-ui/utils");
 
@@ -1727,12 +1728,12 @@ function DropdownPopover({ children, ...props }) {
 }
 
 // src/components/DropdownSelector/utils/findPreviewRecursive.tsx
-var import_react14 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 function findPreviewRecursive(children, value) {
-  const childArray = import_react14.default.Children.toArray(children);
+  const childArray = React8.Children.toArray(children);
   for (let i = 0; i < childArray.length; i++) {
     const child = childArray[i];
-    if (import_react14.default.isValidElement(child)) {
+    if (React8.isValidElement(child)) {
       if ("value" in child.props) {
         const childValue = child.props.value;
         if (childValue === value && "children" in child.props) {
@@ -1754,12 +1755,12 @@ function findPreviewRecursive(children, value) {
 }
 
 // src/components/DropdownSelector/MenuList/index.tsx
-var import_react17 = require("react");
+var import_react15 = require("react");
 var import_styled_components16 = __toESM(require("styled-components"));
 
 // src/components/DropdownSelector/MenuList/MenuListContext.ts
-var import_react15 = require("react");
-var MenuListContext = (0, import_react15.createContext)({
+var import_react14 = require("react");
+var MenuListContext = (0, import_react14.createContext)({
   root: void 0,
   value: "",
   values: [],
@@ -1768,12 +1769,12 @@ var MenuListContext = (0, import_react15.createContext)({
 });
 
 // src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx
-var import_react16 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 function getValuesRecursive(children, values = []) {
-  const childArray = import_react16.default.Children.toArray(children);
+  const childArray = React9.Children.toArray(children);
   for (let i = 0; i < childArray.length; i++) {
     const child = childArray[i];
-    if (import_react16.default.isValidElement(child)) {
+    if (React9.isValidElement(child)) {
       const props = child.props;
       if ("value" in props && typeof props.value === "string") {
         const childValue = props.value;
@@ -1789,7 +1790,7 @@ function getValuesRecursive(children, values = []) {
 // src/components/DropdownSelector/MenuList/index.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function MenuList(props) {
-  const root = (0, import_react17.useRef)(null);
+  const root = (0, import_react15.useRef)(null);
   const values = [];
   getValuesRecursive(props.children, values);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StyledUl, { ref: root, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -1816,8 +1817,8 @@ var StyledUl = import_styled_components16.default.ul`
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var defaultRequiredText = "*\u5FC5\u9808";
 function DropdownSelector(props) {
-  const triggerRef = (0, import_react18.useRef)(null);
-  const [isOpen, setIsOpen] = (0, import_react18.useState)(false);
+  const triggerRef = (0, import_react16.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
   const preview = findPreviewRecursive(props.children, props.value);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownSelectorRoot, { "aria-disabled": props.disabled, children: [
     props.showLabel === true && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -1956,7 +1957,7 @@ var ItemDiv = import_styled_components18.default.div`
 `;
 
 // src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx
-var import_react19 = require("react");
+var import_react17 = require("react");
 
 // src/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.tsx
 function handleFocusByKeyBoard(element, parent) {
@@ -1989,12 +1990,12 @@ function scrollIfNeeded(element) {
 
 // src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx
 function useMenuItemHandleKeyDown(value) {
-  const { setValue, root, values } = (0, import_react19.useContext)(MenuListContext);
-  const setContextValue = (0, import_react19.useCallback)(() => {
+  const { setValue, root, values } = (0, import_react17.useContext)(MenuListContext);
+  const setContextValue = (0, import_react17.useCallback)(() => {
     if (value !== void 0)
       setValue(value);
   }, [value, setValue]);
-  const handleKeyDown = (0, import_react19.useCallback)(
+  const handleKeyDown = (0, import_react17.useCallback)(
     (e) => {
       if (e.key === "Enter") {
         setContextValue();
@@ -2041,10 +2042,10 @@ function MenuItem(props) {
 }
 
 // src/components/DropdownSelector/DropdownMenuItem.tsx
-var import_react20 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function DropdownMenuItem(props) {
-  const { value: ctxValue } = (0, import_react20.useContext)(MenuListContext);
+  const { value: ctxValue } = (0, import_react18.useContext)(MenuListContext);
   const isSelected = props.value === ctxValue;
   const { children, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(MenuItem, { ...rest, children: [
@@ -2092,16 +2093,16 @@ var StyledLi2 = import_styled_components20.default.li`
 `;
 
 // src/components/SegmentedControl/index.tsx
-var import_react22 = require("react");
+var import_react20 = require("react");
 var import_react_stately2 = require("react-stately");
 var import_radio = require("@react-aria/radio");
 var import_styled_components21 = __toESM(require("styled-components"));
 var import_utils9 = require("@charcoal-ui/utils");
 
 // src/components/SegmentedControl/RadioGroupContext.tsx
-var import_react21 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var RadioContext = (0, import_react21.createContext)(null);
+var RadioContext = (0, import_react19.createContext)(null);
 var RadioProvider = ({
   value,
   children
@@ -2109,7 +2110,7 @@ var RadioProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RadioContext.Provider, { value, children });
 };
 var useRadioContext = () => {
-  const state = (0, import_react21.useContext)(RadioContext);
+  const state = (0, import_react19.useContext)(RadioContext);
   if (state === null)
     throw new Error("`<RadioProvider>` is not likely mounted.");
   return state;
@@ -2117,9 +2118,9 @@ var useRadioContext = () => {
 
 // src/components/SegmentedControl/index.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var SegmentedControl = (0, import_react22.forwardRef)(
+var SegmentedControl = (0, import_react20.forwardRef)(
   function SegmentedControlInner(props, ref) {
-    const ariaRadioGroupProps = (0, import_react22.useMemo)(
+    const ariaRadioGroupProps = (0, import_react20.useMemo)(
       () => ({
         ...props,
         isDisabled: props.disabled,
@@ -2131,7 +2132,7 @@ var SegmentedControl = (0, import_react22.forwardRef)(
     );
     const state = (0, import_react_stately2.useRadioGroupState)(ariaRadioGroupProps);
     const { radioGroupProps } = (0, import_radio.useRadioGroup)(ariaRadioGroupProps, state);
-    const segmentedControlItems = (0, import_react22.useMemo)(() => {
+    const segmentedControlItems = (0, import_react20.useMemo)(() => {
       return props.data.map(
         (d) => typeof d === "string" ? { value: d, label: d } : d
       );
@@ -2155,11 +2156,11 @@ var SegmentedControl = (0, import_react22.forwardRef)(
     );
   }
 );
-var SegmentedControl_default = (0, import_react22.memo)(SegmentedControl);
+var SegmentedControl_default = (0, import_react20.memo)(SegmentedControl);
 var Segmented = (props) => {
   const state = useRadioContext();
-  const ref = (0, import_react22.useRef)(null);
-  const ariaRadioProps = (0, import_react22.useMemo)(
+  const ref = (0, import_react20.useRef)(null);
+  const ariaRadioProps = (0, import_react20.useMemo)(
     () => ({
       value: props.value,
       isDisabled: props.disabled,
@@ -2234,16 +2235,16 @@ var SegmentedLabelInner = import_styled_components21.default.div`
 `;
 
 // src/components/Checkbox/index.tsx
-var import_react23 = require("react");
+var import_react21 = require("react");
 var import_styled_components22 = __toESM(require("styled-components"));
 var import_checkbox = require("@react-aria/checkbox");
 var import_utils10 = require("@react-aria/utils");
 var import_react_stately3 = require("react-stately");
 var import_utils11 = require("@charcoal-ui/utils");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var Checkbox = (0, import_react23.forwardRef)(
+var Checkbox = (0, import_react21.forwardRef)(
   function CheckboxInner(props, ref) {
-    const ariaCheckboxProps = (0, import_react23.useMemo)(
+    const ariaCheckboxProps = (0, import_react21.useMemo)(
       () => ({
         ...props,
         isSelected: props.checked,
@@ -2266,7 +2267,7 @@ var Checkbox = (0, import_react23.forwardRef)(
     ] });
   }
 );
-var Checkbox_default = (0, import_react23.memo)(Checkbox);
+var Checkbox_default = (0, import_react21.memo)(Checkbox);
 var hiddenCss = import_styled_components22.css`
   visibility: hidden;
 `;
@@ -2330,7 +2331,7 @@ var InputLabel = import_styled_components22.default.div`
 `;
 
 // src/components/TagItem/index.tsx
-var import_react24 = require("react");
+var import_react22 = require("react");
 var import_utils12 = require("@react-aria/utils");
 var import_styled_components23 = __toESM(require("styled-components"));
 var import_utils13 = require("@charcoal-ui/utils");
@@ -2340,7 +2341,7 @@ var sizeMap = {
   S: 32,
   M: 40
 };
-var TagItem = (0, import_react24.forwardRef)(
+var TagItem = (0, import_react22.forwardRef)(
   function TagItemInner({
     label,
     translatedLabel,
@@ -2353,7 +2354,7 @@ var TagItem = (0, import_react24.forwardRef)(
     ...props
   }, _ref) {
     const ref = (0, import_utils12.useObjectRef)(_ref);
-    const ariaButtonProps = (0, import_react24.useMemo)(
+    const ariaButtonProps = (0, import_react22.useMemo)(
       () => ({
         elementType: "a",
         isDisabled: disabled,
@@ -2385,7 +2386,7 @@ var TagItem = (0, import_react24.forwardRef)(
     );
   }
 );
-var TagItem_default = (0, import_react24.memo)(TagItem);
+var TagItem_default = (0, import_react22.memo)(TagItem);
 var TagItemRoot = import_styled_components23.default.a`
   isolation: isolate;
   position: relative;