@yamada-ui/react 2.1.4-dev-20260323180356 → 2.1.4-dev-20260323182837
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.
- package/dist/cjs/hooks/use-descendants/index.cjs +29 -26
- package/dist/cjs/hooks/use-descendants/index.cjs.map +1 -1
- package/dist/esm/hooks/use-descendants/index.js +29 -26
- package/dist/esm/hooks/use-descendants/index.js.map +1 -1
- package/dist/types/components/accordion/accordion.d.ts +2 -2
- package/dist/types/components/accordion/accordion.style.d.ts +1 -1
- package/dist/types/components/accordion/use-accordion.d.ts +63 -63
- package/dist/types/components/airy/airy.d.ts +2 -2
- package/dist/types/components/alert/alert.d.ts +2 -2
- package/dist/types/components/alert/alert.style.d.ts +1 -1
- package/dist/types/components/alpha-slider/alpha-slider.d.ts +2 -2
- package/dist/types/components/aspect-ratio/aspect-ratio.d.ts +2 -2
- package/dist/types/components/autocomplete/autocomplete.d.ts +2 -2
- package/dist/types/components/autocomplete/autocomplete.style.d.ts +1 -1
- package/dist/types/components/autocomplete/use-autocomplete.d.ts +18 -18
- package/dist/types/components/avatar/avatar.d.ts +5 -5
- package/dist/types/components/avatar/use-avatar-group.d.ts +2 -2
- package/dist/types/components/badge/badge.d.ts +2 -2
- package/dist/types/components/bleed/bleed.d.ts +2 -2
- package/dist/types/components/blockquote/blockquote.d.ts +2 -2
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +2 -2
- package/dist/types/components/breadcrumb/breadcrumb.style.d.ts +1 -1
- package/dist/types/components/breadcrumb/use-breadcrumb.d.ts +2 -2
- package/dist/types/components/button/button.d.ts +2 -2
- package/dist/types/components/button/icon-button.d.ts +2 -2
- package/dist/types/components/calendar/calendar.d.ts +2 -2
- package/dist/types/components/calendar/calendar.style.d.ts +2 -2
- package/dist/types/components/calendar/use-calendar.d.ts +60 -60
- package/dist/types/components/card/card.d.ts +2 -2
- package/dist/types/components/carousel/carousel.d.ts +2 -2
- package/dist/types/components/carousel/carousel.style.d.ts +2 -2
- package/dist/types/components/carousel/use-carousel.d.ts +3 -3
- package/dist/types/components/center/center.d.ts +2 -2
- package/dist/types/components/chart/bar-chart.d.ts +2 -2
- package/dist/types/components/chart/chart.d.ts +2 -2
- package/dist/types/components/chart/donut-chart.d.ts +2 -2
- package/dist/types/components/chart/line-chart.d.ts +2 -2
- package/dist/types/components/chart/pie-chart.d.ts +2 -2
- package/dist/types/components/chart/radar-chart.d.ts +2 -2
- package/dist/types/components/chart/use-chart.d.ts +2 -2
- package/dist/types/components/checkbox/checkbox.d.ts +5 -5
- package/dist/types/components/checkbox/checkbox.style.d.ts +1 -1
- package/dist/types/components/checkbox/use-checkbox-group.d.ts +2 -2
- package/dist/types/components/checkbox-card/checkbox-card.d.ts +5 -5
- package/dist/types/components/checkbox-card/checkbox-card.style.d.ts +1 -1
- package/dist/types/components/circle-progress/circle-progress.d.ts +2 -2
- package/dist/types/components/close-button/close-button.d.ts +2 -2
- package/dist/types/components/code/code.d.ts +2 -2
- package/dist/types/components/collapse/collapse.d.ts +2 -2
- package/dist/types/components/color-picker/color-picker.d.ts +2 -2
- package/dist/types/components/color-picker/color-picker.style.d.ts +1 -1
- package/dist/types/components/color-picker/use-color-picker.d.ts +2 -2
- package/dist/types/components/color-selector/color-selector.d.ts +2 -2
- package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
- package/dist/types/components/color-selector/use-color-selector.d.ts +3 -3
- package/dist/types/components/color-swatch/color-swatch.d.ts +2 -2
- package/dist/types/components/container/container.d.ts +2 -2
- package/dist/types/components/data-list/data-list.d.ts +2 -2
- package/dist/types/components/data-list/data-list.style.d.ts +1 -1
- package/dist/types/components/date-picker/date-picker.d.ts +2 -2
- package/dist/types/components/date-picker/date-picker.style.d.ts +1 -1
- package/dist/types/components/date-picker/use-date-picker.d.ts +4 -4
- package/dist/types/components/drawer/drawer.d.ts +2 -2
- package/dist/types/components/dropzone/dropzone.d.ts +3 -3
- package/dist/types/components/dropzone/dropzone.style.d.ts +1 -1
- package/dist/types/components/editable/editable.d.ts +3 -3
- package/dist/types/components/editable/editable.style.d.ts +1 -1
- package/dist/types/components/editable/use-editable.d.ts +2 -2
- package/dist/types/components/em/em.d.ts +2 -2
- package/dist/types/components/empty-state/empty-state.d.ts +2 -2
- package/dist/types/components/empty-state/empty-state.style.d.ts +2 -2
- package/dist/types/components/fade/fade.d.ts +2 -2
- package/dist/types/components/field/field.d.ts +3 -3
- package/dist/types/components/field/use-field-props.d.ts +3 -3
- package/dist/types/components/fieldset/fieldset.d.ts +3 -3
- package/dist/types/components/file-button/file-button.d.ts +2 -2
- package/dist/types/components/file-button/use-file-button.d.ts +18 -18
- package/dist/types/components/file-input/file-input.d.ts +2 -2
- package/dist/types/components/file-input/use-file-input.d.ts +15 -15
- package/dist/types/components/flex/flex.d.ts +2 -2
- package/dist/types/components/flip/flip.d.ts +4 -4
- package/dist/types/components/flip/flip.style.d.ts +1 -1
- package/dist/types/components/float/float.d.ts +2 -2
- package/dist/types/components/form/form.d.ts +3 -3
- package/dist/types/components/form/form.style.d.ts +1 -1
- package/dist/types/components/format/format-byte.d.ts +2 -2
- package/dist/types/components/format/format-date-time.d.ts +2 -2
- package/dist/types/components/format/format-number.d.ts +2 -2
- package/dist/types/components/grid/grid-item.d.ts +2 -2
- package/dist/types/components/grid/grid.d.ts +2 -2
- package/dist/types/components/group/group.d.ts +2 -2
- package/dist/types/components/group/use-group.d.ts +2 -2
- package/dist/types/components/heading/heading.d.ts +2 -2
- package/dist/types/components/hue-slider/hue-slider.d.ts +3 -3
- package/dist/types/components/icon/icon.d.ts +5 -5
- package/dist/types/components/image/image.d.ts +2 -2
- package/dist/types/components/indicator/indicator.d.ts +4 -4
- package/dist/types/components/infinite-scroll-area/infinite-scroll-area.d.ts +2 -2
- package/dist/types/components/input/input-addon.d.ts +2 -2
- package/dist/types/components/input/input-element.d.ts +2 -2
- package/dist/types/components/input/input.d.ts +2 -2
- package/dist/types/components/kbd/kbd.d.ts +2 -2
- package/dist/types/components/link/link.d.ts +2 -2
- package/dist/types/components/link-box/link-box.d.ts +2 -2
- package/dist/types/components/list/list.d.ts +2 -2
- package/dist/types/components/list/list.style.d.ts +2 -2
- package/dist/types/components/loading/loading-provider.d.ts +2 -2
- package/dist/types/components/loading/loading.d.ts +3 -3
- package/dist/types/components/mark/mark.d.ts +2 -2
- package/dist/types/components/menu/menu.d.ts +2 -2
- package/dist/types/components/menu/menu.style.d.ts +2 -2
- package/dist/types/components/menu/use-menu.d.ts +63 -63
- package/dist/types/components/modal/modal.d.ts +2 -2
- package/dist/types/components/native-accordion/native-accordion.d.ts +2 -2
- package/dist/types/components/native-accordion/native-accordion.style.d.ts +2 -2
- package/dist/types/components/native-accordion/use-native-accordion.d.ts +2 -2
- package/dist/types/components/native-popover/native-popover.d.ts +2 -2
- package/dist/types/components/native-select/native-select.d.ts +2 -2
- package/dist/types/components/native-select/native-select.style.d.ts +1 -1
- package/dist/types/components/native-table/native-table.d.ts +2 -2
- package/dist/types/components/notice/notice.style.d.ts +1 -1
- package/dist/types/components/number-input/number-input.d.ts +2 -2
- package/dist/types/components/number-input/number-input.style.d.ts +1 -1
- package/dist/types/components/pagination/pagination.d.ts +2 -2
- package/dist/types/components/pagination/pagination.style.d.ts +1 -1
- package/dist/types/components/pagination/use-pagination.d.ts +2 -2
- package/dist/types/components/password-input/password-input.d.ts +2 -2
- package/dist/types/components/password-input/password-input.style.d.ts +1 -1
- package/dist/types/components/password-input/strength-meter.d.ts +2 -2
- package/dist/types/components/password-input/strength-meter.style.d.ts +1 -1
- package/dist/types/components/password-input/use-password-input.d.ts +2 -2
- package/dist/types/components/pin-input/pin-input.d.ts +2 -2
- package/dist/types/components/pin-input/pin-input.style.d.ts +1 -1
- package/dist/types/components/pin-input/use-pin-input.d.ts +59 -59
- package/dist/types/components/popover/popover.d.ts +2 -2
- package/dist/types/components/progress/progress.d.ts +4 -4
- package/dist/types/components/progress/use-progress.d.ts +706 -706
- package/dist/types/components/qr-code/qr-code.d.ts +2 -2
- package/dist/types/components/radio/radio.d.ts +5 -5
- package/dist/types/components/radio/radio.style.d.ts +1 -1
- package/dist/types/components/radio/use-radio-group.d.ts +2 -2
- package/dist/types/components/radio-card/radio-card.d.ts +5 -5
- package/dist/types/components/radio-card/radio-card.style.d.ts +1 -1
- package/dist/types/components/rating/rating.style.d.ts +2 -2
- package/dist/types/components/rating/use-rating.d.ts +7 -7
- package/dist/types/components/reorder/reorder.d.ts +2 -2
- package/dist/types/components/reorder/reorder.style.d.ts +1 -1
- package/dist/types/components/reorder/use-reorder.d.ts +3 -3
- package/dist/types/components/resizable/resizable.d.ts +2 -2
- package/dist/types/components/resizable/resizable.style.d.ts +2 -2
- package/dist/types/components/resizable/use-resizable.d.ts +2 -2
- package/dist/types/components/ripple/ripple.d.ts +2 -2
- package/dist/types/components/ripple/use-ripple.d.ts +2 -2
- package/dist/types/components/rotate/rotate.d.ts +2 -2
- package/dist/types/components/saturation-slider/saturation-slider.d.ts +2 -2
- package/dist/types/components/saturation-slider/use-saturation-slider.d.ts +2 -2
- package/dist/types/components/scroll-area/scroll-area.d.ts +2 -2
- package/dist/types/components/segmented-control/segmented-control.d.ts +2 -2
- package/dist/types/components/segmented-control/segmented-control.style.d.ts +2 -2
- package/dist/types/components/segmented-control/use-segmented-control.d.ts +61 -61
- package/dist/types/components/select/select.d.ts +2 -2
- package/dist/types/components/select/select.style.d.ts +1 -1
- package/dist/types/components/select/use-select.d.ts +17 -17
- package/dist/types/components/separator/separator.d.ts +2 -2
- package/dist/types/components/simple-grid/simple-grid.d.ts +2 -2
- package/dist/types/components/skeleton/skeleton.d.ts +2 -2
- package/dist/types/components/slide/slide.d.ts +2 -2
- package/dist/types/components/slide-fade/slide-fade.d.ts +2 -2
- package/dist/types/components/slider/slider.d.ts +2 -2
- package/dist/types/components/slider/use-slider.d.ts +2 -2
- package/dist/types/components/stack/h-stack.d.ts +2 -2
- package/dist/types/components/stack/stack.d.ts +2 -2
- package/dist/types/components/stack/v-stack.d.ts +2 -2
- package/dist/types/components/stack/z-stack.d.ts +2 -2
- package/dist/types/components/stat/stat.d.ts +2 -2
- package/dist/types/components/stat/stat.style.d.ts +2 -2
- package/dist/types/components/status/status.d.ts +2 -2
- package/dist/types/components/status/status.style.d.ts +2 -2
- package/dist/types/components/steps/steps.d.ts +2 -2
- package/dist/types/components/steps/steps.style.d.ts +1 -1
- package/dist/types/components/steps/use-steps.d.ts +62 -62
- package/dist/types/components/switch/switch.d.ts +2 -2
- package/dist/types/components/table/table.d.ts +2 -2
- package/dist/types/components/tabs/tabs.d.ts +2 -2
- package/dist/types/components/tabs/use-tabs.d.ts +120 -120
- package/dist/types/components/tag/tag.d.ts +2 -2
- package/dist/types/components/text/text.d.ts +2 -2
- package/dist/types/components/textarea/textarea.d.ts +2 -2
- package/dist/types/components/textarea/use-autosize.d.ts +2 -2
- package/dist/types/components/timeline/timeline.d.ts +5 -5
- package/dist/types/components/timeline/timeline.style.d.ts +2 -2
- package/dist/types/components/toggle/toggle.d.ts +5 -5
- package/dist/types/components/toggle/use-toggle-group.d.ts +2 -2
- package/dist/types/components/toggle/use-toggle.d.ts +2 -2
- package/dist/types/components/tooltip/tooltip.d.ts +2 -2
- package/dist/types/components/visually-hidden/visually-hidden.d.ts +2 -2
- package/dist/types/components/wrap/wrap.d.ts +2 -2
- package/dist/types/core/components/create-component.d.ts +7 -7
- package/dist/types/core/system/color-mode-provider.d.ts +2 -2
- package/dist/types/core/system/storage-script.d.ts +3 -3
- package/dist/types/core/system/styled.d.ts +2 -2
- package/dist/types/core/system/system-provider.d.ts +2 -2
- package/dist/types/hooks/use-breakpoint/use-breakpoint-state.d.ts +2 -2
- package/dist/types/hooks/use-clickable/index.d.ts +7 -7
- package/dist/types/hooks/use-clipboard/index.d.ts +2 -2
- package/dist/types/hooks/use-combobox/index.d.ts +90 -90
- package/dist/types/hooks/use-counter/index.d.ts +2 -2
- package/dist/types/hooks/use-descendants/index.d.ts +67 -67
- package/dist/types/hooks/use-field-sizing/index.d.ts +2 -2
- package/dist/types/hooks/use-hover/index.d.ts +2 -2
- package/dist/types/providers/i18n-provider/i18n-provider.d.ts +3 -3
- package/dist/types/providers/ui-provider/ui-provider.d.ts +2 -2
- package/dist/types/utils/children.d.ts +2 -2
- package/package.json +2 -2
|
@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
|
|
|
3
3
|
import "../../core/index.js";
|
|
4
4
|
import { TagStyle } from "./tag.style.js";
|
|
5
5
|
import "../../index.js";
|
|
6
|
-
import * as
|
|
6
|
+
import * as react1003 from "react";
|
|
7
7
|
import { MouseEventHandler, ReactNode } from "react";
|
|
8
8
|
|
|
9
9
|
//#region src/components/tag/tag.d.ts
|
|
@@ -39,7 +39,7 @@ interface TagProps extends HTMLStyledProps<"span">, ThemeProps<TagStyle> {
|
|
|
39
39
|
*/
|
|
40
40
|
onClose?: MouseEventHandler<HTMLElement>;
|
|
41
41
|
}
|
|
42
|
-
declare const TagPropsContext:
|
|
42
|
+
declare const TagPropsContext: react1003.Context<Partial<TagProps> | undefined>, useTagPropsContext: () => Partial<TagProps> | undefined;
|
|
43
43
|
/**
|
|
44
44
|
* `Tag` is a component used to categorize or organize items using keywords that describe them.
|
|
45
45
|
*
|
|
@@ -4,7 +4,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
|
|
|
4
4
|
import "../../core/index.js";
|
|
5
5
|
import { TextStyle } from "./text.style.js";
|
|
6
6
|
import "../../index.js";
|
|
7
|
-
import * as
|
|
7
|
+
import * as react1006 from "react";
|
|
8
8
|
|
|
9
9
|
//#region src/components/text/text.d.ts
|
|
10
10
|
interface TextProps extends HTMLStyledProps<"p">, ThemeProps<TextStyle> {
|
|
@@ -21,7 +21,7 @@ interface TextProps extends HTMLStyledProps<"p">, ThemeProps<TextStyle> {
|
|
|
21
21
|
*/
|
|
22
22
|
decoration?: CSSProps["textDecoration"];
|
|
23
23
|
}
|
|
24
|
-
declare const TextPropsContext:
|
|
24
|
+
declare const TextPropsContext: react1006.Context<Partial<TextProps> | undefined>, useTextPropsContext: () => Partial<TextProps> | undefined;
|
|
25
25
|
/**
|
|
26
26
|
* `Text` is a component that represents a paragraph of text. By default, it renders a `p` element.
|
|
27
27
|
*
|
|
@@ -8,11 +8,11 @@ import "../input/index.js";
|
|
|
8
8
|
import { TextareaStyle } from "./textarea.style.js";
|
|
9
9
|
import { UseTextareaProps } from "./use-textarea.js";
|
|
10
10
|
import "../../index.js";
|
|
11
|
-
import * as
|
|
11
|
+
import * as react1005 from "react";
|
|
12
12
|
|
|
13
13
|
//#region src/components/textarea/textarea.d.ts
|
|
14
14
|
interface TextareaProps extends HTMLStyledProps<"textarea">, ThemeProps<TextareaStyle>, UseInputBorderProps, FieldProps, UseTextareaProps {}
|
|
15
|
-
declare const TextareaPropsContext:
|
|
15
|
+
declare const TextareaPropsContext: react1005.Context<Partial<TextareaProps> | undefined>, useTextareaPropsContext: () => Partial<TextareaProps> | undefined;
|
|
16
16
|
/**
|
|
17
17
|
* `Textarea` is a component used to obtain multi-line text input.
|
|
18
18
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropGetter } from "../../core/components/index.types.js";
|
|
2
2
|
import "../../core/index.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react1004 from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/textarea/use-autosize.d.ts
|
|
6
6
|
interface UseAutosizeProps {
|
|
@@ -28,7 +28,7 @@ declare const useAutosize: ({
|
|
|
28
28
|
maxRows,
|
|
29
29
|
minRows
|
|
30
30
|
}?: UseAutosizeProps) => {
|
|
31
|
-
ref:
|
|
31
|
+
ref: react1004.RefObject<HTMLTextAreaElement | null>;
|
|
32
32
|
getTextareaProps: PropGetter<"textarea", undefined, undefined>;
|
|
33
33
|
onResizeTextarea: () => void;
|
|
34
34
|
};
|
|
@@ -4,8 +4,8 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
|
|
|
4
4
|
import "../../core/index.js";
|
|
5
5
|
import { TimelineStyle } from "./timeline.style.js";
|
|
6
6
|
import "../../index.js";
|
|
7
|
-
import * as
|
|
8
|
-
import * as
|
|
7
|
+
import * as react_jsx_runtime14 from "react/jsx-runtime";
|
|
8
|
+
import * as react1002 from "react";
|
|
9
9
|
import { ReactNode } from "react";
|
|
10
10
|
|
|
11
11
|
//#region src/components/timeline/timeline.d.ts
|
|
@@ -59,7 +59,7 @@ interface TimelineRootProps extends HTMLStyledProps<"ul">, ThemeProps<TimelineSt
|
|
|
59
59
|
*/
|
|
60
60
|
separatorWidth?: CSSProps["width"];
|
|
61
61
|
}
|
|
62
|
-
declare const TimelinePropsContext:
|
|
62
|
+
declare const TimelinePropsContext: react1002.Context<Partial<TimelineRootProps> | undefined>, useTimelinePropsContext: () => Partial<TimelineRootProps> | undefined;
|
|
63
63
|
/**
|
|
64
64
|
* `Timeline` is a component that is used to display a list of events in chronological order.
|
|
65
65
|
*
|
|
@@ -70,7 +70,7 @@ declare const TimelineRoot: Component<({
|
|
|
70
70
|
index,
|
|
71
71
|
items,
|
|
72
72
|
...rest
|
|
73
|
-
}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "
|
|
73
|
+
}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "item" | "description" | "root" | "indicator" | "connector", {
|
|
74
74
|
align: {
|
|
75
75
|
center: {
|
|
76
76
|
content: {
|
|
@@ -221,7 +221,7 @@ declare const TimelineRoot: Component<({
|
|
|
221
221
|
fontSize: "lg";
|
|
222
222
|
};
|
|
223
223
|
};
|
|
224
|
-
}, CSSModifierObject<CSSSlotObject<"title" | "content" | "
|
|
224
|
+
}, CSSModifierObject<CSSSlotObject<"title" | "content" | "item" | "description" | "root" | "indicator" | "connector">>>, keyof TimelineRootProps>) => react_jsx_runtime14.JSX.Element, TimelineRootProps>;
|
|
225
225
|
interface TimelineItemProps extends HTMLStyledProps<"li"> {
|
|
226
226
|
/**
|
|
227
227
|
* The index of the timeline item.
|
|
@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js"
|
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
|
|
5
5
|
//#region src/components/timeline/timeline.style.d.ts
|
|
6
|
-
declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "
|
|
6
|
+
declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "item" | "description" | "root" | "indicator" | "connector", {
|
|
7
7
|
/**
|
|
8
8
|
* The alignment of the timeline.
|
|
9
9
|
*
|
|
@@ -169,7 +169,7 @@ declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "indicator
|
|
|
169
169
|
fontSize: "lg";
|
|
170
170
|
};
|
|
171
171
|
};
|
|
172
|
-
}, CSSModifierObject<CSSSlotObject<"title" | "content" | "
|
|
172
|
+
}, CSSModifierObject<CSSSlotObject<"title" | "content" | "item" | "description" | "root" | "indicator" | "connector">>>;
|
|
173
173
|
type TimelineStyle = typeof timelineStyle;
|
|
174
174
|
//#endregion
|
|
175
175
|
export { TimelineStyle, timelineStyle };
|
|
@@ -10,13 +10,13 @@ import "../button/index.js";
|
|
|
10
10
|
import { ToggleStyle } from "./toggle.style.js";
|
|
11
11
|
import { UseToggleProps } from "./use-toggle.js";
|
|
12
12
|
import "../../index.js";
|
|
13
|
-
import * as
|
|
13
|
+
import * as react997 from "react";
|
|
14
14
|
import { ReactElement } from "react";
|
|
15
|
-
import * as
|
|
15
|
+
import * as _yamada_ui_utils24 from "@yamada-ui/utils";
|
|
16
16
|
|
|
17
17
|
//#region src/components/toggle/toggle.d.ts
|
|
18
18
|
interface ToggleProps<Y extends string = string> extends Omit<WithoutThemeProps<IconButtonProps, ToggleStyle>, "aria-label" | "onChange" | "ref" | "value">, UseToggleProps<Y>, Pick<UseInputBorderProps, "errorBorderColor">, ThemeProps<ToggleStyle> {}
|
|
19
|
-
declare const component: <H extends "fragment" | As = "div", R extends
|
|
19
|
+
declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils24.Dict = _yamada_ui_utils24.Dict<any>>(el: H | react997.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
|
|
20
20
|
fullRounded: {
|
|
21
21
|
true: {
|
|
22
22
|
root: {
|
|
@@ -175,7 +175,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
|
|
|
175
175
|
name,
|
|
176
176
|
className,
|
|
177
177
|
...options
|
|
178
|
-
}?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ?
|
|
178
|
+
}?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react997.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, TogglePropsContext: react997.Context<Partial<ToggleProps<string>> | undefined>, useTogglePropsContext: () => Partial<ToggleProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils24.Dict = _yamada_ui_utils24.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
|
|
179
179
|
fullRounded: {
|
|
180
180
|
true: {
|
|
181
181
|
root: {
|
|
@@ -334,7 +334,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
|
|
|
334
334
|
className,
|
|
335
335
|
withContext,
|
|
336
336
|
transferProps
|
|
337
|
-
}?: UseComponentPropsOptions<R>) => [CSSSlotObject,
|
|
337
|
+
}?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils24.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root", {
|
|
338
338
|
fullRounded: {
|
|
339
339
|
true: {
|
|
340
340
|
root: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
|
|
2
2
|
import "../../core/index.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react996 from "react";
|
|
4
4
|
import { RefObject } from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/components/toggle/use-toggle-group.d.ts
|
|
@@ -11,7 +11,7 @@ interface ToggleGroupContext {
|
|
|
11
11
|
value?: string | string[];
|
|
12
12
|
onChange?: <Y extends string = string>(value: undefined | Y) => void;
|
|
13
13
|
}
|
|
14
|
-
declare const ToggleGroupContext:
|
|
14
|
+
declare const ToggleGroupContext: react996.Context<ToggleGroupContext | undefined>, useToggleGroupContext: () => ToggleGroupContext | undefined;
|
|
15
15
|
interface UseToggleGroupProps<Y extends string | string[] = string> extends Omit<HTMLProps, "defaultValue" | "onChange" | "value"> {
|
|
16
16
|
/**
|
|
17
17
|
* The initial value of the toggle button group.
|
|
@@ -3,7 +3,7 @@ import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/
|
|
|
3
3
|
import "../../core/index.js";
|
|
4
4
|
import { FieldProps } from "../field/field.js";
|
|
5
5
|
import "../field/index.js";
|
|
6
|
-
import * as
|
|
6
|
+
import * as react1000 from "react";
|
|
7
7
|
|
|
8
8
|
//#region src/components/toggle/use-toggle.d.ts
|
|
9
9
|
interface UseToggleProps<Y extends string = string> extends FieldProps, HTMLRefAttributes<"input">, Omit<HTMLProps<"button">, "onChange" | "ref" | "value"> {
|
|
@@ -34,7 +34,7 @@ interface UseToggleProps<Y extends string = string> extends FieldProps, HTMLRefA
|
|
|
34
34
|
}
|
|
35
35
|
declare const useToggle: <Y extends string = string>(props?: UseToggleProps<Y>) => {
|
|
36
36
|
checked: boolean;
|
|
37
|
-
setChecked:
|
|
37
|
+
setChecked: react1000.Dispatch<react1000.SetStateAction<boolean>>;
|
|
38
38
|
getButtonProps: PropGetter<"button", undefined, Merge<HTMLProps<"button">, {
|
|
39
39
|
"aria-label": string;
|
|
40
40
|
}>>;
|
|
@@ -7,7 +7,7 @@ import { PopupAnimationProps } from "../popover/popover.js";
|
|
|
7
7
|
import "../popover/index.js";
|
|
8
8
|
import { TooltipStyle } from "./tooltip.style.js";
|
|
9
9
|
import { UseTooltipProps } from "./use-tooltip.js";
|
|
10
|
-
import * as
|
|
10
|
+
import * as react994 from "react";
|
|
11
11
|
import { FC, PropsWithChildren, ReactNode } from "react";
|
|
12
12
|
|
|
13
13
|
//#region src/components/tooltip/tooltip.d.ts
|
|
@@ -31,7 +31,7 @@ interface TooltipProps extends UseTooltipProps, PropsWithChildren, PopupAnimatio
|
|
|
31
31
|
*/
|
|
32
32
|
portalProps?: Omit<PortalProps, "children">;
|
|
33
33
|
}
|
|
34
|
-
declare const TooltipPropsContext:
|
|
34
|
+
declare const TooltipPropsContext: react994.Context<Partial<TooltipProps> | undefined>, useTooltipPropsContext: () => Partial<TooltipProps> | undefined;
|
|
35
35
|
/**
|
|
36
36
|
* `Tooltip` is a component that displays short information, such as supplementary details for an element.
|
|
37
37
|
*
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
|
|
2
2
|
import "../../core/index.js";
|
|
3
3
|
import "../../index.js";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react995 from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/components/visually-hidden/visually-hidden.d.ts
|
|
7
7
|
interface VisuallyHiddenProps extends HTMLStyledProps<"span"> {}
|
|
8
|
-
declare const VisuallyHiddenPropsContext:
|
|
8
|
+
declare const VisuallyHiddenPropsContext: react995.Context<Partial<VisuallyHiddenProps> | undefined>, useVisuallyHiddenPropsContext: () => Partial<VisuallyHiddenProps> | undefined;
|
|
9
9
|
/**
|
|
10
10
|
* `VisuallyHidden` is a common technique used in web accessibility to hide content from the visual client, but keep it readable for screen readers.
|
|
11
11
|
*
|
|
@@ -5,11 +5,11 @@ import { FlexProps } from "../flex/flex.js";
|
|
|
5
5
|
import "../flex/index.js";
|
|
6
6
|
import { WrapStyle } from "./wrap.style.js";
|
|
7
7
|
import "../../index.js";
|
|
8
|
-
import * as
|
|
8
|
+
import * as react993 from "react";
|
|
9
9
|
|
|
10
10
|
//#region src/components/wrap/wrap.d.ts
|
|
11
11
|
interface WrapProps extends WithoutThemeProps<FlexProps, WrapStyle>, ThemeProps<WrapStyle> {}
|
|
12
|
-
declare const WrapPropsContext:
|
|
12
|
+
declare const WrapPropsContext: react993.Context<Partial<WrapProps> | undefined>, useWrapPropsContext: () => Partial<WrapProps> | undefined;
|
|
13
13
|
/**
|
|
14
14
|
* `Wrap` is a component that has `wrap` set on `Flex`. It inherits convenient style shorthand from `Flex`.
|
|
15
15
|
*
|
|
@@ -3,7 +3,7 @@ import { ComponentSlotStyle, ComponentStyle, System, WithoutThemeProps } from ".
|
|
|
3
3
|
import { StyledOptions } from "../system/styled.js";
|
|
4
4
|
import { CSSObject, CSSSlotObject } from "../css/index.types.js";
|
|
5
5
|
import { As, Component as Component$1, HTMLStyledProps } from "./index.types.js";
|
|
6
|
-
import * as
|
|
6
|
+
import * as react987 from "react";
|
|
7
7
|
import { FC, FunctionComponent } from "react";
|
|
8
8
|
|
|
9
9
|
//#region src/core/components/create-component.d.ts
|
|
@@ -34,8 +34,8 @@ declare function createComponent<Y extends object = {}, M extends ComponentStyle
|
|
|
34
34
|
className,
|
|
35
35
|
...options
|
|
36
36
|
}?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => Component<D_1, H>;
|
|
37
|
-
ComponentContext:
|
|
38
|
-
PropsContext:
|
|
37
|
+
ComponentContext: react987.Context<D>;
|
|
38
|
+
PropsContext: react987.Context<Partial<Y> | undefined>;
|
|
39
39
|
useComponentContext: () => D;
|
|
40
40
|
usePropsContext: () => Partial<Y> | undefined;
|
|
41
41
|
withContext: <D_1 extends AsWithFragment = "div", H extends Y = Y, R extends keyof H = keyof H>(el: D_1 | FC<WithoutThemeProps<H, M, R>>, {
|
|
@@ -57,16 +57,16 @@ declare function createSlotComponent<Y extends object = {}, M extends ComponentS
|
|
|
57
57
|
className,
|
|
58
58
|
...options
|
|
59
59
|
}?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => Component<H, R>;
|
|
60
|
-
ComponentContext:
|
|
61
|
-
PropsContext:
|
|
62
|
-
StyleContext:
|
|
60
|
+
ComponentContext: react987.Context<D>;
|
|
61
|
+
PropsContext: react987.Context<Partial<Y> | undefined>;
|
|
62
|
+
StyleContext: react987.Context<CSSSlotObject<ComponentSlotName<M>>>;
|
|
63
63
|
useClassNames: () => {
|
|
64
64
|
[key: string]: string;
|
|
65
65
|
};
|
|
66
66
|
useComponentContext: () => D;
|
|
67
67
|
usePropsContext: () => Partial<Y> | undefined;
|
|
68
68
|
useStyleContext: () => CSSSlotObject<ComponentSlotName<M>>;
|
|
69
|
-
withContext: <H extends AsWithFragment = "div", R extends Dict = (H extends keyof
|
|
69
|
+
withContext: <H extends AsWithFragment = "div", R extends Dict = (H extends keyof react987.JSX.IntrinsicElements ? HTMLStyledProps<H> : Dict<any>)>(el: FC<R> | H, slot?: ComponentSlot<ComponentSlotName<M>>, {
|
|
70
70
|
name,
|
|
71
71
|
className,
|
|
72
72
|
withContext,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColorMode, ColorModeWithSystem, ThemeConfig } from "./index.types.js";
|
|
2
2
|
import { Storage } from "./storage-manager.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react986 from "react";
|
|
4
4
|
import { FC, PropsWithChildren } from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/core/system/color-mode-provider.d.ts
|
|
@@ -11,7 +11,7 @@ interface ColorModeContext {
|
|
|
11
11
|
toggleColorMode: () => void;
|
|
12
12
|
forced?: boolean;
|
|
13
13
|
}
|
|
14
|
-
declare const ColorModeContext:
|
|
14
|
+
declare const ColorModeContext: react986.Context<ColorModeContext>;
|
|
15
15
|
interface ColorModeProviderProps extends PropsWithChildren {
|
|
16
16
|
/**
|
|
17
17
|
* The forced color mode.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColorModeWithSystem, ThemeScheme } from "./index.types.js";
|
|
2
2
|
import { Storage } from "./storage-manager.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/core/system/storage-script.d.ts
|
|
6
6
|
interface StorageScriptProps<Y extends string> {
|
|
@@ -17,11 +17,11 @@ declare function getStorageScript<Y extends string>(type: "colorMode" | "themeSc
|
|
|
17
17
|
declare function ColorModeScript({
|
|
18
18
|
nonce,
|
|
19
19
|
...rest
|
|
20
|
-
}: StorageScriptProps<ColorModeWithSystem>):
|
|
20
|
+
}: StorageScriptProps<ColorModeWithSystem>): react_jsx_runtime11.JSX.Element;
|
|
21
21
|
declare function ThemeSchemeScript({
|
|
22
22
|
nonce,
|
|
23
23
|
...rest
|
|
24
|
-
}: StorageScriptProps<ThemeScheme>):
|
|
24
|
+
}: StorageScriptProps<ThemeScheme>): react_jsx_runtime11.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { ColorModeScript, StorageScriptProps, ThemeSchemeScript, getStorageScript };
|
|
27
27
|
//# sourceMappingURL=storage-script.d.ts.map
|
|
@@ -3,10 +3,10 @@ import { CSSModifierObject, CSSPropObject } from "../css/index.types.js";
|
|
|
3
3
|
import { As, StyledComponent } from "../components/index.types.js";
|
|
4
4
|
import { ShouldForwardProp } from "../components/props.js";
|
|
5
5
|
import "../components/index.js";
|
|
6
|
-
import * as
|
|
6
|
+
import * as react984 from "react";
|
|
7
7
|
|
|
8
8
|
//#region src/core/system/styled.d.ts
|
|
9
|
-
declare const ColorSchemeContext:
|
|
9
|
+
declare const ColorSchemeContext: react984.Context<ColorScheme | undefined>, useColorSchemeContext: () => ColorScheme | undefined;
|
|
10
10
|
interface StyledOptions<Y extends CSSPropObject = CSSPropObject, M extends CSSModifierObject = CSSModifierObject, D extends CSSModifierObject = CSSModifierObject, H extends number | string | symbol = string> extends Omit<ComponentStyle<Y, M, D>, "className"> {
|
|
11
11
|
className?: ((system: System) => string) | string;
|
|
12
12
|
displayName?: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { System, ThemeConfig, UsageTheme } from "./index.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react985 from "react";
|
|
3
3
|
import { FC, PropsWithChildren } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/core/system/system-provider.d.ts
|
|
6
6
|
interface SystemContext extends System {}
|
|
7
|
-
declare const SystemContext:
|
|
7
|
+
declare const SystemContext: react985.Context<SystemContext>;
|
|
8
8
|
interface SystemProviderProps extends PropsWithChildren {
|
|
9
9
|
/**
|
|
10
10
|
* The config of the yamada ui.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ResponsiveObject } from "../../core/css/index.types.js";
|
|
2
2
|
import "../../core/index.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react982 from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/hooks/use-breakpoint/use-breakpoint-state.d.ts
|
|
6
6
|
|
|
@@ -9,7 +9,7 @@ import * as react70 from "react";
|
|
|
9
9
|
*
|
|
10
10
|
* @see https://yamada-ui.com/docs/hooks/use-breakpoint-state
|
|
11
11
|
*/
|
|
12
|
-
declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y,
|
|
12
|
+
declare const useBreakpointState: <Y>(initialState: ResponsiveObject<Y, false>) => [Y, react982.Dispatch<react982.SetStateAction<Y>>];
|
|
13
13
|
//#endregion
|
|
14
14
|
export { useBreakpointState };
|
|
15
15
|
//# sourceMappingURL=use-breakpoint-state.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { StyledProps } from "../../core/components/index.types.js";
|
|
2
2
|
import "../../core/index.js";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react0 from "react";
|
|
4
4
|
import { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/hooks/use-clickable/index.d.ts
|
|
@@ -71,12 +71,12 @@ declare const useClickable: <Y extends HTMLElement = HTMLElement, M extends Prop
|
|
|
71
71
|
"aria-disabled": boolean | undefined;
|
|
72
72
|
disabled: boolean | undefined;
|
|
73
73
|
onClick: (ev: MouseEvent<Y>) => void;
|
|
74
|
-
onKeyDown:
|
|
75
|
-
onKeyUp:
|
|
76
|
-
onMouseDown:
|
|
77
|
-
onMouseLeave:
|
|
78
|
-
onMouseOver:
|
|
79
|
-
onMouseUp:
|
|
74
|
+
onKeyDown: react0.KeyboardEventHandler<Y> | undefined;
|
|
75
|
+
onKeyUp: react0.KeyboardEventHandler<Y> | undefined;
|
|
76
|
+
onMouseDown: react0.MouseEventHandler<Y> | undefined;
|
|
77
|
+
onMouseLeave: react0.MouseEventHandler<Y> | undefined;
|
|
78
|
+
onMouseOver: react0.MouseEventHandler<Y> | undefined;
|
|
79
|
+
onMouseUp: react0.MouseEventHandler<Y> | undefined;
|
|
80
80
|
}) | (Omit<UseClickableProps<Y, M>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
|
|
81
81
|
ref: (node: any) => void;
|
|
82
82
|
"aria-disabled": "true" | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react16 from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/hooks/use-clipboard/index.d.ts
|
|
4
4
|
interface UseClipboardOptions {
|
|
@@ -12,7 +12,7 @@ interface UseClipboardOptions {
|
|
|
12
12
|
*/
|
|
13
13
|
declare const useClipboard: (defaultValue?: string, timeoutOrOptions?: number | UseClipboardOptions) => {
|
|
14
14
|
copied: boolean;
|
|
15
|
-
setValue:
|
|
15
|
+
setValue: react16.Dispatch<react16.SetStateAction<string>>;
|
|
16
16
|
value: string;
|
|
17
17
|
onCopy: (newValue?: any) => void;
|
|
18
18
|
};
|