@charcoal-ui/react 2.0.0-alpha.9 → 2.0.0-rc.0

package/README.md

@@ -15,3 +15,19 @@ yarn
 ```
 yarn add @charcoal-ui/react
 ```
+
+## Server Side Rendering を行う場合の注意点
+
+SSR を行う場合はアプリケーション全体を`<SSRProvider>`で囲む必要があります。
+
+```jsx
+import { SSRProvider } from '@charcoal-ui/react'
+
+const App = () => (
+  <SSRProvider>
+    <Page />
+  </SSRProvider>
+)
+```
+
+既知の不具合として、React の[strict mode](https://reactjs.org/docs/strict-mode.html)が有効化されていると hydration error が発生します。`@charcoal-ui/react`が依存している`react-aria`の不具合 (adobe/react-spectrum#2231, adobe/react-spectrum#779) によるものです。

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

@@ -0,0 +1,21 @@
+import React from 'react';
+declare type CheckboxLabelProps = {
+    children: React.ReactNode;
+} | {
+    label: string;
+};
+export declare type CheckboxProps = CheckboxLabelProps & {
+    readonly id?: string;
+    readonly name?: string;
+    readonly checked?: boolean;
+    readonly defaultChecked?: boolean;
+    readonly disabled?: boolean;
+    readonly readonly?: boolean;
+    readonly onClick?: () => void;
+    readonly onChange?: (isSelected: boolean) => void;
+    readonly onBlur?: () => void;
+    readonly onFocus?: () => void;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAWxD,aAAK,kBAAkB,GACnB;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAEL,oBAAY,aAAa,GAAG,kBAAkB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;;AAkCD,wBAA6B"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import(".").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+};
+export default _default;
+declare type Props = {
+    checked: boolean;
+    defaultChecked: boolean;
+    disabled: boolean;
+    readonly: boolean;
+};
+export declare const Labelled: Story<Props>;
+export declare const Unlabelled: Story<Props>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAEzC,wBAGC;AAED,aAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAgBjC,CAAA;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAcnC,CAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ListProps, ListState } from 'react-stately';
+declare type ListMode = 'default' | 'separator';
+export declare type ListboxProps<T> = Omit<ListProps<T>, 'children'> & {
+    state: ListState<T>;
+    mode?: ListMode;
+};
+declare const _default: React.MemoExoticComponent<(<T>({ state, mode, ...props }: ListboxProps<T>) => JSX.Element)>;
+export default _default;
+//# sourceMappingURL=Listbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAUpD,aAAK,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AACvC,oBAAY,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;;AA+BD,wBAA4B"}

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

@@ -0,0 +1,10 @@
+import React, { PropsWithChildren, CSSProperties } from 'react';
+declare type Props = PropsWithChildren<{
+    open?: boolean;
+    onClose?: () => void;
+    style?: CSSProperties;
+    className?: string;
+}>;
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,iBAAiB,EAEjB,aAAa,EACd,MAAM,OAAO,CAAA;AAGd,aAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;;AA4BF,wBAA4B"}

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

@@ -0,0 +1,32 @@
+import { Key } from 'react';
+import { ListboxProps } from './Listbox';
+import type { CollectionBase } from '@react-types/shared';
+import type { ReactNode } from 'react';
+declare type LabelProps = {
+    readonly showLabel?: boolean;
+    readonly label: string;
+    readonly subLabel?: ReactNode;
+    readonly requiredText?: string;
+};
+declare type Empty = Record<string, unknown>;
+export declare type DropdownSelectorProps<T extends Empty = Empty> = LabelProps & Readonly<CollectionBase<T>> & {
+    readonly id?: string;
+    readonly name?: string;
+    readonly autoComplete?: string;
+    readonly placeholder?: string;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly required?: boolean;
+    readonly invalid?: boolean;
+    readonly assertiveText?: string;
+    readonly value?: Key;
+    readonly defaultValue?: Key;
+    readonly open?: boolean;
+    readonly onOpenChange?: (isOpen?: boolean) => void;
+    readonly onChange?: (key: Key) => void;
+    readonly mode?: ListboxProps<T>['mode'];
+};
+declare const DropdownSelector: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
+export default DropdownSelector;
+export declare const DropdownSelectorItem: <T>(props: import("react-stately").ItemProps<T>) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAA;AAQnD,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAMjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,aAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,aAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACpC,oBAAY,qBAAqB,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,IAAI,UAAU,GACrE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,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,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;IACpB,QAAQ,CAAC,YAAY,CAAC,EAAE,GAAG,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;CACxC,CAAA;AAEH,QAAA,MAAM,gBAAgB,uNAkGrB,CAAA;AAED,eAAe,gBAAgB,CAAA;AAC/B,eAAO,MAAM,oBAAoB,iEAAO,CAAA"}

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

@@ -0,0 +1,22 @@
+import { DropdownSelectorProps } from '.';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
+};
+export default _default;
+declare type Props = Omit<DropdownSelectorProps, 'subLabel' | 'children' | 'onOpenChange'>;
+export declare const Default: Story<Props>;
+declare type HasLabelProps = {
+    disabled?: boolean;
+};
+export declare const HasLabel: Story<HasLabelProps>;
+declare type WithSeparatorProps = {
+    mode: 'default' | 'separator';
+};
+export declare const WithSeparator: Story<WithSeparatorProps>;
+declare type InvalidProps = {
+    disabled?: boolean;
+};
+export declare const Invalid: Story<InvalidProps>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AAEA,OAAyB,EAEvB,qBAAqB,EACtB,MAAM,GAAG,CAAA;AACV,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,aAAK,KAAK,GAAG,IAAI,CACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,KAAK,CAahC,CAAA;AAUD,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAsBzC,CAAA;AAMD,aAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,SAAS,GAAG,WAAW,CAAA;CAC9B,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CA0BnD,CAAA;AAMD,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,YAAY,CAmBvC,CAAA"}

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export default function LoadingSpinner({ size, padding, transparent, }: {
+    size?: number | undefined;
+    padding?: number | undefined;
+    transparent?: boolean | undefined;
+}): JSX.Element;
+interface Props {
+    once?: boolean;
+}
+export interface LoadingSpinnerIconHandler {
+    restart(): void;
+}
+export declare const LoadingSpinnerIcon: React.ForwardRefExoticComponent<Props & React.RefAttributes<LoadingSpinnerIconHandler>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAS,EACT,OAAY,EACZ,WAAmB,GACpB;;;;CAAA,eAMA;AA6CD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,yFAmB7B,CAAA"}

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

@@ -0,0 +1,10 @@
+import LoadingSpinner from '.';
+declare const _default: {
+    title: string;
+    component: typeof LoadingSpinner;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare function Basic(): JSX.Element;
+export declare function Icon(): JSX.Element;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.story.tsx"],"names":[],"mappings":"AAQA,OAAO,cAGN,MAAM,GAAG,CAAA;;;;;;AAEV,wBAIC;AAED,wBAAgB,KAAK,gBAQpB;AAED,wBAAgB,IAAI,gBAEnB"}

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

@@ -0,0 +1,5 @@
+export declare function ModalHeader(): JSX.Element;
+export declare const ModalAlign: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=ModalPlumbing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPlumbing.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPlumbing.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,gBAM1B;AAaD,eAAO,MAAM,UAAU,yGAMtB,CAAA;AAED,eAAO,MAAM,SAAS,yGAErB,CAAA;AAED,eAAO,MAAM,YAAY,yGASxB,CAAA"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { OverlayProps } from '@react-aria/overlays';
+import { AriaDialogProps } from '@react-types/dialog';
+import { ButtonProps } from '../Button';
+export declare type ModalProps = OverlayProps & AriaDialogProps & {
+    children: React.ReactNode;
+    zIndex?: number;
+    title: string;
+    size?: 'S' | 'M' | 'L';
+    bottomSheet?: boolean | 'full';
+    portalContainer?: HTMLElement;
+};
+export default function Modal({ children, zIndex, portalContainer, ...props }: ModalProps): JSX.Element;
+export declare function ModalTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
+export declare function ModalDismissButton({ children, ...props }: ButtonProps): JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAEL,YAAY,EAIb,MAAM,sBAAsB,CAAA;AAK7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAMrD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAG/C,oBAAY,UAAU,GAAG,YAAY,GACnC,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAI9B,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;AAIH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,MAAwB,EACxB,eAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,eA6EZ;AAgFD,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,eAOzE;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}

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

@@ -0,0 +1,33 @@
+import { Story } from '../../_lib/compat';
+import Modal, { ModalProps } from '.';
+declare const _default: {
+    title: string;
+    component: typeof Modal;
+    args: {
+        title: string;
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        bottomSheet: {
+            options: string[];
+            mapping: {
+                full: string;
+                true: boolean;
+                false: boolean;
+            };
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<ModalProps>;
+export declare const FullBottomSheet: Story<ModalProps>;
+export declare const BottomSheet: Story<ModalProps>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,KAAK,EAAE,EAAsB,UAAU,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAczD,wBAqBC;AA+DD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,UAAU,CAAyB,CAAA;AAuD/D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,UAAU,CAAiC,CAAA;AAuC/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAAU,CAA6B,CAAA"}

package/dist/components/{Select → MultiSelect}/context.d.ts

@@ -1,4 +1,4 @@
-declare type SelectGroupContext = {
+declare type MultiSelectGroupContext = {
     name: string;
     selected: string[];
     disabled: boolean;
@@ -9,6 +9,6 @@ declare type SelectGroupContext = {
         selected: boolean;
     }) => void;
 };
-export declare const SelectGroupContext: import("react").Context<SelectGroupContext>;
+export declare const MultiSelectGroupContext: import("react").Context<MultiSelectGroupContext>;
 export {};
 //# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/context.ts"],"names":[],"mappings":"AAEA,aAAK,uBAAuB,GAAG;IAC7B,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,uBAAuB,kDAWlC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAQnE,oBAAY,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,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,WAAW,CAAC,EAClC,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,QAAQ,EACR,OAAmB,EACnB,QAAQ,GACT,EAAE,gBAAgB,eAsDlB;AA4ED,oBAAY,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,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,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,GACT,EAAE,qBAAqB,eAsCvB"}

package/dist/components/{Select → MultiSelect}/index.story.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Story } from '../../_lib/compat';
-import { default as Select } from '.';
+import { default as MultiSelect } from '.';
 declare const _default: {
     title: string;
-    component: typeof Select;
+    component: typeof MultiSelect;
     argTypes: {
         name: {
             control: {

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAoB,OAAO,IAAI,WAAW,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE5D,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,CAgB7C,CAAA"}

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RadioGroupState } from 'react-stately';
+declare type RadioProviderProps = React.PropsWithChildren<{
+    value: RadioGroupState;
+}>;
+export declare const RadioProvider: React.FC<RadioProviderProps>;
+export declare const useRadioContext: () => RadioGroupState;
+export {};
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/dist/components/SegmentedControl/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/RadioGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAI/C,aAAK,kBAAkB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAChD,KAAK,EAAE,eAAe,CAAA;CACvB,CAAC,CAAA;AACF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAKtD,CAAA;AACD,eAAO,MAAM,eAAe,uBAO3B,CAAA"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+declare type SegmentedControlItem = {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+export declare type SegmentedControlProps = {
+    readonly id?: string;
+    readonly name?: string;
+    readonly disabled?: boolean;
+    readonly readonly?: boolean;
+    readonly required?: boolean;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly data: string[] | SegmentedControlItem[];
+    readonly onChange?: (value: string) => void;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAchE,aAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,oBAAY,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAE9B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEhD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C,CAAA;;AAuCD,wBAAqC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SegmentedControlProps } from '.';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>>;
+};
+export default _default;
+export declare const StringSegments: Story<SegmentedControlProps>;
+export declare const ObjectSegments: Story<SegmentedControlProps>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAyB,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAEzC,wBAGC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,qBAAqB,CAEvD,CAAA;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,qBAAqB,CAEvD,CAAA"}

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

@@ -1,10 +1,13 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { FieldLabelProps } from '../FieldLabel';
 interface TextFieldBaseProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'> {
     readonly className?: string;
     readonly defaultValue?: string;
     readonly value?: string;
     readonly onChange?: (value: string) => void;
+    readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
+    readonly onFocus?: (event: React.FocusEvent<Element>) => void;
+    readonly onBlur?: (event: React.FocusEvent<Element>) => void;
     readonly showCount?: boolean;
     readonly showLabel?: boolean;
     readonly placeholder?: string;
@@ -23,8 +26,8 @@ export interface SingleLineTextFieldProps extends TextFieldBaseProps {
     readonly multiline?: false;
     readonly rows?: never;
     readonly type?: string;
-    readonly prefix?: string;
-    readonly suffix?: string;
+    readonly prefix?: ReactNode;
+    readonly suffix?: ReactNode;
 }
 export interface MultiLineTextFieldProps extends TextFieldBaseProps {
     readonly autoHeight?: boolean;

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;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAA;AAEd,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,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC5D,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,SAAS,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAC5B;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

@@ -26,4 +26,5 @@ export declare const HasCount: React.FunctionComponent<Partial<TextFieldProps>>
 };
 export declare const HasAffix: Story<Partial<SingleLineTextFieldProps>>;
 export declare const AutoHeight: Story<Partial<MultiLineTextFieldProps>>;
+export declare const PrefixIcon: Story<Partial<SingleLineTextFieldProps>>;
 //# 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,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"}
+{"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;;;;;;;;;;;;;;AAIV,wBAYC;AAgCD,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;AAKD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAY/D,CAAA"}

package/dist/core/SSRProvider.d.ts

@@ -0,0 +1,2 @@
+export { SSRProvider } from '@react-aria/ssr';
+//# sourceMappingURL=SSRProvider.d.ts.map

package/dist/core/SSRProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSRProvider.d.ts","sourceRoot":"","sources":["../../src/core/SSRProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA"}