@charcoal-ui/react 1.0.0 → 2.0.0-alpha.2

package/dist/_lib/compat.d.ts

@@ -8,8 +8,7 @@ import React from 'react';
  * node_modules/@types/styled-components/ts3.7/index.d.ts
  * `Type alias 'Interpolation' circularly references itself. ts(2456)`
  */
-export interface Story<P> {
-    (args: P): React.ReactNode;
+export declare type Story<P> = React.ComponentType<P> & {
     args?: P;
-}
+};
 //# sourceMappingURL=compat.d.ts.map

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,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,CAAC,CAAA;CACT"}
+{"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,oBAAY,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,CAAA"}

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

@@ -12,7 +12,7 @@ export declare const RadioInput: import("styled-components").StyledComponent<"in
 }, "type">;
 export declare type RadioGroupProps = React.PropsWithChildren<{
     className?: string;
-    defaultValue?: string;
+    value?: string;
     label: string;
     name: string;
     onChange(next: string): void;
@@ -20,5 +20,5 @@ export declare type RadioGroupProps = React.PropsWithChildren<{
     readonly?: boolean;
     hasError?: boolean;
 }>;
-export declare function RadioGroup({ className, defaultValue, label, name, onChange, disabled, readonly, hasError, children, }: RadioGroupProps): JSX.Element;
+export declare function RadioGroup({ className, value, label, name, onChange, disabled, readonly, hasError, children, }: RadioGroupProps): 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":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAMhE,oBAAY,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,QAAQ,GACT,EAAE,UAAU,eAwCZ;AAYD,eAAO,MAAM,UAAU;;;;UA2CtB,CAAA;AAMD,oBAAY,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AA+BF,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,eAiCjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAMtD,oBAAY,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,QAAQ,GACT,EAAE,UAAU,eAwCZ;AAYD,eAAO,MAAM,UAAU;;;;UA2CtB,CAAA;AAMD,oBAAY,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AA+BF,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,eA8BjB"}

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

@@ -1,25 +1,34 @@
-import { Story } from '../../_lib/compat';
+import React from 'react';
 import Radio from '.';
 declare const _default: {
     title: string;
     component: typeof Radio;
     argTypes: {
-        defaultValue: {
+        value: {
             control: {
                 type: string;
-                options: string[];
             };
+            options: string[];
         };
     };
+    args: {
+        hasError: boolean;
+        parentDisabled: boolean;
+        childDisabled: boolean;
+        forceChecked: boolean;
+        readonly: boolean;
+    };
 };
 export default _default;
 interface Props {
-    defaultValue: string;
+    value?: string;
     hasError: boolean;
     parentDisabled: boolean;
     childDisabled: boolean;
     forceChecked: boolean;
     readonly: boolean;
 }
-export declare const Normal: Story<Props>;
+export declare const Default: React.FunctionComponent<Partial<Props>> & {
+    args?: Partial<Props> | undefined;
+};
 //# sourceMappingURL=index.story.d.ts.map

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

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

package/dist/components/Select/context.d.ts

@@ -0,0 +1,14 @@
+declare type SelectGroupContext = {
+    name: string;
+    selected: string[];
+    disabled: boolean;
+    readonly: boolean;
+    hasError: boolean;
+    onChange: ({ value, selected }: {
+        value: string;
+        selected: boolean;
+    }) => void;
+};
+export declare const SelectGroupContext: import("react").Context<SelectGroupContext>;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/components/Select/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Select/context.ts"],"names":[],"mappings":"AAEA,aAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CAC9E,CAAA;AAED,eAAO,MAAM,kBAAkB,6CAW7B,CAAA"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare type SelectProps = React.PropsWithChildren<{
+    value: string;
+    forceChecked?: boolean;
+    disabled?: boolean;
+    variant?: 'default' | 'overlay';
+    onChange?: (payload: {
+        value: string;
+        selected: boolean;
+    }) => void;
+}>;
+export default function Select({ value, forceChecked, disabled, onChange, variant, children, }: SelectProps): JSX.Element;
+export declare type SelectGroupProps = React.PropsWithChildren<{
+    className?: string;
+    name: string;
+    ariaLabel: string;
+    selected: string[];
+    onChange: (selected: string[]) => void;
+    disabled?: boolean;
+    readonly?: boolean;
+    hasError?: boolean;
+}>;
+export declare function SelectGroup({ className, name, ariaLabel, selected, onChange, disabled, readonly, hasError, children, }: SelectGroupProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAQnE,oBAAY,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACnE,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,QAAQ,EACR,OAAmB,EACnB,QAAQ,GACT,EAAE,WAAW,eAsDb;AAyED,oBAAY,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,eAsClB"}

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

@@ -0,0 +1,75 @@
+import React from 'react';
+import { Story } from '../../_lib/compat';
+import { default as Select } from '.';
+declare const _default: {
+    title: string;
+    component: typeof Select;
+    argTypes: {
+        name: {
+            control: {
+                type: string;
+            };
+        };
+        ariaLabel: {
+            control: {
+                type: string;
+            };
+        };
+        selected: {
+            control: {
+                type: string;
+            };
+        };
+        firstOptionForceChecked: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        readonly: {
+            control: {
+                type: string;
+            };
+        };
+        hasError: {
+            control: {
+                type: string;
+            };
+        };
+        variant: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+    };
+};
+export default _default;
+declare type Props = {
+    name: string;
+    ariaLabel: string;
+    selected: boolean;
+    firstOptionForceChecked: boolean;
+    onChange: (selected: string[]) => void;
+    disabled?: boolean;
+    readonly?: boolean;
+    hasError?: boolean;
+    variant?: 'default' | 'overlay';
+};
+export declare const Default: React.FunctionComponent<Props> & {
+    args?: Props | undefined;
+};
+declare type PlaygroundProps = {
+    name: string;
+    ariaLabel: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    hasError?: boolean;
+    variant?: 'default' | 'overlay';
+};
+export declare const Playground: Story<PlaygroundProps>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAe,OAAO,IAAI,MAAM,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElD,wBA8CC;AAED,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,uBAAuB,EAAE,OAAO,CAAA;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AA8CD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAcxC,aAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAY7C,CAAA"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.test.tsx"],"names":[],"mappings":""}

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

@@ -23,12 +23,16 @@ export interface SingleLineTextFieldProps extends TextFieldBaseProps {
     readonly multiline?: false;
     readonly rows?: never;
     readonly type?: string;
+    readonly prefix?: string;
+    readonly suffix?: string;
 }
 export interface MultiLineTextFieldProps extends TextFieldBaseProps {
     readonly autoHeight?: boolean;
     readonly multiline: true;
     readonly rows?: number;
     readonly type?: never;
+    readonly prefix?: never;
+    readonly suffix?: never;
 }
 export declare type TextFieldProps = SingleLineTextFieldProps | MultiLineTextFieldProps;
 declare type TextFieldElement = HTMLInputElement & HTMLTextAreaElement;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAK3D,UAAU,kBACR,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACpE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,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;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CACvC;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAA;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACtB;AAED,oBAAY,cAAc,GAAG,wBAAwB,GAAG,uBAAuB,CAAA;AAC/E,aAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;AAkB9D,QAAA,MAAM,SAAS,yFAQd,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAK3D,UAAU,kBACR,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACpE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,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;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CACvC;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAA;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,oBAAY,cAAc,GAAG,wBAAwB,GAAG,uBAAuB,CAAA;AAC/E,aAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;AAoB9D,QAAA,MAAM,SAAS,yFAQd,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Story } from '../../_lib/compat';
-import { MultiLineTextFieldProps, TextFieldProps } from '.';
+import { MultiLineTextFieldProps, SingleLineTextFieldProps, TextFieldProps } from '.';
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
@@ -15,8 +15,15 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: Story<Partial<TextFieldProps>>;
-export declare const HasLabel: Story<Partial<TextFieldProps>>;
-export declare const HasCount: Story<Partial<TextFieldProps>>;
+export declare const Default: React.FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasLabel: React.FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasCount: React.FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasAffix: Story<Partial<SingleLineTextFieldProps>>;
 export declare const AutoHeight: Story<Partial<MultiLineTextFieldProps>>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAkB,EAChB,uBAAuB,EAEvB,cAAc,EACf,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAGV,wBAYC;AAsCD,eAAO,MAAM,OAAO,gCAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ,gCAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ,gCAAoB,CAAA;AAMzC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAE9D,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAkB,EAChB,uBAAuB,EACvB,wBAAwB,EACxB,cAAc,EACf,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAGV,wBAYC;AAsCD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAMzC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAE7D,CAAA;AAQD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAE9D,CAAA"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-var e=require("react"),n=require("styled-components"),t=require("@charcoal-ui/styled"),r=require("@charcoal-ui/utils"),a=require("warning"),i=require("@react-aria/switch"),o=require("react-stately"),l=require("@react-aria/textfield"),u=require("@react-aria/visually-hidden");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/*#__PURE__*/d(e),c=/*#__PURE__*/d(n),f=/*#__PURE__*/d(t),p=/*#__PURE__*/d(a);function h(){return h=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(this,arguments)}function v(e,n){if(null==e)return{};var t,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n.indexOf(t=i[r])>=0||(a[t]=e[t]);return a}function b(e,n){return n||(n=e.slice(0)),e.raw=n,e}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(t)return(t=t.call(e)).next.bind(t);if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var x=["to","children"],y={Link:s.default.forwardRef(function(e,n){var t=e.to,r=e.children,a=v(e,x);/*#__PURE__*/return s.default.createElement("a",h({href:t,ref:n},a),r)})},w=s.default.createContext(y);function E(){return e.useContext(w)}var k,C,S,R,q,z,P,T,L,O,N,D,M,H,j,F,A,I,X,B,G,V,J,U,Y,$,K,Q=f.default(c.default),W=["onClick","disabled"],Z=s.default.forwardRef(function(e,n){var t=E().Link;if("to"in e){var r=e.onClick,a=e.disabled,i=void 0!==a&&a,o=v(e,W);/*#__PURE__*/return s.default.createElement(ne,h({},o,{as:i?void 0:t,onClick:i?void 0:r,"aria-disabled":i,ref:n}))}/*#__PURE__*/return s.default.createElement(ee,h({},e,{ref:n}))}),_=n.css(k||(k=b(["\n  /* Clickable style */\n  cursor: pointer;\n\n  "," {\n    cursor: default;\n  }\n"])),r.disabledSelector),ee=c.default.button(C||(C=b(["\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n\n  &:focus {\n    outline: none;\n  }\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n\n  /* Remove the inner border and padding in Firefox. */\n  &::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  ","\n"])),_),ne=c.default.span(S||(S=b(["\n  /* Reset a-tag appearance */\n  color: inherit;\n\n  &:focus {\n    outline: none;\n  }\n\n  .text {\n    top: calc(1em + 2em);\n  }\n\n  ","\n"])),_),te=["children","variant","size","fixed","disabled"],re=s.default.forwardRef(function(e,n){var t=e.children,r=e.variant,a=void 0===r?"Default":r,i=e.size,o=void 0===i?"M":i,l=e.fixed,u=void 0!==l&&l,d=e.disabled,c=void 0!==d&&d,f=v(e,te);/*#__PURE__*/return s.default.createElement(ae,h({},f,{disabled:c,variant:a,size:o,fixed:u,ref:n}),t)}),ae=c.default(Z).withConfig({shouldForwardProp:function(e){return"fixed"!==e}}).attrs(function(e){return h({},e,function(e){switch(e){case"Overlay":return{font:"text5",background:"surface4"};case"Default":return{font:"text2",background:"surface3"};case"Primary":return{font:"text5",background:"brand"};case"Navigation":return{font:"text5",background:"surface6"};case"Danger":return{font:"text5",background:"assertive"};default:return function(e){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(e)+")")}(e)}}(e.variant),function(e){switch(e){case"S":return{height:32,padding:16};case"M":return{height:40,padding:24}}}(e.size))})(R||(R=b(["\n  width: ",";\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n\n  ","\n\n  /* よく考えたらheight=32って定義が存在しないな... */\n  height: ","px;\n"])),function(e){return e.fixed?"stretch":"min-content"},function(e){return Q(function(n){return[n.font[e.font].hover.press,n.bg[e.background].hover.press,n.typography(14).bold.preserveHalfLeading,n.padding.horizontal(e.padding),n.disabled,n.borderRadius("oval"),n.outline.default.focus]})},function(e){return e.height}),ie=["variant","size","icon"],oe=s.default.forwardRef(function(e,n){var t=e.variant,r=void 0===t?"Default":t,a=e.size,i=void 0===a?"M":a,o=e.icon,l=v(e,ie);return function(e,n){var t;switch(e){case"XS":t="16";break;case"S":case"M":t="24"}var r=/^[0-9]*/.exec(n);if(null==r)throw new Error("Invalid icon name");var a=r[0];a!==t&&console.warn('IconButton with size "'+e+'" expect icon size "'+t+', but got "'+a+'"')}(i,o),/*#__PURE__*/s.default.createElement(le,h({},l,{ref:n,variant:r,size:i}),/*#__PURE__*/s.default.createElement("pixiv-icon",{name:o}))}),le=c.default(Z).attrs(function(e){return h({},e,function(e){switch(e){case"Default":return{font:"text3",background:"transparent"};case"Overlay":return{font:"text5",background:"surface4"}}}(e.variant),function(e){switch(e){case"XS":return{width:20,height:20};case"S":return{width:32,height:32};case"M":return{width:40,height:40}}}(e.size))})(q||(q=b(["\n  user-select: none;\n\n  width: ","px;\n  height: ","px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ","\n"])),function(e){return e.width},function(e){return e.height},function(e){var n=e.font,t=e.background;return Q(function(e){return[e.font[n],e.bg[t].hover.press,e.disabled,e.borderRadius("oval"),e.outline.default.focus]})}),ue=c.default.label(z||(z=b(["\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: ",";\n  align-items: center;\n  cursor: pointer;\n\n  ","\n"])),function(e){return r.px(e.theme.spacing[4])},Q(function(e){return[e.disabled]})),de=c.default.input.attrs({type:"radio"})(P||(P=b(["\n  /** Make prior to browser default style */\n  &[type='radio'] {\n    appearance: none;\n    display: block;\n    box-sizing: border-box;\n\n    padding: 6px;\n\n    width: 20px;\n    height: 20px;\n\n    ",";\n\n    &:not(:checked) {\n      border-width: 2px;\n      border-style: solid;\n      border-color: ",";\n    }\n\n    &:checked {\n      ","\n\n      &::after {\n        content: '';\n        display: block;\n        width: 8px;\n        height: 8px;\n        pointer-events: none;\n\n        ","\n      }\n    }\n\n    ","\n  }\n"])),function(e){var n=e.hasError,t=void 0!==n&&n;return Q(function(e){return[e.borderRadius("oval"),e.bg.text5.hover.press,t&&e.outline.assertive]})},function(e){return e.theme.color.text4},Q(function(e){return e.bg.brand.hover.press}),Q(function(e){return[e.bg.text5.hover.press,e.borderRadius("oval")]}),Q(function(e){return e.outline.default.focus})),se=c.default.div(T||(T=b(["\n  ","\n"])),Q(function(e){return[e.typography(14)]})),ce=c.default.div(L||(L=b(["\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: ",";\n"])),function(e){return r.px(e.theme.spacing[8])}),fe=s.default.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,hasError:!1,onChange:function(){throw new Error("Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?")}}),pe=["className","type"],he=c.default.label(O||(O=b(["\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  gap: ",";\n  cursor: pointer;\n  outline: 0;\n\n  ","\n\n  "," {\n    cursor: default;\n  }\n"])),function(e){return r.px(e.theme.spacing[4])},Q(function(e){return e.disabled}),r.disabledSelector),ve=c.default.div(N||(N=b(["\n  ","\n"])),Q(function(e){return e.typography(14)})),be=c.default.input.attrs({type:"checkbox"})(D||(D=b(["\n  &[type='checkbox'] {\n    appearance: none;\n    display: inline-flex;\n    position: relative;\n    box-sizing: border-box;\n    width: 28px;\n    border: 2px solid transparent;\n    transition: box-shadow 0.2s, background-color 0.2s;\n    cursor: inherit;\n    ","\n\n    &::after {\n      content: '';\n      position: absolute;\n      display: block;\n      top: 0;\n      left: 0;\n      width: 12px;\n      height: 12px;\n      transform: translateX(0);\n      transition: transform 0.2s;\n      ","\n    }\n\n    &:checked {\n      ","\n\n      &::after {\n        transform: translateX(12px);\n      }\n    }\n  }\n"])),Q(function(e){return[e.borderRadius(16),e.height.px(16),e.bg.text4.hover.press,e.outline.default.focus]}),Q(function(e){return[e.bg.text5.hover.press,e.borderRadius("oval")]}),Q(function(e){return e.bg.brand.hover.press})),ge=["style","className","label","required","requiredText","subLabel"],me=s.default.forwardRef(function(e,n){var t=e.style,r=e.className,a=e.label,i=e.required,o=void 0!==i&&i,l=e.requiredText,u=e.subLabel,d=v(e,ge);/*#__PURE__*/return s.default.createElement(ke,{style:t,className:r},/*#__PURE__*/s.default.createElement(ye,h({ref:n},d),a),o&&/*#__PURE__*/s.default.createElement(we,null,l),/*#__PURE__*/s.default.createElement(Ee,null,/*#__PURE__*/s.default.createElement("span",null,u)))}),xe=f.default(c.default),ye=c.default.label(M||(M=b(["\n  ","\n"])),xe(function(e){return[e.typography(14).bold,e.font.text1]})),we=c.default.span(H||(H=b(["\n  ","\n"])),xe(function(e){return[e.typography(14),e.font.text3]})),Ee=c.default.div(j||(j=b(["\n  ","\n"])),xe(function(e){return[e.typography(14),e.font.text3.hover.press,e.outline.default.focus]})),ke=c.default.div(F||(F=b(["\n  display: inline-flex;\n  align-items: center;\n\n  > "," {\n    ","\n  }\n\n  > "," {\n    ","\n  }\n"])),we,xe(function(e){return e.margin.left(4)}),Ee,xe(function(e){return e.margin.left("auto")})),Ce=["onChange"],Se=["onChange"],Re=f.default(c.default);function qe(){var e=arguments;return function(n){for(var t,r=m([].slice.call(e));!(t=r()).done;){var a=t.value;"function"==typeof a?a(n):null!==a&&(a.current=n)}}}function ze(e){return[].concat(e).length}var Pe=s.default.forwardRef(function(e,n){/*#__PURE__*/return s.default.createElement(void 0!==e.multiline&&e.multiline?Le:Te,h({ref:n},e))}),Te=s.default.forwardRef(function(n,t){var r,a=n.onChange,i=v(n,Ce),o=i.className,d=i.showLabel,c=void 0!==d&&d,f=i.showCount,p=void 0!==f&&f,b=i.label,g=i.requiredText,m=i.subLabel,x=i.disabled,y=void 0!==x&&x,w=i.required,E=i.invalid,k=void 0!==E&&E,C=i.assistiveText,S=i.maxLength,R=u.useVisuallyHidden().visuallyHiddenProps,q=e.useRef(null),z=e.useState(ze(null!=(r=i.value)?r:"")),P=z[0],T=z[1],L=e.useCallback(function(e){var n=ze(e);void 0!==S&&n>S||(T(n),null==a||a(e))},[S,a]),O=l.useTextField(h({inputElementType:"input",isDisabled:y,isRequired:w,validationState:k?"invalid":"valid",description:!k&&C,errorMessage:k&&C,onChange:L},i),q),N=O.inputProps,D=O.descriptionProps,M=O.errorMessageProps;/*#__PURE__*/return s.default.createElement(Oe,{className:o,isDisabled:y},/*#__PURE__*/s.default.createElement(Ne,h({label:b,requiredText:g,required:w,subLabel:m},O.labelProps,c?{}:R)),/*#__PURE__*/s.default.createElement(De,null,/*#__PURE__*/s.default.createElement(Me,h({ref:qe(t,q),invalid:k},N)),p&&S&&/*#__PURE__*/s.default.createElement(Fe,null,P,"/",S)),null!=C&&0!==C.length&&/*#__PURE__*/s.default.createElement(Ie,h({invalid:k},k?M:D),C))}),Le=s.default.forwardRef(function(n,t){var r,a=n.onChange,i=v(n,Se),o=i.className,d=i.showCount,c=void 0!==d&&d,f=i.showLabel,p=void 0!==f&&f,b=i.label,g=i.requiredText,m=i.subLabel,x=i.disabled,y=void 0!==x&&x,w=i.required,E=i.invalid,k=void 0!==E&&E,C=i.assistiveText,S=i.maxLength,R=i.autoHeight,q=void 0!==R&&R,z=i.rows,P=void 0===z?4:z,T=u.useVisuallyHidden().visuallyHiddenProps,L=e.useRef(null),O=e.useRef(null),N=e.useState(ze(null!=(r=i.value)?r:"")),D=N[0],M=N[1],H=e.useState(P),j=H[0],F=H[1],A=e.useCallback(function(e){var n,t,r=null!=(n=null==(t=(e.value+"\n").match(/\n/g))?void 0:t.length)?n:1;P<=r&&F(r)},[P]),I=e.useCallback(function(e){var n=ze(e);void 0!==S&&n>S||(M(n),q&&null!==L.current&&A(L.current),null==a||a(e))},[q,S,a,A]),X=l.useTextField(h({inputElementType:"textarea",isDisabled:y,isRequired:w,validationState:k?"invalid":"valid",description:!k&&C,errorMessage:k&&C,onChange:I},i),O),B=X.inputProps,G=X.labelProps,V=X.descriptionProps,J=X.errorMessageProps;return e.useEffect(function(){q&&null!==L.current&&A(L.current)},[q,A]),/*#__PURE__*/s.default.createElement(Oe,{className:o,isDisabled:y},/*#__PURE__*/s.default.createElement(Ne,h({label:b,requiredText:g,required:w,subLabel:m},G,p?T:{})),/*#__PURE__*/s.default.createElement(He,{rows:j},/*#__PURE__*/s.default.createElement(je,h({ref:qe(L,t,O),invalid:k,rows:j},B)),c&&/*#__PURE__*/s.default.createElement(Ae,null,D)),null!=C&&0!==C.length&&/*#__PURE__*/s.default.createElement(Ie,h({invalid:k},k?J:V),C))}),Oe=c.default.div(A||(A=b(["\n  display: flex;\n  flex-direction: column;\n\n  ","\n"])),function(e){return e.isDisabled&&{opacity:e.theme.elementEffect.disabled.opacity}}),Ne=c.default(me)(I||(I=b(["\n  ","\n"])),Re(function(e){return e.margin.bottom(8)})),De=c.default.div(X||(X=b(["\n  height: 40px;\n  display: grid;\n  position: relative;\n"]))),Me=c.default.input(B||(B=b(["\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(40px / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  ","\n\n  &::placeholder {\n    ","\n  }\n"])),function(e){return Re(function(n){return[n.bg.surface3.hover,n.outline.default.focus,e.invalid&&n.outline.assertive,n.font.text2]})},Re(function(e){return e.font.text3})),He=c.default.div(G||(G=b(["\n  display: grid;\n  position: relative;\n\n  ",";\n"])),function(e){var t=e.rows;return n.css(V||(V=b(["\n    max-height: calc(22px * "," + 18px);\n  "])),t)}),je=c.default.textarea(J||(J=b(["\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  resize: none;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  border-radius: calc(4px / 0.875);\n\n  ",";\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  ","\n\n  &::placeholder {\n    ","\n  }\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n"])),function(e){var t=e.rows;return n.css(U||(U=b(["\n    height: calc(22px / 0.875 * "," + 18px / 0.875);\n  "])),t)},function(e){return Re(function(n){return[n.bg.surface3.hover,n.outline.default.focus,e.invalid&&n.outline.assertive,n.font.text2]})},Re(function(e){return e.font.text3})),Fe=c.default.span(Y||(Y=b(["\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  transform: translateY(-50%);\n\n  ","\n"])),Re(function(e){return[e.typography(14).preserveHalfLeading,e.font.text3]})),Ae=c.default.span($||($=b(["\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  ","\n"])),Re(function(e){return[e.typography(14).preserveHalfLeading,e.font.text3]})),Ie=c.default.p(K||(K=b(["\n  ","\n"])),function(e){return Re(function(n){return[n.typography(14),n.margin.top(8),n.margin.bottom(0),n.font[e.invalid?"assertive":"text1"]]})});exports.Button=re,exports.Clickable=Z,exports.ComponentAbstraction=function(e){var n=e.children;/*#__PURE__*/return s.default.createElement(w.Provider,{value:h({},y,e.components)},n)},exports.IconButton=oe,exports.Radio=function(n){var t=n.value,r=n.forceChecked,a=void 0!==r&&r,i=n.disabled,o=void 0!==i&&i,l=n.children,u=e.useContext(fe),d=u.name,c=u.selected,f=u.disabled,h=u.readonly,v=u.hasError,b=u.onChange;p.default(void 0!==d,'"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?');var g=t===c,m=o||f,x=h&&!g,y=e.useCallback(function(e){b(e.currentTarget.value)},[b]);/*#__PURE__*/return s.default.createElement(ue,{"aria-disabled":m||x},/*#__PURE__*/s.default.createElement(de,{name:d,value:t,checked:a||g,hasError:v,onChange:y,disabled:m||x}),null!=l&&/*#__PURE__*/s.default.createElement(se,null,l))},exports.RadioGroup=function(n){var t=n.className,r=n.label,a=n.name,i=n.onChange,o=n.disabled,l=n.readonly,u=n.hasError,d=n.children,c=e.useState(n.defaultValue),f=c[0],p=c[1],h=e.useCallback(function(e){p(e),i(e)},[i]);/*#__PURE__*/return s.default.createElement(fe.Provider,{value:{name:a,selected:f,disabled:null!=o&&o,readonly:null!=l&&l,hasError:null!=u&&u,onChange:h}},/*#__PURE__*/s.default.createElement(ce,{role:"radiogroup","aria-orientation":"vertical","aria-label":r,"aria-invalid":u,className:t},d))},exports.Switch=function(n){var t=n.disabled,r=n.className,a=e.useMemo(function(){return h({},n,{"aria-label":"children"in n?void 0:n.label,isDisabled:n.disabled,isSelected:n.checked})},[n]),l=o.useToggleState(a),u=e.useRef(null),d=v(i.useSwitch(a,l,u).inputProps,pe);/*#__PURE__*/return s.default.createElement(he,{className:r,"aria-disabled":t},/*#__PURE__*/s.default.createElement(be,h({},d,{ref:u})),"children"in n?/*#__PURE__*/s.default.createElement(ve,null,n.children):void 0)},exports.TextField=Pe,exports.useComponentAbstraction=E;
+var e=require("react"),n=require("styled-components"),t=require("@charcoal-ui/styled"),r=require("@charcoal-ui/utils"),a=require("warning"),i=require("@react-aria/switch"),o=require("react-stately"),l=require("@react-aria/textfield"),u=require("@react-aria/visually-hidden");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/*#__PURE__*/d(e),c=/*#__PURE__*/d(n),f=/*#__PURE__*/d(t),p=/*#__PURE__*/d(a);function h(){return h=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(this,arguments)}function v(e,n){if(null==e)return{};var t,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n.indexOf(t=i[r])>=0||(a[t]=e[t]);return a}function b(e,n){return n||(n=e.slice(0)),e.raw=n,e}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(t)return(t=t.call(e)).next.bind(t);if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m=["to","children"],y={Link:s.default.forwardRef(function(e,n){var t=e.to,r=e.children,a=v(e,m);/*#__PURE__*/return s.default.createElement("a",h({href:t,ref:n},a),r)})},w=s.default.createContext(y);function E(){return e.useContext(w)}var C,k,S,R,P,z,q,L,T,O,N,D,M,H,j,A,F,I,G,B,X,V,Y,J,U,$,K,Q,W,Z,_,ee,ne,te,re,ae=f.default(c.default),ie=["onClick","disabled"],oe=s.default.forwardRef(function(e,n){var t=E().Link;if("to"in e){var r=e.onClick,a=e.disabled,i=void 0!==a&&a,o=v(e,ie);/*#__PURE__*/return s.default.createElement(de,h({},o,{as:i?void 0:t,onClick:i?void 0:r,"aria-disabled":i,ref:n}))}/*#__PURE__*/return s.default.createElement(ue,h({},e,{ref:n}))}),le=n.css(C||(C=b(["\n  /* Clickable style */\n  cursor: pointer;\n\n  "," {\n    cursor: default;\n  }\n"])),r.disabledSelector),ue=c.default.button(k||(k=b(["\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n\n  &:focus {\n    outline: none;\n  }\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n\n  /* Remove the inner border and padding in Firefox. */\n  &::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  ","\n"])),le),de=c.default.span(S||(S=b(["\n  /* Reset a-tag appearance */\n  color: inherit;\n\n  &:focus {\n    outline: none;\n  }\n\n  .text {\n    top: calc(1em + 2em);\n  }\n\n  ","\n"])),le),se=["children","variant","size","fixed","disabled"],ce=s.default.forwardRef(function(e,n){var t=e.children,r=e.variant,a=void 0===r?"Default":r,i=e.size,o=void 0===i?"M":i,l=e.fixed,u=void 0!==l&&l,d=e.disabled,c=void 0!==d&&d,f=v(e,se);/*#__PURE__*/return s.default.createElement(fe,h({},f,{disabled:c,variant:a,size:o,fixed:u,ref:n}),t)}),fe=c.default(oe).withConfig({shouldForwardProp:function(e){return"fixed"!==e}}).attrs(function(e){return h({},e,function(e){switch(e){case"Overlay":return{font:"text5",background:"surface4"};case"Default":return{font:"text2",background:"surface3"};case"Primary":return{font:"text5",background:"brand"};case"Navigation":return{font:"text5",background:"surface6"};case"Danger":return{font:"text5",background:"assertive"};default:return function(e){throw new Error(0===arguments.length?"unreachable":"unreachable ("+JSON.stringify(e)+")")}(e)}}(e.variant),function(e){switch(e){case"S":return{height:32,padding:16};case"M":return{height:40,padding:24}}}(e.size))})(R||(R=b(["\n  width: ",";\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n\n  ","\n\n  /* よく考えたらheight=32って定義が存在しないな... */\n  height: ","px;\n"])),function(e){return e.fixed?"stretch":"min-content"},function(e){return ae(function(n){return[n.font[e.font].hover.press,n.bg[e.background].hover.press,n.typography(14).bold.preserveHalfLeading,n.padding.horizontal(e.padding),n.disabled,n.borderRadius("oval"),n.outline.default.focus]})},function(e){return e.height}),pe=["variant","size","icon"],he=s.default.forwardRef(function(e,n){var t=e.variant,r=void 0===t?"Default":t,a=e.size,i=void 0===a?"M":a,o=e.icon,l=v(e,pe);return function(e,n){var t;switch(e){case"XS":t="16";break;case"S":case"M":t="24"}var r=/^[0-9]*/.exec(n);if(null==r)throw new Error("Invalid icon name");var a=r[0];a!==t&&console.warn('IconButton with size "'+e+'" expect icon size "'+t+', but got "'+a+'"')}(i,o),/*#__PURE__*/s.default.createElement(ve,h({},l,{ref:n,variant:r,size:i}),/*#__PURE__*/s.default.createElement("pixiv-icon",{name:o}))}),ve=c.default(oe).attrs(function(e){return h({},e,function(e){switch(e){case"Default":return{font:"text3",background:"transparent"};case"Overlay":return{font:"text5",background:"surface4"}}}(e.variant),function(e){switch(e){case"XS":return{width:20,height:20};case"S":return{width:32,height:32};case"M":return{width:40,height:40}}}(e.size))})(P||(P=b(["\n  user-select: none;\n\n  width: ","px;\n  height: ","px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ","\n"])),function(e){return e.width},function(e){return e.height},function(e){var n=e.font,t=e.background;return ae(function(e){return[e.font[n],e.bg[t].hover.press,e.disabled,e.borderRadius("oval"),e.outline.default.focus]})}),be=c.default.label(z||(z=b(["\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: ",";\n  align-items: center;\n  cursor: pointer;\n\n  ","\n"])),function(e){return r.px(e.theme.spacing[4])},ae(function(e){return[e.disabled]})),ge=c.default.input.attrs({type:"radio"})(q||(q=b(["\n  /** Make prior to browser default style */\n  &[type='radio'] {\n    appearance: none;\n    display: block;\n    box-sizing: border-box;\n\n    padding: 6px;\n\n    width: 20px;\n    height: 20px;\n\n    ",";\n\n    &:not(:checked) {\n      border-width: 2px;\n      border-style: solid;\n      border-color: ",";\n    }\n\n    &:checked {\n      ","\n\n      &::after {\n        content: '';\n        display: block;\n        width: 8px;\n        height: 8px;\n        pointer-events: none;\n\n        ","\n      }\n    }\n\n    ","\n  }\n"])),function(e){var n=e.hasError,t=void 0!==n&&n;return ae(function(e){return[e.borderRadius("oval"),e.bg.text5.hover.press,t&&e.outline.assertive]})},function(e){return e.theme.color.text4},ae(function(e){return e.bg.brand.hover.press}),ae(function(e){return[e.bg.text5.hover.press,e.borderRadius("oval")]}),ae(function(e){return e.outline.default.focus})),xe=c.default.div(L||(L=b(["\n  ","\n"])),ae(function(e){return[e.typography(14)]})),me=c.default.div(T||(T=b(["\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: ",";\n"])),function(e){return r.px(e.theme.spacing[8])}),ye=s.default.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,hasError:!1,onChange:function(){throw new Error("Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?")}}),we=e.createContext({name:void 0,selected:[],disabled:!1,readonly:!1,hasError:!1,onChange:function(){throw new Error("Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<SelectGroup />` ?")}}),Ee=c.default.label(O||(O=b(["\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  "," {\n    cursor: default;\n  }\n  gap: ",";\n  ","\n"])),r.disabledSelector,function(e){return r.px(e.theme.spacing[4])},ae(function(e){return e.disabled})),Ce=c.default.div(N||(N=b(["\n  display: flex;\n  align-items: center;\n  ","\n"])),ae(function(e){return[e.typography(14),e.font.text1]})),ke=c.default.input.attrs({type:"checkbox"})(D||(D=b(["\n  &[type='checkbox'] {\n    appearance: none;\n    display: block;\n    width: 20px;\n    height: 20px;\n    margin: 0;\n\n    &:checked {\n      ","\n    }\n\n    ",";\n  }\n"])),ae(function(e){return e.bg.brand.hover.press}),function(e){var n=e.hasError,t=e.overlay;return ae(function(e){return[e.bg.text3.hover.press,e.borderRadius("oval"),n&&!t&&e.outline.assertive,t&&e.bg.surface4]})}),Se=c.default.div(M||(M=b(["\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ","\n\n  ","\n"])),function(e){var n=e.hasError,t=e.overlay;return ae(function(e){return[e.width.px(24),e.height.px(24),e.borderRadius("oval"),e.font.text5,n&&t&&e.outline.assertive]})},function(e){return e.overlay&&n.css(H||(H=b(["\n      border-color: ",";\n      border-width: 2px;\n      border-style: solid;\n    "])),function(e){return e.theme.color.text5})}),Re=["className","type"],Pe=c.default.label(j||(j=b(["\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  gap: ",";\n  cursor: pointer;\n  outline: 0;\n\n  ","\n\n  "," {\n    cursor: default;\n  }\n"])),function(e){return r.px(e.theme.spacing[4])},ae(function(e){return e.disabled}),r.disabledSelector),ze=c.default.div(A||(A=b(["\n  ","\n"])),ae(function(e){return e.typography(14)})),qe=c.default.input.attrs({type:"checkbox"})(F||(F=b(["\n  &[type='checkbox'] {\n    appearance: none;\n    display: inline-flex;\n    position: relative;\n    box-sizing: border-box;\n    width: 28px;\n    border: 2px solid transparent;\n    transition: box-shadow 0.2s, background-color 0.2s;\n    cursor: inherit;\n    ","\n\n    &::after {\n      content: '';\n      position: absolute;\n      display: block;\n      top: 0;\n      left: 0;\n      width: 12px;\n      height: 12px;\n      transform: translateX(0);\n      transition: transform 0.2s;\n      ","\n    }\n\n    &:checked {\n      ","\n\n      &::after {\n        transform: translateX(12px);\n      }\n    }\n  }\n"])),ae(function(e){return[e.borderRadius(16),e.height.px(16),e.bg.text4.hover.press,e.outline.default.focus]}),ae(function(e){return[e.bg.text5.hover.press,e.borderRadius("oval")]}),ae(function(e){return e.bg.brand.hover.press})),Le=["style","className","label","required","requiredText","subLabel"],Te=s.default.forwardRef(function(e,n){var t=e.style,r=e.className,a=e.label,i=e.required,o=void 0!==i&&i,l=e.requiredText,u=e.subLabel,d=v(e,Le);/*#__PURE__*/return s.default.createElement(He,{style:t,className:r},/*#__PURE__*/s.default.createElement(Ne,h({ref:n},d),a),o&&/*#__PURE__*/s.default.createElement(De,null,l),/*#__PURE__*/s.default.createElement(Me,null,/*#__PURE__*/s.default.createElement("span",null,u)))}),Oe=f.default(c.default),Ne=c.default.label(I||(I=b(["\n  ","\n"])),Oe(function(e){return[e.typography(14).bold,e.font.text1]})),De=c.default.span(G||(G=b(["\n  ","\n"])),Oe(function(e){return[e.typography(14),e.font.text3]})),Me=c.default.div(B||(B=b(["\n  ","\n"])),Oe(function(e){return[e.typography(14),e.font.text3.hover.press,e.outline.default.focus]})),He=c.default.div(X||(X=b(["\n  display: inline-flex;\n  align-items: center;\n\n  > "," {\n    ","\n  }\n\n  > "," {\n    ","\n  }\n"])),De,Oe(function(e){return e.margin.left(4)}),Me,Oe(function(e){return e.margin.left("auto")})),je=["onChange"],Ae=["onChange"],Fe=f.default(c.default);function Ie(){var e=arguments;return function(n){for(var t,r=x([].slice.call(e));!(t=r()).done;){var a=t.value;"function"==typeof a?a(n):null!==a&&(a.current=n)}}}function Ge(e){return Array.from(e).length}var Be=s.default.forwardRef(function(e,n){/*#__PURE__*/return s.default.createElement(void 0!==e.multiline&&e.multiline?Ve:Xe,h({ref:n},e))}),Xe=s.default.forwardRef(function(n,t){var r,a=n.onChange,i=v(n,je),o=i.className,d=i.showLabel,c=void 0!==d&&d,f=i.showCount,p=void 0!==f&&f,b=i.label,g=i.requiredText,x=i.subLabel,m=i.disabled,y=void 0!==m&&m,w=i.required,E=i.invalid,C=void 0!==E&&E,k=i.assistiveText,S=i.maxLength,R=i.prefix,P=void 0===R?"":R,z=i.suffix,q=void 0===z?"":z,L=u.useVisuallyHidden().visuallyHiddenProps,T=e.useRef(null),O=e.useRef(null),N=e.useRef(null),D=e.useState(Ge(null!=(r=i.value)?r:"")),M=D[0],H=D[1],j=e.useState(0),A=j[0],F=j[1],I=e.useState(0),G=I[0],B=I[1],X=void 0===i.value,V=e.useCallback(function(e){var n=Ge(e);void 0!==S&&n>S||(X&&H(n),null==a||a(e))},[S,X,a]);e.useEffect(function(){var e;H(Ge(null!=(e=i.value)?e:""))},[i.value]);var Y=l.useTextField(h({inputElementType:"input",isDisabled:y,isRequired:w,validationState:C?"invalid":"valid",description:!C&&k,errorMessage:C&&k,onChange:V},i),T),J=Y.inputProps,U=Y.labelProps,$=Y.descriptionProps,K=Y.errorMessageProps;return e.useEffect(function(){var e=new ResizeObserver(function(e){F(e[0].contentRect.width)}),n=new ResizeObserver(function(e){B(e[0].contentRect.width)});return null!==O.current&&e.observe(O.current),null!==N.current&&n.observe(N.current),function(){n.disconnect(),e.disconnect()}},[]),/*#__PURE__*/s.default.createElement(Ye,{className:o,isDisabled:y},/*#__PURE__*/s.default.createElement(Je,h({label:b,requiredText:g,required:w,subLabel:x},U,c?{}:L)),/*#__PURE__*/s.default.createElement(Ue,null,/*#__PURE__*/s.default.createElement($e,{ref:O},/*#__PURE__*/s.default.createElement(Qe,null,P)),/*#__PURE__*/s.default.createElement(We,h({ref:Ie(t,T),invalid:C,extraLeftPadding:A,extraRightPadding:G},J)),/*#__PURE__*/s.default.createElement(Ke,{ref:N},/*#__PURE__*/s.default.createElement(Qe,null,q),p&&S&&/*#__PURE__*/s.default.createElement(en,null,M,"/",S))),null!=k&&0!==k.length&&/*#__PURE__*/s.default.createElement(tn,h({invalid:C},C?K:$),k))}),Ve=s.default.forwardRef(function(n,t){var r,a=n.onChange,i=v(n,Ae),o=i.className,d=i.showCount,c=void 0!==d&&d,f=i.showLabel,p=void 0!==f&&f,b=i.label,g=i.requiredText,x=i.subLabel,m=i.disabled,y=void 0!==m&&m,w=i.required,E=i.invalid,C=void 0!==E&&E,k=i.assistiveText,S=i.maxLength,R=i.autoHeight,P=void 0!==R&&R,z=i.rows,q=void 0===z?4:z,L=u.useVisuallyHidden().visuallyHiddenProps,T=e.useRef(null),O=e.useRef(null),N=e.useState(Ge(null!=(r=i.value)?r:"")),D=N[0],M=N[1],H=e.useState(q),j=H[0],A=H[1],F=e.useCallback(function(e){var n,t,r=null!=(n=null==(t=(e.value+"\n").match(/\n/g))?void 0:t.length)?n:1;q<=r&&A(r)},[q]),I=void 0===i.value,G=e.useCallback(function(e){var n=Ge(e);void 0!==S&&n>S||(I&&M(n),P&&null!==T.current&&F(T.current),null==a||a(e))},[P,S,I,a,F]);e.useEffect(function(){var e;M(Ge(null!=(e=i.value)?e:""))},[i.value]);var B=l.useTextField(h({inputElementType:"textarea",isDisabled:y,isRequired:w,validationState:C?"invalid":"valid",description:!C&&k,errorMessage:C&&k,onChange:G},i),O),X=B.inputProps,V=B.labelProps,Y=B.descriptionProps,J=B.errorMessageProps;return e.useEffect(function(){P&&null!==T.current&&F(T.current)},[P,F]),/*#__PURE__*/s.default.createElement(Ye,{className:o,isDisabled:y},/*#__PURE__*/s.default.createElement(Je,h({label:b,requiredText:g,required:w,subLabel:x},V,p?L:{})),/*#__PURE__*/s.default.createElement(Ze,{rows:j},/*#__PURE__*/s.default.createElement(_e,h({ref:Ie(T,t,O),invalid:C,rows:j},X)),c&&/*#__PURE__*/s.default.createElement(nn,null,D)),null!=k&&0!==k.length&&/*#__PURE__*/s.default.createElement(tn,h({invalid:C},C?J:Y),k))}),Ye=c.default.div(V||(V=b(["\n  display: flex;\n  flex-direction: column;\n\n  ","\n"])),function(e){return e.isDisabled&&{opacity:e.theme.elementEffect.disabled.opacity}}),Je=c.default(Te)(Y||(Y=b(["\n  ","\n"])),Fe(function(e){return e.margin.bottom(8)})),Ue=c.default.div(J||(J=b(["\n  height: 40px;\n  display: grid;\n  position: relative;\n"]))),$e=c.default.span(U||(U=b(["\n  position: absolute;\n  top: 50%;\n  left: 8px;\n  transform: translateY(-50%);\n"]))),Ke=c.default.span($||($=b(["\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  transform: translateY(-50%);\n\n  display: flex;\n  gap: 8px;\n"]))),Qe=c.default.span(K||(K=b(["\n  user-select: none;\n\n  ","\n"])),Fe(function(e){return[e.typography(14).preserveHalfLeading,e.font.text2]})),We=c.default.input(Q||(Q=b(["\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-top: calc(9px / 0.875);\n  padding-bottom: calc(9px / 0.875);\n  padding-left: calc((8px + ","px) / 0.875);\n  padding-right: calc((8px + ","px) / 0.875);\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  ","\n\n  &::placeholder {\n    ","\n  }\n"])),function(e){return e.extraLeftPadding},function(e){return e.extraRightPadding},function(e){return Fe(function(n){return[n.bg.surface3.hover,n.outline.default.focus,e.invalid&&n.outline.assertive,n.font.text2]})},Fe(function(e){return e.font.text3})),Ze=c.default.div(W||(W=b(["\n  display: grid;\n  position: relative;\n\n  ",";\n"])),function(e){var t=e.rows;return n.css(Z||(Z=b(["\n    max-height: calc(22px * "," + 18px);\n  "])),t)}),_e=c.default.textarea(_||(_=b(["\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  border-radius: calc(4px / 0.875);\n\n  ",";\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  ","\n\n  &::placeholder {\n    ","\n  }\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n"])),function(e){var t=e.rows;return n.css(ee||(ee=b(["\n    height: calc(22px / 0.875 * "," + 18px / 0.875);\n  "])),t)},function(e){return Fe(function(n){return[n.bg.surface3.hover,n.outline.default.focus,e.invalid&&n.outline.assertive,n.font.text2]})},Fe(function(e){return e.font.text3})),en=c.default.span(ne||(ne=b(["\n  ","\n"])),Fe(function(e){return[e.typography(14).preserveHalfLeading,e.font.text3]})),nn=c.default.span(te||(te=b(["\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  ","\n"])),Fe(function(e){return[e.typography(14).preserveHalfLeading,e.font.text3]})),tn=c.default.p(re||(re=b(["\n  ","\n"])),function(e){return Fe(function(n){return[n.typography(14),n.margin.top(8),n.margin.bottom(0),n.font[e.invalid?"assertive":"text1"]]})});exports.Button=ce,exports.Clickable=oe,exports.ComponentAbstraction=function(e){var n=e.children;/*#__PURE__*/return s.default.createElement(w.Provider,{value:h({},y,e.components)},n)},exports.IconButton=he,exports.Radio=function(n){var t=n.value,r=n.forceChecked,a=void 0!==r&&r,i=n.disabled,o=void 0!==i&&i,l=n.children,u=e.useContext(ye),d=u.name,c=u.selected,f=u.disabled,h=u.readonly,v=u.hasError,b=u.onChange;p.default(void 0!==d,'"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?');var g=t===c,x=o||f,m=h&&!g,y=e.useCallback(function(e){b(e.currentTarget.value)},[b]);/*#__PURE__*/return s.default.createElement(be,{"aria-disabled":x||m},/*#__PURE__*/s.default.createElement(ge,{name:d,value:t,checked:a||g,hasError:v,onChange:y,disabled:x||m}),null!=l&&/*#__PURE__*/s.default.createElement(xe,null,l))},exports.RadioGroup=function(n){var t=n.className,r=n.value,a=n.label,i=n.name,o=n.onChange,l=n.disabled,u=n.readonly,d=n.hasError,c=n.children,f=e.useCallback(function(e){o(e)},[o]);/*#__PURE__*/return s.default.createElement(ye.Provider,{value:{name:i,selected:r,disabled:null!=l&&l,readonly:null!=u&&u,hasError:null!=d&&d,onChange:f}},/*#__PURE__*/s.default.createElement(me,{role:"radiogroup","aria-orientation":"vertical","aria-label":a,"aria-invalid":d,className:t},c))},exports.Select=function(n){var t=n.value,r=n.forceChecked,a=void 0!==r&&r,i=n.disabled,o=void 0!==i&&i,l=n.onChange,u=n.variant,d=void 0===u?"default":u,c=n.children,f=e.useContext(we),h=f.name,v=f.selected,b=f.disabled,g=f.readonly,x=f.hasError,m=f.onChange;p.default(void 0!==h,'"name" is not Provided for <Select>. Perhaps you forgot to wrap with <SelectGroup> ?');var y=v.includes(t)||a,w=o||b||g,E=e.useCallback(function(e){e.currentTarget instanceof HTMLInputElement&&(l&&l({value:t,selected:e.currentTarget.checked}),m({value:t,selected:e.currentTarget.checked}))},[l,m,t]);/*#__PURE__*/return s.default.createElement(Ee,{"aria-disabled":w},/*#__PURE__*/s.default.createElement(ke,{name:h,value:t,hasError:x,checked:y,disabled:w,onChange:E,overlay:"overlay"===d,"aria-invalid":x}),/*#__PURE__*/s.default.createElement(Se,{overlay:"overlay"===d,hasError:x,"aria-hidden":!0},/*#__PURE__*/s.default.createElement("pixiv-icon",{name:"24/Check","unsafe-non-guideline-scale":16/24})),Boolean(c)&&/*#__PURE__*/s.default.createElement(Ce,null,c))},exports.SelectGroup=function(n){var t=n.className,r=n.name,a=n.ariaLabel,i=n.selected,o=n.onChange,l=n.disabled,u=void 0!==l&&l,d=n.readonly,c=void 0!==d&&d,f=n.hasError,p=void 0!==f&&f,h=n.children,v=e.useCallback(function(e){var n=i.indexOf(e.value);e.selected?n<0&&o([].concat(i,[e.value])):n>=0&&o([].concat(i.slice(0,n),i.slice(n+1)))},[o,i]);/*#__PURE__*/return s.default.createElement(we.Provider,{value:{name:r,selected:Array.from(new Set(i)),disabled:u,readonly:c,hasError:p,onChange:v}},/*#__PURE__*/s.default.createElement("div",{className:t,"aria-label":a,"data-testid":"SelectGroup"},h))},exports.Switch=function(n){var t=n.disabled,r=n.className,a=e.useMemo(function(){return h({},n,{"aria-label":"children"in n?void 0:n.label,isDisabled:n.disabled,isSelected:n.checked})},[n]),l=o.useToggleState(a),u=e.useRef(null),d=v(i.useSwitch(a,l,u).inputProps,Re);/*#__PURE__*/return s.default.createElement(Pe,{className:r,"aria-disabled":t},/*#__PURE__*/s.default.createElement(qe,h({},d,{ref:u})),"children"in n?/*#__PURE__*/s.default.createElement(ze,null,n.children):void 0)},exports.TextField=Be,exports.useComponentAbstraction=E;
 //# sourceMappingURL=index.cjs.map