@yamada-ui/react 2.1.5-dev-20260330011544 → 2.1.5-dev-20260330060256
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-async-callback/index.cjs +4 -3
- package/dist/cjs/hooks/use-async-callback/index.cjs.map +1 -1
- package/dist/esm/hooks/use-async-callback/index.js +4 -3
- package/dist/esm/hooks/use-async-callback/index.js.map +1 -1
- package/dist/types/components/accordion/accordion.d.ts +2 -2
- package/dist/types/components/accordion/use-accordion.d.ts +11 -11
- 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 +5 -5
- 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/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/use-calendar.d.ts +8 -8
- 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/area-chart.d.ts +2 -2
- package/dist/types/components/chart/bar-chart.d.ts +2 -2
- package/dist/types/components/chart/chart.d.ts +5 -5
- package/dist/types/components/chart/composed-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/radial-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.style.d.ts +1 -1
- package/dist/types/components/date-picker/date-picker.d.ts +2 -2
- 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 +5 -5
- package/dist/types/components/dropzone/dropzone.style.d.ts +1 -1
- package/dist/types/components/editable/editable.d.ts +2 -2
- 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/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/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 +11 -11
- 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/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-table/native-table.d.ts +4 -4
- 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/use-pagination.d.ts +2 -2
- package/dist/types/components/password-input/password-input.d.ts +2 -2
- 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/use-pin-input.d.ts +7 -7
- package/dist/types/components/popover/popover.d.ts +2 -2
- package/dist/types/components/progress/progress.d.ts +2 -2
- 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/use-rating.d.ts +7 -7
- package/dist/types/components/reorder/reorder.d.ts +2 -2
- 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/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 +9 -9
- 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 +4 -4
- 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/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 +10 -10
- 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 +16 -16
- package/dist/types/components/tag/tag.d.ts +2 -2
- package/dist/types/components/tag/tag.style.d.ts +1 -1
- 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/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 +1 -1
|
@@ -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 react963 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 | react963.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" ? react963.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, TogglePropsContext: react963.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 react962 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: react962.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 react966 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: react966.Dispatch<react966.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 react968 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: react968.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 react961 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: react961.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 react960 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: react960.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 react954 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: react954.Context<D>;
|
|
38
|
+
PropsContext: react954.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: react954.Context<D>;
|
|
61
|
+
PropsContext: react954.Context<Partial<Y> | undefined>;
|
|
62
|
+
StyleContext: react954.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 react954.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 react951 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: react951.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_runtime5 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_runtime5.JSX.Element;
|
|
21
21
|
declare function ThemeSchemeScript({
|
|
22
22
|
nonce,
|
|
23
23
|
...rest
|
|
24
|
-
}: StorageScriptProps<ThemeScheme>):
|
|
24
|
+
}: StorageScriptProps<ThemeScheme>): react_jsx_runtime5.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 react952 from "react";
|
|
7
7
|
|
|
8
8
|
//#region src/core/system/styled.d.ts
|
|
9
|
-
declare const ColorSchemeContext:
|
|
9
|
+
declare const ColorSchemeContext: react952.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 react953 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: react953.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 react970 from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/hooks/use-breakpoint/use-breakpoint-state.d.ts
|
|
6
6
|
|
|
@@ -9,7 +9,7 @@ import * as react971 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, react970.Dispatch<react970.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 react1 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: react1.KeyboardEventHandler<Y> | undefined;
|
|
75
|
+
onKeyUp: react1.KeyboardEventHandler<Y> | undefined;
|
|
76
|
+
onMouseDown: react1.MouseEventHandler<Y> | undefined;
|
|
77
|
+
onMouseLeave: react1.MouseEventHandler<Y> | undefined;
|
|
78
|
+
onMouseOver: react1.MouseEventHandler<Y> | undefined;
|
|
79
|
+
onMouseUp: react1.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 react0 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: react0.Dispatch<react0.SetStateAction<string>>;
|
|
16
16
|
value: string;
|
|
17
17
|
onCopy: (newValue?: any) => void;
|
|
18
18
|
};
|
|
@@ -3,7 +3,7 @@ import { TextDirection } from "../../core/system/index.types.js";
|
|
|
3
3
|
import "../../core/index.js";
|
|
4
4
|
import { IcuArgs } from "./icu.types.js";
|
|
5
5
|
import _default, { DefaultIntlData } from "./intl/index.js";
|
|
6
|
-
import * as
|
|
6
|
+
import * as react950 from "react";
|
|
7
7
|
import { FC, ReactNode } from "react";
|
|
8
8
|
import { Formats, Options } from "intl-messageformat";
|
|
9
9
|
|
|
@@ -24,7 +24,7 @@ interface I18nContext<Y extends object = IntlData, M extends string = IntlPath>
|
|
|
24
24
|
changeLanguage: (locale?: string, dir?: TextDirection) => void;
|
|
25
25
|
getTranslation: (key?: IntlKey) => Translation<Y, M>;
|
|
26
26
|
}
|
|
27
|
-
declare const I18nContext:
|
|
27
|
+
declare const I18nContext: react950.Context<I18nContext<{
|
|
28
28
|
readonly autocomplete: {
|
|
29
29
|
readonly "Clear value": "Clear value";
|
|
30
30
|
readonly "No results found": "No results found";
|
|
@@ -127,7 +127,7 @@ declare const I18nContext: react1024.Context<I18nContext<{
|
|
|
127
127
|
readonly toggle: {
|
|
128
128
|
readonly "Toggle button": "Toggle button";
|
|
129
129
|
};
|
|
130
|
-
}, "progress.Loading..." | "progress.{value} percent" | "select.Clear value" | "table.Clear sorting" | "table.Page size" | "table.Select all rows" | "table.Select row" | "table.Sort ascending" | "table.Sort descending" | "toggle.Toggle button" | "slider.Slider thumb" | "modal.Close modal" | "modal.Open modal" | "
|
|
130
|
+
}, "progress.Loading..." | "progress.{value} percent" | "select.Clear value" | "table.Clear sorting" | "table.Page size" | "table.Select all rows" | "table.Select row" | "table.Sort ascending" | "table.Sort descending" | "toggle.Toggle button" | "slider.Slider thumb" | "modal.Close modal" | "modal.Open modal" | "breadcrumb.Breadcrumb" | "breadcrumb.Ellipsis" | "hueSlider.Blue" | "hueSlider.Cyan" | "hueSlider.Green" | "hueSlider.Magenta" | "hueSlider.Red" | "hueSlider.Yellow" | "saturationSlider.Saturation and brightness thumb" | "saturationSlider.Saturation {saturation}%, Brightness {brightness}%" | "colorSwatch.Color swatch group" | "avatar.Avatar Icon" | "autocomplete.Clear value" | "autocomplete.No results found" | "calendar.Choose the month" | "calendar.Choose the year" | "calendar.Go to the next month" | "calendar.Go to the previous month" | "calendar.Today" | "carousel.Go to next slide" | "carousel.Go to previous slide" | "carousel.Go to {page} slide" | "carousel.Slides" | "carousel.{page} of {total}" | "closeButton.Close" | "colorPicker.Pick a color" | "colorSelector.Pick a color" | "datePicker.Clear value" | "numberInput.Decrease" | "numberInput.Increase" | "pagination.Go to first page" | "pagination.Go to last page" | "pagination.Go to next page" | "pagination.Go to page {value}" | "pagination.Go to previous page" | "pagination.Pagination" | "pagination.{value} / {total}" | "pagination.{value} of {total}" | "passwordInput.Password strength meter" | "passwordInput.Toggle password visibility" | "stat.Decreased by" | "stat.Increased by" | "tag.Close tag">>;
|
|
131
131
|
interface I18nProviderProps {
|
|
132
132
|
children?: ReactNode;
|
|
133
133
|
/**
|
|
@@ -8,7 +8,7 @@ import { I18nProviderProps } from "../i18n-provider/i18n-provider.js";
|
|
|
8
8
|
import "../i18n-provider/index.js";
|
|
9
9
|
import "../../index.js";
|
|
10
10
|
import { FC } from "react";
|
|
11
|
-
import * as
|
|
11
|
+
import * as _yamada_ui_utils23 from "@yamada-ui/utils";
|
|
12
12
|
|
|
13
13
|
//#region src/providers/ui-provider/ui-provider.d.ts
|
|
14
14
|
interface UIProviderProps extends Omit<ThemeProviderProps, "storageKey">, Pick<ColorModeProviderProps, "colorMode">, I18nProviderProps {
|
|
@@ -2564,7 +2564,7 @@ declare const extendTheme: <Y extends UsageTheme>(theme: Y) => Y extends object
|
|
|
2564
2564
|
};
|
|
2565
2565
|
};
|
|
2566
2566
|
}[D] : never } : Y;
|
|
2567
|
-
declare const extendConfig: (config: ThemeConfig) =>
|
|
2567
|
+
declare const extendConfig: (config: ThemeConfig) => _yamada_ui_utils23.Dict<any>;
|
|
2568
2568
|
//#endregion
|
|
2569
2569
|
export { UIProvider, UIProviderProps, extendConfig, extendTheme };
|
|
2570
2570
|
//# sourceMappingURL=ui-provider.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/utils/children.d.ts
|
|
@@ -19,7 +19,7 @@ declare function pickChildren<Y = any>(children: React.ReactElement[], ...types:
|
|
|
19
19
|
declare function usePickChildren<Y = any>(children: React.ReactElement<any>[], ...types: (React.JSXElementConstructor<any> | string)[]): React.ReactElement<Y>[];
|
|
20
20
|
declare function splitChildren<Y = any, M = any>(children: React.ReactNode, ...types: ((React.JSXElementConstructor<any> | string)[] | React.JSXElementConstructor<any> | string)[]): [React.ReactElement<M>[] | React.ReactNode, ...(React.ReactElement<Y>[] | undefined)[]];
|
|
21
21
|
declare function useSplitChildren<Y = any, M = any>(children: React.ReactNode, ...types: ((React.JSXElementConstructor<any> | string)[] | React.JSXElementConstructor<any> | string)[]): [React.ReactElement<M>[] | React.ReactNode, ...(React.ReactElement<Y>[] | undefined)[]];
|
|
22
|
-
declare const wrapOrPassProps: <Y extends React.PropsWithChildren>(Component: React.FC<Y>, nodeOrProps: React.ReactNode | Y, additionalProps?: Y) =>
|
|
22
|
+
declare const wrapOrPassProps: <Y extends React.PropsWithChildren>(Component: React.FC<Y>, nodeOrProps: React.ReactNode | Y, additionalProps?: Y) => react_jsx_runtime1.JSX.Element | null;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { findChild, findChildren, getValidChildren, includesChildren, isSomeDisplayName, isSomeElement, isValidElement, omitChildren, pickChildren, splitChildren, useFindChild, useFindChildren, useIncludesChildren, useOmitChildren, usePickChildren, useSplitChildren, useValidChildren, wrapOrPassProps };
|
|
25
25
|
//# sourceMappingURL=children.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yamada-ui/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.1.5-dev-
|
|
4
|
+
"version": "2.1.5-dev-20260330060256",
|
|
5
5
|
"description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"yamada",
|