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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import '@charcoal-ui/icons';
+import type { PixivIcon, Props } from '@charcoal-ui/icons';
+export interface OwnProps {
+    unsafeNonGuidelineScale?: number;
+    className?: string;
+}
+export interface IconProps extends OwnProps, React.PropsWithoutRef<Omit<Props, 'class' | 'unsafe-non-guideline-scale' | 'css'>> {
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<PixivIcon>>;
+export default Icon;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,WAAW,QAAQ;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,SACf,SAAQ,QAAQ,EACd,KAAK,CAAC,eAAe,CACnB,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,4BAA4B,GAAG,KAAK,CAAC,CAC5D;CAAG;AAER,QAAA,MAAM,IAAI,6EAcR,CAAA;AAEF,eAAe,IAAI,CAAA"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '.';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<import("@charcoal-ui/icons").PixivIcon>>;
+    argTypes: {
+        name: {
+            control: {
+                type: string;
+                options: readonly ["32/ShareIos", "32/Dot", "32/Message", "32/Gift", "32/Close", "32/Prev", "32/Next", "32/PullDown", "32/PullUp", "32/Expand", "32/Collapse", "32/Edit", "32/ShareAndroid", "32/BookmarkOff", "32/BookmarkOn", "32/NovelViewerSettings", "32/CommentOff", "32/CommentOn", "32/Home", "32/Index", "32/Serif", "32/Camera", "32/Delete", "32/Pan", "32/RollVertical", "32/RollHorizontal", "32/ZoomIn", "32/Upload", "32/Shopping", "32/User", "32/HorizontalWriting", "32/Notification", "32/SansSerif", "32/VerticalWriting", "32/NotificationOff", "24/Expand", "24/Collapse", "24/Close", "24/Pencil", "24/PencilDraw", "24/PencilText", "24/Reorder", "24/Add", "24/Subtract", "24/Star", "24/Check", "24/Send", "24/LockLock", "24/LockUnlock", "24/Up", "24/Down", "24/ReloadLoop", "24/Reload", "24/Options", "24/CommentOutline", "24/Trash", "24/TrashAlt", "24/ShareIos", "24/ViewGrid3Columns", "24/ViewGrid2Columns", "24/ViewList", "24/Upload", "24/UploadAlt", "24/DownloadAlt", "24/ArrowUp", "24/LikeOff", "24/LikeOn", "24/ArrowDown", "24/OptionsAlt", "24/PencilLive", "24/OpenInNew", "24/Settings", "24/Roll", "24/Calendar", "24/Save", "24/Logout", "24/CommentFill", "24/ShareAndroid", "16/More", "16/Back", "16/Search", "16/Add", "16/Check", "16/Menu", "16/Dot", "16/Book", "16/ArrowDown", "16/Speaker", "16/Remove", "16/BookmarkOn", "16/BookmarkOff", "16/Filter", "16/Error", "16/Info", "16/Pencil", "Inline/LikeOff", "Inline/View", "Inline/BookmarkOff", "Inline/BookmarkOn", "Inline/Breadcrumbs", "Inline/More", "Inline/ImageResponse", "Inline/Lock", "Inline/External", "Inline/Location", "Inline/ViewOutline", "Inline/Like", "Inline/Smile", "Inline/SmileOn", "Inline/Check", "Inline/List", "Inline/ContextMenu", "Inline/Add", "Inline/Remove", "Inline/Images", "Inline/Nextworks", "Inline/Filter", "Inline/Users", "24/Next", "24/PullDown", "24/PullUp", "24/Prev", "24/Dot", "24/Notification", "24/NotificationOff", "24/Search", "24/Menu", "24/Index", "24/Services", "24/Error", "24/Home", "24/Warning", "24/Info", "24/QuestionOutline", "24/ChatBot", "24/ErrorOctagon", "24/Question", "24/Alart", "24/DotAlt", "24/ImageHidden", "24/AddRubi", "24/ImageReplace", "24/Text", "24/AddText", "24/FormatAlignRight", "24/FormatAlignLeft", "24/FormatAlignCenter", "24/AddImage", "24/ImgContain", "24/ImgCover", "24/BringForward", "24/BringBackward", "24/RotateRight", "24/Palette", "24/Duplicate", "24/FormatLineSpacing", "24/FormatLetterSpacing", "24/Rotate90DegreesCc", "24/Rotate90DegreesC", "24/FormatFontSize", "24/FormatFontFamily", "24/FormatColorFill", "24/FormatColorFillNoColor", "24/ChromaticAberration", "24/Move1", "24/Play", "24/Pause", "24/Microphone", "24/PauseAlt", "24/CameraVideo", "24/Camera", "24/Fov", "24/Sun", "24/Shutter", "24/Contrast", "24/FrameEffect", "24/Hue", "24/Saturation", "24/Glow", "24/Binet", "24/Overlay", "24/Flare", "24/Dust", "24/Temperature", "24/Filter", "24/Usagi", "24/Set", "24/Gift", "24/MobilePhone", "24/Users", "24/AddPeople", "24/Person", "24/Emoji", "24/Shopping", "24/UsagiAlt", "24/Fashion", "24/FaceEdit", "24/DeviceRotation", "24/Ar", "24/FrameSize", "24/Body", "24/BodyEdit", "24/HairEdit", "24/ItemRemove", "24/AddModel", "24/ChangeCharactor", "24/Pose", "24/Show", "24/ShowOutline", "24/Hide", "24/Idea", "24/Book", "24/Message", "24/Images", "24/Image", "24/Video", "24/Hashtag", "24/ImageAlt", "24/Discovery", "24/Description", "24/File", "24/Archive", "24/Invoice", "24/Announcement", "24/Link", "24/Manga", "24/Novels", "24/Contest", "24/LatestWorks", "24/Ranking", "24/Feed", "24/Groups", "24/Events", "24/Projects", "24/Codes", "24/Invalid", "32/LikeOff", "32/LikeOn", "32/LikeOnPrivate", "24/ImageHidden", "Inline/Folder", "Inline/Pencil", "Inline/Comment", "16/View", "16/ImageResponse", "16/Like", "16/Smile", "16/Comment", "16/Ranking", "16/Artwork", "24/NoImage", "24/ReadVertical", "24/ReadHorizontalLeft", "24/ReadHorizontalRight"];
+            };
+        };
+        scale: {
+            control: {
+                type: string;
+                options: number[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<IconProps>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAa,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;AAEzC,wBAiBC;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,SAAS,CAAqB,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}}require("@charcoal-ui/icons");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 C,k,S,R,P,q,z,L,N,T,O,D,M,H,j,A,I,F,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(q||(q=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"})(z||(z=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})),me=c.default.div(L||(L=b(["\n  ","\n"])),ae(function(e){return[e.typography(14)]})),xe=c.default.div(N||(N=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(T||(T=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(O||(O=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),qe=c.default.div(A||(A=b(["\n  ","\n"])),ae(function(e){return e.typography(14)})),ze=c.default.input.attrs({type:"checkbox"})(I||(I=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"],Ne=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(Oe,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)))}),Te=f.default(c.default),Oe=c.default.label(F||(F=b(["\n  ","\n"])),Te(function(e){return[e.typography(14).bold,e.font.text1]})),De=c.default.span(G||(G=b(["\n  ","\n"])),Te(function(e){return[e.typography(14),e.font.text3]})),Me=c.default.div(B||(B=b(["\n  ","\n"])),Te(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,Te(function(e){return e.margin.left(4)}),Me,Te(function(e){return e.margin.left("auto")})),je=["onChange"],Ae=["onChange"],Ie=f.default(c.default);function Fe(){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 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,m=i.subLabel,x=i.disabled,y=void 0!==x&&x,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,q=i.suffix,z=void 0===q?"":q,L=u.useVisuallyHidden().visuallyHiddenProps,N=e.useRef(null),T=e.useRef(null),O=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],I=j[1],F=e.useState(0),G=F[0],B=F[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),N),J=Y.inputProps,U=Y.labelProps,$=Y.descriptionProps,K=Y.errorMessageProps;return e.useEffect(function(){var e=new ResizeObserver(function(e){I(e[0].contentRect.width)}),n=new ResizeObserver(function(e){B(e[0].contentRect.width)});return null!==T.current&&e.observe(T.current),null!==O.current&&n.observe(O.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:m},U,c?{}:L)),/*#__PURE__*/s.default.createElement(Ue,null,/*#__PURE__*/s.default.createElement($e,{ref:T},/*#__PURE__*/s.default.createElement(Qe,null,P)),/*#__PURE__*/s.default.createElement(We,h({ref:Fe(t,N),invalid:C,extraLeftPadding:A,extraRightPadding:G},J)),/*#__PURE__*/s.default.createElement(Ke,{ref:O},/*#__PURE__*/s.default.createElement(Qe,null,z),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,m=i.subLabel,x=i.disabled,y=void 0!==x&&x,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,q=i.rows,z=void 0===q?4:q,L=u.useVisuallyHidden().visuallyHiddenProps,N=e.useRef(null),T=e.useRef(null),O=e.useState(Ge(null!=(r=i.value)?r:"")),D=O[0],M=O[1],H=e.useState(z),j=H[0],A=H[1],I=e.useCallback(function(e){var n,t,r=null!=(n=null==(t=(e.value+"\n").match(/\n/g))?void 0:t.length)?n:1;z<=r&&A(r)},[z]),F=void 0===i.value,G=e.useCallback(function(e){var n=Ge(e);void 0!==S&&n>S||(F&&M(n),P&&null!==N.current&&I(N.current),null==a||a(e))},[P,S,F,a,I]);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),T),X=B.inputProps,V=B.labelProps,Y=B.descriptionProps,J=B.errorMessageProps;return e.useEffect(function(){P&&null!==N.current&&I(N.current)},[P,I]),/*#__PURE__*/s.default.createElement(Ye,{className:o,isDisabled:y},/*#__PURE__*/s.default.createElement(Je,h({label:b,requiredText:g,required:w,subLabel:m},V,p?{}:L)),/*#__PURE__*/s.default.createElement(Ze,{rows:j},/*#__PURE__*/s.default.createElement(_e,h({ref:Fe(N,t,T),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(Ne)(Y||(Y=b(["\n  ","\n"])),Ie(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"])),Ie(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 Ie(function(n){return[n.bg.surface3.hover,n.outline.default.focus,e.invalid&&n.outline.assertive,n.font.text2]})},Ie(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 Ie(function(n){return[n.bg.surface3.hover,n.outline.default.focus,e.invalid&&n.outline.assertive,n.font.text2]})},Ie(function(e){return e.font.text3})),en=c.default.span(ne||(ne=b(["\n  ","\n"])),Ie(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"])),Ie(function(e){return[e.typography(14).preserveHalfLeading,e.font.text3]})),tn=c.default.p(re||(re=b(["\n  ","\n"])),function(e){return Ie(function(n){return[n.typography(14),n.margin.top(8),n.margin.bottom(0),n.font[e.invalid?"assertive":"text1"]]})}),rn=["name","scale","unsafeNonGuidelineScale","className"],an=s.default.forwardRef(function(e,n){var t=e.name,r=e.scale,a=e.unsafeNonGuidelineScale,i=e.className,o=v(e,rn);/*#__PURE__*/return s.default.createElement("pixiv-icon",h({ref:n,name:t,scale:r,"unsafe-non-guideline-scale":a,class:i},o))});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.Icon=an,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,m=o||f,x=h&&!g,y=e.useCallback(function(e){b(e.currentTarget.value)},[b]);/*#__PURE__*/return s.default.createElement(be,{"aria-disabled":m||x},/*#__PURE__*/s.default.createElement(ge,{name:d,value:t,checked:a||g,hasError:v,onChange:y,disabled:m||x}),null!=l&&/*#__PURE__*/s.default.createElement(me,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(xe,{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,m=f.hasError,x=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}),x({value:t,selected:e.currentTarget.checked}))},[l,x,t]);/*#__PURE__*/return s.default.createElement(Ee,{"aria-disabled":w},/*#__PURE__*/s.default.createElement(ke,{name:h,value:t,hasError:m,checked:y,disabled:w,onChange:E,overlay:"overlay"===d,"aria-invalid":m}),/*#__PURE__*/s.default.createElement(Se,{overlay:"overlay"===d,hasError:m,"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(ze,h({},d,{ref:u})),"children"in n?/*#__PURE__*/s.default.createElement(qe,null,n.children):void 0)},exports.TextField=Be,exports.useComponentAbstraction=E;
 //# sourceMappingURL=index.cjs.map