@prismicio/editor-ui 0.1.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/README.md +1 -0
  2. package/dist/components/AspectRatio/AspectRatio.css.d.ts +3 -0
  3. package/dist/components/AspectRatio/AspectRatio.d.ts +6 -0
  4. package/dist/components/AspectRatio/AspectRatio.stories.d.ts +8 -0
  5. package/dist/components/AspectRatio/index.d.ts +1 -0
  6. package/dist/components/Backdrop/Backdrop.css.d.ts +3 -0
  7. package/dist/components/Backdrop/Backdrop.d.ts +7 -0
  8. package/dist/components/Backdrop/Backdrop.stories.d.ts +10 -0
  9. package/dist/components/Backdrop/index.d.ts +1 -0
  10. package/dist/components/Button/Button.css.d.ts +12 -0
  11. package/dist/components/Button/Button.d.ts +12 -0
  12. package/dist/components/Button/Button.stories.d.ts +22 -0
  13. package/dist/components/Button/index.d.ts +1 -0
  14. package/dist/components/ButtonGroup/ButtonGroup.css.d.ts +5 -0
  15. package/dist/components/ButtonGroup/ButtonGroup.d.ts +18 -0
  16. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +18 -0
  17. package/dist/components/ButtonGroup/index.d.ts +1 -0
  18. package/dist/components/Card/Card.css.d.ts +14 -0
  19. package/dist/components/Card/Card.d.ts +26 -0
  20. package/dist/components/Card/Card.stories.d.ts +28 -0
  21. package/dist/components/Card/index.d.ts +1 -0
  22. package/dist/components/CodeBlock/CodeBlock.css.d.ts +7 -0
  23. package/dist/components/CodeBlock/CodeBlock.d.ts +6 -0
  24. package/dist/components/CodeBlock/CodeBlock.stories.d.ts +8 -0
  25. package/dist/components/CodeBlock/index.d.ts +1 -0
  26. package/dist/components/ContentEditable/ContentEditable.css.d.ts +1 -0
  27. package/dist/components/ContentEditable/ContentEditable.d.ts +9 -0
  28. package/dist/components/ContentEditable/ContentEditable.stories.d.ts +14 -0
  29. package/dist/components/ContentEditable/index.d.ts +1 -0
  30. package/dist/components/Dialog/Dialog.css.d.ts +6 -0
  31. package/dist/components/Dialog/Dialog.d.ts +14 -0
  32. package/dist/components/Dialog/Dialog.stories.d.ts +10 -0
  33. package/dist/components/Dialog/index.d.ts +1 -0
  34. package/dist/components/Drawer/Drawer.css.d.ts +11 -0
  35. package/dist/components/Drawer/Drawer.d.ts +20 -0
  36. package/dist/components/Drawer/Drawer.stories.d.ts +28 -0
  37. package/dist/components/Drawer/index.d.ts +1 -0
  38. package/dist/components/DrawerScrollArea/DrawerScrollArea.css.d.ts +1 -0
  39. package/dist/components/DrawerScrollArea/DrawerScrollArea.d.ts +6 -0
  40. package/dist/components/DrawerScrollArea/DrawerScrollArea.stories.d.ts +10 -0
  41. package/dist/components/DrawerScrollArea/index.d.ts +1 -0
  42. package/dist/components/DropdownMenu/DropdownMenu.css.d.ts +9 -0
  43. package/dist/components/DropdownMenu/DropdownMenu.d.ts +15 -0
  44. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +4 -0
  45. package/dist/components/DropdownMenu/index.d.ts +2 -0
  46. package/dist/components/Field/Field.css.d.ts +6 -0
  47. package/dist/components/Field/Field.d.ts +12 -0
  48. package/dist/components/Field/Field.stories.d.ts +8 -0
  49. package/dist/components/Field/index.d.ts +1 -0
  50. package/dist/components/FieldSet/FieldSet.css.d.ts +2 -0
  51. package/dist/components/FieldSet/FieldSet.d.ts +7 -0
  52. package/dist/components/FieldSet/FieldSet.stories.d.ts +8 -0
  53. package/dist/components/FieldSet/index.d.ts +1 -0
  54. package/dist/components/HairlineButton/HairlineButton.css.d.ts +4 -0
  55. package/dist/components/HairlineButton/HairlineButton.d.ts +7 -0
  56. package/dist/components/HairlineButton/HairlineButton.stories.d.ts +14 -0
  57. package/dist/components/HairlineButton/index.d.ts +1 -0
  58. package/dist/components/IconButton/IconButton.css.d.ts +2 -0
  59. package/dist/components/IconButton/IconButton.d.ts +7 -0
  60. package/dist/components/IconButton/IconButton.stories.d.ts +14 -0
  61. package/dist/components/IconButton/index.d.ts +1 -0
  62. package/dist/components/Input/Input.css.d.ts +1 -0
  63. package/dist/components/Input/Input.d.ts +16 -0
  64. package/dist/components/Input/Input.stories.d.ts +28 -0
  65. package/dist/components/Input/index.d.ts +1 -0
  66. package/dist/components/Layout/Layout.css.d.ts +5 -0
  67. package/dist/components/Layout/Layout.d.ts +12 -0
  68. package/dist/components/Layout/Layout.stories.d.ts +8 -0
  69. package/dist/components/Layout/index.d.ts +1 -0
  70. package/dist/components/ScrollArea/ScrollArea.css.d.ts +5 -0
  71. package/dist/components/ScrollArea/ScrollArea.d.ts +9 -0
  72. package/dist/components/ScrollArea/ScrollArea.stories.d.ts +12 -0
  73. package/dist/components/ScrollArea/index.d.ts +1 -0
  74. package/dist/components/Select/Select.css.d.ts +8 -0
  75. package/dist/components/Select/Select.d.ts +15 -0
  76. package/dist/components/Select/Select.stories.d.ts +18 -0
  77. package/dist/components/Select/index.d.ts +1 -0
  78. package/dist/components/Separator/Separator.css.d.ts +1 -0
  79. package/dist/components/Separator/Separator.d.ts +7 -0
  80. package/dist/components/Separator/Separator.stories.d.ts +8 -0
  81. package/dist/components/Separator/index.d.ts +1 -0
  82. package/dist/components/Skeleton/Skeleton.css.d.ts +3 -0
  83. package/dist/components/Skeleton/Skeleton.d.ts +10 -0
  84. package/dist/components/Skeleton/Skeleton.stories.d.ts +16 -0
  85. package/dist/components/Skeleton/index.d.ts +1 -0
  86. package/dist/components/SvgIcon.d.ts +11 -0
  87. package/dist/components/Text/Text.css.d.ts +44 -0
  88. package/dist/components/Text/Text.d.ts +17 -0
  89. package/dist/components/Text/Text.stories.d.ts +26 -0
  90. package/dist/components/Text/index.d.ts +1 -0
  91. package/dist/components/TextArea/TextArea.css.d.ts +4 -0
  92. package/dist/components/TextArea/TextArea.d.ts +14 -0
  93. package/dist/components/TextArea/TextArea.stories.d.ts +24 -0
  94. package/dist/components/TextArea/index.d.ts +1 -0
  95. package/dist/components/ThemeProvider.d.ts +2 -0
  96. package/dist/components/Thumbnail/Thumbnail.css.d.ts +5 -0
  97. package/dist/components/Thumbnail/Thumbnail.d.ts +16 -0
  98. package/dist/components/Thumbnail/Thumbnail.stories.d.ts +12 -0
  99. package/dist/components/Thumbnail/index.d.ts +1 -0
  100. package/dist/components/ToggleButton/ToggleButton.d.ts +10 -0
  101. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +16 -0
  102. package/dist/components/ToggleButton/index.d.ts +1 -0
  103. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +18 -0
  104. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +20 -0
  105. package/dist/components/ToggleButtonGroup/index.d.ts +1 -0
  106. package/dist/components/Toolbar/Toolbar.css.d.ts +1 -0
  107. package/dist/components/Toolbar/Toolbar.d.ts +43 -0
  108. package/dist/components/Toolbar/Toolbar.stories.d.ts +8 -0
  109. package/dist/components/Toolbar/index.d.ts +1 -0
  110. package/dist/components/Well/Well.css.d.ts +1 -0
  111. package/dist/components/Well/Well.d.ts +7 -0
  112. package/dist/components/Well/Well.stories.d.ts +10 -0
  113. package/dist/components/Well/index.d.ts +1 -0
  114. package/dist/icons/AddCircleIcon/AddCircleIcon.css.d.ts +4 -0
  115. package/dist/icons/AddCircleIcon/AddCircleIcon.d.ts +8 -0
  116. package/dist/icons/AddCircleIcon/index.d.ts +1 -0
  117. package/dist/icons/ArrowDownwardIcon.d.ts +5 -0
  118. package/dist/icons/ArrowDropDownCircleIcon.d.ts +5 -0
  119. package/dist/icons/ArrowDropDownIcon.d.ts +4 -0
  120. package/dist/icons/ArrowUpwardIcon.d.ts +5 -0
  121. package/dist/icons/CheckCircleIcon.d.ts +5 -0
  122. package/dist/icons/CheckIcon.d.ts +4 -0
  123. package/dist/icons/ClockIcon.d.ts +5 -0
  124. package/dist/icons/CloseIcon.d.ts +5 -0
  125. package/dist/icons/DataObjectIcon.d.ts +5 -0
  126. package/dist/icons/DeleteIcon.d.ts +5 -0
  127. package/dist/icons/DesktopWindowsIcon.d.ts +5 -0
  128. package/dist/icons/FolderIcon.d.ts +5 -0
  129. package/dist/icons/FormatBoldIcon.d.ts +5 -0
  130. package/dist/icons/FormatClearIcon.d.ts +5 -0
  131. package/dist/icons/FormatItalicIcon.d.ts +5 -0
  132. package/dist/icons/FormatListBulletedIcon.d.ts +5 -0
  133. package/dist/icons/FormatListNumberedIcon.d.ts +5 -0
  134. package/dist/icons/FormatTextDirectionRtlIcon.d.ts +5 -0
  135. package/dist/icons/KeyboardArrowDownIcon.d.ts +5 -0
  136. package/dist/icons/KeyboardArrowUpIcon.d.ts +5 -0
  137. package/dist/icons/LinkIcon.d.ts +5 -0
  138. package/dist/icons/LooksFiveIcon.d.ts +5 -0
  139. package/dist/icons/LooksFourIcon.d.ts +5 -0
  140. package/dist/icons/LooksOneIcon.d.ts +5 -0
  141. package/dist/icons/LooksSixIcon.d.ts +5 -0
  142. package/dist/icons/LooksThreeIcon.d.ts +5 -0
  143. package/dist/icons/LooksTwoIcon.d.ts +5 -0
  144. package/dist/icons/NotesIcon.d.ts +5 -0
  145. package/dist/icons/PhoneIphoneIcon.d.ts +5 -0
  146. package/dist/icons/TabletMacIcon.d.ts +5 -0
  147. package/dist/icons/TextFieldsIcon.d.ts +5 -0
  148. package/dist/icons/UnfoldMoreIcon.d.ts +4 -0
  149. package/dist/index.d.ts +66 -0
  150. package/dist/index.es.js +6285 -0
  151. package/dist/index.umd.js +69 -0
  152. package/dist/style.css +1 -0
  153. package/dist/theme/sprinkles.css.d.ts +5256 -0
  154. package/dist/theme/vars.css.d.ts +150 -0
  155. package/package.json +81 -0
package/README.md ADDED
@@ -0,0 +1 @@
1
+ # editor-ui
@@ -0,0 +1,3 @@
1
+ export declare const root: string;
2
+ export declare const absoluteFill: string;
3
+ export declare const children: string;
@@ -0,0 +1,6 @@
1
+ import { type FC } from "react";
2
+ declare type AspectRatioProps = Readonly<{
3
+ ratio?: number | undefined;
4
+ }>;
5
+ export declare const AspectRatio: FC<AspectRatioProps>;
6
+ export {};
@@ -0,0 +1,8 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ ratio?: number | undefined;
4
+ }>>>;
5
+ export default _default;
6
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
7
+ ratio?: number | undefined;
8
+ }>>>;
@@ -0,0 +1 @@
1
+ export { AspectRatio } from "./AspectRatio";
@@ -0,0 +1,3 @@
1
+ export declare const root: string;
2
+ export declare const enter: string;
3
+ export declare const exit: string;
@@ -0,0 +1,7 @@
1
+ import type { FC, MouseEvent } from "react";
2
+ declare type BackdropProps = Readonly<{
3
+ onClick?: ((event: MouseEvent) => void) | undefined;
4
+ open?: boolean | undefined;
5
+ }>;
6
+ export declare const Backdrop: FC<BackdropProps>;
7
+ export {};
@@ -0,0 +1,10 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
4
+ open?: boolean | undefined;
5
+ }>>>;
6
+ export default _default;
7
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
8
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
9
+ open?: boolean | undefined;
10
+ }>>>;
@@ -0,0 +1 @@
1
+ export { Backdrop } from "./Backdrop";
@@ -0,0 +1,12 @@
1
+ export declare const root: string;
2
+ export declare const iconOnly: string;
3
+ export declare const size: Record<"small" | "medium" | "large", string>;
4
+ export declare const variant: Record<"primary" | "secondary" | "tertiary", string>;
5
+ export declare const iconVariant: {
6
+ primary: string;
7
+ secondary: string;
8
+ tertiary: string;
9
+ };
10
+ export declare const startIcon: string;
11
+ export declare const text: string;
12
+ export declare const endIcon: string;
@@ -0,0 +1,12 @@
1
+ import { type MouseEvent, type ReactNode } from "react";
2
+ import * as styles from "./Button.css";
3
+ export declare const Button: import("react").ForwardRefExoticComponent<Readonly<{
4
+ children?: ReactNode | undefined;
5
+ className?: string | undefined;
6
+ disabled?: boolean | undefined;
7
+ endIcon?: ReactNode | undefined;
8
+ onClick?: ((event: MouseEvent) => void) | undefined;
9
+ size?: keyof typeof styles.size | undefined;
10
+ startIcon?: ReactNode | undefined;
11
+ variant?: keyof typeof styles.variant | undefined;
12
+ }> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,22 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Readonly<{
3
+ children?: import("react").ReactNode;
4
+ className?: string | undefined;
5
+ disabled?: boolean | undefined;
6
+ endIcon?: import("react").ReactNode;
7
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
8
+ size?: "small" | "medium" | "large" | undefined;
9
+ startIcon?: import("react").ReactNode;
10
+ variant?: "primary" | "secondary" | "tertiary" | undefined;
11
+ }> & import("react").RefAttributes<HTMLButtonElement>>>;
12
+ export default _default;
13
+ export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
14
+ children?: import("react").ReactNode;
15
+ className?: string | undefined;
16
+ disabled?: boolean | undefined;
17
+ endIcon?: import("react").ReactNode;
18
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
19
+ size?: "small" | "medium" | "large" | undefined;
20
+ startIcon?: import("react").ReactNode;
21
+ variant?: "primary" | "secondary" | "tertiary" | undefined;
22
+ }> & import("react").RefAttributes<HTMLButtonElement>>>;
@@ -0,0 +1 @@
1
+ export { Button } from "./Button";
@@ -0,0 +1,5 @@
1
+ export declare const root: string;
2
+ export declare const density: {
3
+ regular: string;
4
+ compact: string;
5
+ };
@@ -0,0 +1,18 @@
1
+ import { type ReactNode } from "react";
2
+ import type * as buttonStyles from "../Button/Button.css";
3
+ import * as buttonGroupStyles from "./ButtonGroup.css";
4
+ declare type ButtonGroupContextValue = Readonly<{
5
+ disabled?: boolean | undefined;
6
+ size: keyof typeof buttonStyles.size;
7
+ variant: keyof typeof buttonStyles.variant;
8
+ }>;
9
+ export declare const ButtonGroup: import("react").ForwardRefExoticComponent<Partial<Readonly<{
10
+ disabled?: boolean | undefined;
11
+ size: keyof typeof buttonStyles.size;
12
+ variant: keyof typeof buttonStyles.variant;
13
+ }>> & Readonly<{
14
+ children?: ReactNode | undefined;
15
+ density?: keyof typeof buttonGroupStyles.density | undefined;
16
+ }> & import("react").RefAttributes<HTMLDivElement>>;
17
+ export declare function useButtonGroup(): ButtonGroupContextValue | undefined;
18
+ export {};
@@ -0,0 +1,18 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Partial<Readonly<{
3
+ disabled?: boolean | undefined;
4
+ size: "small" | "medium" | "large";
5
+ variant: "primary" | "secondary" | "tertiary";
6
+ }>> & Readonly<{
7
+ children?: import("react").ReactNode;
8
+ density?: "regular" | "compact" | undefined;
9
+ }> & import("react").RefAttributes<HTMLDivElement>>>;
10
+ export default _default;
11
+ export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Partial<Readonly<{
12
+ disabled?: boolean | undefined;
13
+ size: "small" | "medium" | "large";
14
+ variant: "primary" | "secondary" | "tertiary";
15
+ }>> & Readonly<{
16
+ children?: import("react").ReactNode;
17
+ density?: "regular" | "compact" | undefined;
18
+ }> & import("react").RefAttributes<HTMLDivElement>>>;
@@ -0,0 +1 @@
1
+ export { ButtonGroup, useButtonGroup } from "./ButtonGroup";
@@ -0,0 +1,14 @@
1
+ export declare const root: string;
2
+ export declare const variant: {
3
+ dashed: string;
4
+ elevated: string;
5
+ outlined: string;
6
+ };
7
+ export declare const clickable: string;
8
+ export declare const media: string;
9
+ export declare const mediaComponent: Record<"iframe" | "img", string>;
10
+ export declare const content: string;
11
+ export declare const contentColor: {
12
+ grey2: string;
13
+ grey3: string;
14
+ };
@@ -0,0 +1,26 @@
1
+ import { type FC, type IframeHTMLAttributes, type ImgHTMLAttributes, type MouseEvent } from "react";
2
+ import * as styles from "./Card.css";
3
+ declare type CardProps = Readonly<{
4
+ className?: string | undefined;
5
+ variant?: keyof typeof styles.variant | undefined;
6
+ } & ({
7
+ clickable: true;
8
+ onClick?: ((event: MouseEvent) => void) | undefined;
9
+ } | {
10
+ clickable?: false | undefined;
11
+ onClick?: undefined;
12
+ })>;
13
+ export declare const Card: FC<CardProps>;
14
+ declare type CardMediaProps = Readonly<{
15
+ className?: string | undefined;
16
+ } & (({
17
+ component: "iframe";
18
+ } & IframeHTMLAttributes<HTMLIFrameElement>) | ({
19
+ component?: "img" | undefined;
20
+ } & ImgHTMLAttributes<HTMLImageElement>))>;
21
+ export declare const CardMedia: import("react").ForwardRefExoticComponent<CardMediaProps & import("react").RefAttributes<HTMLElement>>;
22
+ declare type CardContentProps = Readonly<{
23
+ color?: keyof typeof styles.contentColor | undefined;
24
+ }>;
25
+ export declare const CardContent: FC<CardContentProps>;
26
+ export {};
@@ -0,0 +1,28 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ className?: string | undefined;
4
+ variant?: "dashed" | "elevated" | "outlined" | undefined;
5
+ } & {
6
+ clickable: true;
7
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
8
+ }> | Readonly<{
9
+ className?: string | undefined;
10
+ variant?: "dashed" | "elevated" | "outlined" | undefined;
11
+ } & {
12
+ clickable?: false | undefined;
13
+ onClick?: undefined;
14
+ }>>>;
15
+ export default _default;
16
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
17
+ className?: string | undefined;
18
+ variant?: "dashed" | "elevated" | "outlined" | undefined;
19
+ } & {
20
+ clickable: true;
21
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
22
+ }> | Readonly<{
23
+ className?: string | undefined;
24
+ variant?: "dashed" | "elevated" | "outlined" | undefined;
25
+ } & {
26
+ clickable?: false | undefined;
27
+ onClick?: undefined;
28
+ }>>>;
@@ -0,0 +1 @@
1
+ export { Card, CardContent, CardMedia } from "./Card";
@@ -0,0 +1,7 @@
1
+ export declare const root: string;
2
+ export declare const marginBlockEnd: {
3
+ "0": string;
4
+ "8": string;
5
+ };
6
+ export declare const pre: string;
7
+ export declare const button: string;
@@ -0,0 +1,6 @@
1
+ import { type FC } from "react";
2
+ import * as styles from "./CodeBlock.css";
3
+ export declare type CodeBlockProps = Readonly<{
4
+ marginBlockEnd?: keyof typeof styles.marginBlockEnd | undefined;
5
+ }>;
6
+ export declare const CodeBlock: FC<CodeBlockProps>;
@@ -0,0 +1,8 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ marginBlockEnd?: "0" | "8" | undefined;
4
+ }>>>;
5
+ export default _default;
6
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
7
+ marginBlockEnd?: "0" | "8" | undefined;
8
+ }>>>;
@@ -0,0 +1 @@
1
+ export { type CodeBlockProps, CodeBlock } from "./CodeBlock";
@@ -0,0 +1 @@
1
+ export declare const root: string;
@@ -0,0 +1,9 @@
1
+ import type { FC } from "react";
2
+ declare type ContentEditableProps = Readonly<{
3
+ className?: string | undefined;
4
+ id?: string | undefined;
5
+ inField?: boolean | undefined;
6
+ readOnly?: boolean | undefined;
7
+ }>;
8
+ export declare const ContentEditable: FC<ContentEditableProps>;
9
+ export {};
@@ -0,0 +1,14 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ className?: string | undefined;
4
+ id?: string | undefined;
5
+ inField?: boolean | undefined;
6
+ readOnly?: boolean | undefined;
7
+ }>>>;
8
+ export default _default;
9
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
10
+ className?: string | undefined;
11
+ id?: string | undefined;
12
+ inField?: boolean | undefined;
13
+ readOnly?: boolean | undefined;
14
+ }>>>;
@@ -0,0 +1 @@
1
+ export declare const contentEditableClass: string;
@@ -0,0 +1,6 @@
1
+ export declare const root: string;
2
+ export declare const enter: string;
3
+ export declare const exit: string;
4
+ export declare const closeButton: string;
5
+ export declare const media: string;
6
+ export declare const content: string;
@@ -0,0 +1,14 @@
1
+ import { type FC, type ImgHTMLAttributes, type MouseEvent } from "react";
2
+ declare type DialogProps = Readonly<{
3
+ onClose?: ((event: MouseEvent) => void) | undefined;
4
+ open?: boolean | undefined;
5
+ }>;
6
+ export declare const Dialog: FC<DialogProps>;
7
+ declare type DialogMediaProps = Readonly<{
8
+ className?: string | undefined;
9
+ } & ({
10
+ component?: "img" | undefined;
11
+ } & ImgHTMLAttributes<HTMLImageElement>)>;
12
+ export declare const DialogMedia: FC<DialogMediaProps>;
13
+ export declare const DialogContent: FC;
14
+ export {};
@@ -0,0 +1,10 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ onClose?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
4
+ open?: boolean | undefined;
5
+ }>>>;
6
+ export default _default;
7
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
8
+ onClose?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
9
+ open?: boolean | undefined;
10
+ }>>>;
@@ -0,0 +1 @@
1
+ export { Dialog, DialogContent, DialogMedia } from "./Dialog";
@@ -0,0 +1,11 @@
1
+ export declare const root: string;
2
+ export declare const variant: {
3
+ permanent: string;
4
+ temporary: string;
5
+ };
6
+ export declare const enter: string;
7
+ export declare const exit: string;
8
+ export declare const header: string;
9
+ export declare const headerIcon: string;
10
+ export declare const content: string;
11
+ export declare const footer: string;
@@ -0,0 +1,20 @@
1
+ import { type CSSProperties, type FC, type MouseEvent } from "react";
2
+ declare type DrawerProps = Readonly<{
3
+ className?: string | undefined;
4
+ style?: CSSProperties | undefined;
5
+ } & ({
6
+ variant: "permanent";
7
+ } | {
8
+ variant?: "temporary" | undefined;
9
+ onClose?: ((event: MouseEvent) => void) | undefined;
10
+ open?: boolean | undefined;
11
+ })>;
12
+ export declare const Drawer: FC<DrawerProps>;
13
+ export declare const DrawerHeader: FC;
14
+ export declare const DrawerHeaderIcon: FC;
15
+ declare type DrawerContentProps = Readonly<{
16
+ className?: string | undefined;
17
+ }>;
18
+ export declare const DrawerContent: FC<DrawerContentProps>;
19
+ export declare const DrawerFooter: FC;
20
+ export {};
@@ -0,0 +1,28 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ className?: string | undefined;
4
+ style?: import("react").CSSProperties | undefined;
5
+ } & {
6
+ variant: "permanent";
7
+ }> | Readonly<{
8
+ className?: string | undefined;
9
+ style?: import("react").CSSProperties | undefined;
10
+ } & {
11
+ variant?: "temporary" | undefined;
12
+ onClose?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
13
+ open?: boolean | undefined;
14
+ }>>>;
15
+ export default _default;
16
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
17
+ className?: string | undefined;
18
+ style?: import("react").CSSProperties | undefined;
19
+ } & {
20
+ variant: "permanent";
21
+ }> | Readonly<{
22
+ className?: string | undefined;
23
+ style?: import("react").CSSProperties | undefined;
24
+ } & {
25
+ variant?: "temporary" | undefined;
26
+ onClose?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
27
+ open?: boolean | undefined;
28
+ }>>>;
@@ -0,0 +1 @@
1
+ export { Drawer, DrawerContent, DrawerFooter, DrawerHeader, DrawerHeaderIcon, } from "./Drawer";
@@ -0,0 +1 @@
1
+ export declare const root: string;
@@ -0,0 +1,6 @@
1
+ import type { CSSProperties, FC } from "react";
2
+ export declare type DrawerScrollAreaProps = Readonly<{
3
+ className?: string | undefined;
4
+ style?: CSSProperties | undefined;
5
+ }>;
6
+ export declare const DrawerScrollArea: FC<DrawerScrollAreaProps>;
@@ -0,0 +1,10 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ className?: string | undefined;
4
+ style?: import("react").CSSProperties | undefined;
5
+ }>>>;
6
+ export default _default;
7
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
8
+ className?: string | undefined;
9
+ style?: import("react").CSSProperties | undefined;
10
+ }>>>;
@@ -0,0 +1 @@
1
+ export { type DrawerScrollAreaProps, DrawerScrollArea, } from "./DrawerScrollArea";
@@ -0,0 +1,9 @@
1
+ export declare const content: string;
2
+ export declare const contentChild: string;
3
+ export declare const item: string;
4
+ export declare const icon: string;
5
+ export declare const itemStartIcon: string;
6
+ export declare const itemText: string;
7
+ export declare const itemEndIcon: string;
8
+ export declare const itemShortcut: string;
9
+ export declare const label: string;
@@ -0,0 +1,15 @@
1
+ import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
2
+ import { type FC, type ReactNode } from "react";
3
+ export declare const DropdownMenu: FC;
4
+ declare type DropdownMenuTriggerProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuTriggerProps, "disabled">>;
5
+ export declare const DropdownMenuTrigger: FC<DropdownMenuTriggerProps>;
6
+ declare type DropdownMenuContentProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuContentProps, "align" | "side">>;
7
+ export declare const DropdownMenuContent: FC<DropdownMenuContentProps>;
8
+ declare type DropdownMenuItemProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuItemProps, "disabled" | "onSelect" | "textValue"> & {
9
+ endIcon?: ReactNode | undefined;
10
+ shortcut?: ReactNode | undefined;
11
+ startIcon?: ReactNode | undefined;
12
+ }>;
13
+ export declare const DropdownMenuItem: FC<DropdownMenuItemProps>;
14
+ export declare const DropdownMenuLabel: FC;
15
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<{}>>;
3
+ export default _default;
4
+ export declare const Default: ComponentStoryFn<import("react").FC<{}>>;
@@ -0,0 +1,2 @@
1
+ export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, } from "./DropdownMenu";
2
+ export * as dropdownMenuStyles from "./DropdownMenu.css";
@@ -0,0 +1,6 @@
1
+ export declare const root: string;
2
+ export declare const labelPosition: Record<"top" | "side", string>;
3
+ export declare const icon: string;
4
+ export declare const iconChildren: string;
5
+ export declare const label: string;
6
+ export declare const control: string;
@@ -0,0 +1,12 @@
1
+ import * as LabelPrimitive from "@radix-ui/react-label";
2
+ import { type FC } from "react";
3
+ import * as styles from "./Field.css";
4
+ declare type FieldProps = Readonly<{
5
+ labelPosition?: keyof typeof styles.labelPosition | undefined;
6
+ }>;
7
+ export declare const Field: FC<FieldProps>;
8
+ export declare const FieldIcon: FC;
9
+ declare type FieldLabelProps = Readonly<Pick<LabelPrimitive.LabelProps, "htmlFor">>;
10
+ export declare const FieldLabel: FC<FieldLabelProps>;
11
+ export declare const FieldControl: FC;
12
+ export {};
@@ -0,0 +1,8 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ labelPosition?: "top" | "side" | undefined;
4
+ }>>>;
5
+ export default _default;
6
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
7
+ labelPosition?: "top" | "side" | undefined;
8
+ }>>>;
@@ -0,0 +1 @@
1
+ export { Field, FieldControl, FieldIcon, FieldLabel } from "./Field";
@@ -0,0 +1,2 @@
1
+ export declare const root: string;
2
+ export declare const legend: string;
@@ -0,0 +1,7 @@
1
+ import type { FC } from "react";
2
+ declare type FieldSetProps = Readonly<{
3
+ name?: string | undefined;
4
+ }>;
5
+ export declare const FieldSet: FC<FieldSetProps>;
6
+ export declare const FieldSetLegend: FC;
7
+ export {};
@@ -0,0 +1,8 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").FC<Readonly<{
3
+ name?: string | undefined;
4
+ }>>>;
5
+ export default _default;
6
+ export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
7
+ name?: string | undefined;
8
+ }>>>;
@@ -0,0 +1 @@
1
+ export { FieldSet, FieldSetLegend } from "./FieldSet";
@@ -0,0 +1,4 @@
1
+ export declare const root: string;
2
+ export declare const firstLine: string;
3
+ export declare const secondLine: string;
4
+ export declare const icon: string;
@@ -0,0 +1,7 @@
1
+ import { type CSSProperties, type MouseEvent, type ReactNode } from "react";
2
+ export declare const HairlineButton: import("react").ForwardRefExoticComponent<Readonly<{
3
+ children?: ReactNode | undefined;
4
+ disabled?: boolean | undefined;
5
+ onClick?: ((event: MouseEvent) => void) | undefined;
6
+ style?: CSSProperties | undefined;
7
+ }> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,14 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Readonly<{
3
+ children?: import("react").ReactNode;
4
+ disabled?: boolean | undefined;
5
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
6
+ style?: import("react").CSSProperties | undefined;
7
+ }> & import("react").RefAttributes<HTMLButtonElement>>>;
8
+ export default _default;
9
+ export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
10
+ children?: import("react").ReactNode;
11
+ disabled?: boolean | undefined;
12
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
13
+ style?: import("react").CSSProperties | undefined;
14
+ }> & import("react").RefAttributes<HTMLButtonElement>>>;
@@ -0,0 +1 @@
1
+ export { HairlineButton } from "./HairlineButton";
@@ -0,0 +1,2 @@
1
+ export declare const root: string;
2
+ export declare const icon: string;
@@ -0,0 +1,7 @@
1
+ import { type CSSProperties, type MouseEvent, type ReactNode } from "react";
2
+ export declare const IconButton: import("react").ForwardRefExoticComponent<Readonly<{
3
+ children?: ReactNode | undefined;
4
+ className?: string | undefined;
5
+ onClick?: ((event: MouseEvent) => void) | undefined;
6
+ style?: CSSProperties | undefined;
7
+ }> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,14 @@
1
+ import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
2
+ declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Readonly<{
3
+ children?: import("react").ReactNode;
4
+ className?: string | undefined;
5
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
6
+ style?: import("react").CSSProperties | undefined;
7
+ }> & import("react").RefAttributes<HTMLButtonElement>>>;
8
+ export default _default;
9
+ export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
10
+ children?: import("react").ReactNode;
11
+ className?: string | undefined;
12
+ onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
13
+ style?: import("react").CSSProperties | undefined;
14
+ }> & import("react").RefAttributes<HTMLButtonElement>>>;
@@ -0,0 +1 @@
1
+ export { IconButton } from "./IconButton";
@@ -0,0 +1 @@
1
+ export declare const root: string;
@@ -0,0 +1,16 @@
1
+ import type { ChangeEvent, FC } from "react";
2
+ declare type InputProps = Readonly<{
3
+ autoComplete?: string | undefined;
4
+ className?: string | undefined;
5
+ id?: string | undefined;
6
+ inField?: boolean | undefined;
7
+ inputMode?: "text" | undefined;
8
+ name?: string | undefined;
9
+ onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
10
+ placeholder?: string | undefined;
11
+ readOnly?: boolean | undefined;
12
+ type?: "text" | undefined;
13
+ value?: string | undefined;
14
+ }>;
15
+ export declare const Input: FC<InputProps>;
16
+ export {};