@yamada-ui/react 2.1.8-dev-20260407054700 → 2.1.8-dev-20260408062027
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/components/motion/transition.cjs +2 -2
- package/dist/cjs/components/motion/transition.cjs.map +1 -1
- package/dist/cjs/core/css/conditions.cjs +2 -0
- package/dist/cjs/core/css/conditions.cjs.map +1 -1
- package/dist/esm/components/motion/transition.js +2 -2
- package/dist/esm/components/motion/transition.js.map +1 -1
- package/dist/esm/core/css/conditions.js +2 -0
- package/dist/esm/core/css/conditions.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 +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 +3 -3
- 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 +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/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/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/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/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 +15 -15
- 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 +4 -4
- package/dist/types/components/format/format-date-time.d.ts +4 -4
- 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 +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/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-table/native-table.d.ts +4 -4
- 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/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 +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 +4 -4
- 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 +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/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 +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/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 +3 -3
- 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/css/conditions.d.ts +21 -5
- 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-clipboard/index.d.ts +2 -2
- package/dist/types/hooks/use-combobox/index.d.ts +12 -12
- package/dist/types/hooks/use-counter/index.d.ts +2 -2
- package/dist/types/hooks/use-descendants/index.d.ts +2 -2
- 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/hooks/use-popper/index.d.ts +2 -2
- package/dist/types/hooks/use-resize-observer/index.d.ts +3 -3
- package/dist/types/providers/i18n-provider/i18n-provider.d.ts +2 -2
- 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
|
@@ -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_runtime5 from "react/jsx-runtime";
|
|
8
|
+
import * as react890 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: react890.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" | "root" | "description" | "indicator" | "item" | "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" | "root" | "description" | "indicator" | "item" | "connector">>>, keyof TimelineRootProps>) => react_jsx_runtime5.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" | "root" | "description" | "indicator" | "item" | "connector", {
|
|
7
7
|
/**
|
|
8
8
|
* The alignment of the timeline.
|
|
9
9
|
*
|
|
@@ -169,7 +169,7 @@ declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "item" | "
|
|
|
169
169
|
fontSize: "lg";
|
|
170
170
|
};
|
|
171
171
|
};
|
|
172
|
-
}, CSSModifierObject<CSSSlotObject<"title" | "content" | "
|
|
172
|
+
}, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator" | "item" | "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 react39 from "react";
|
|
14
14
|
import { ReactElement } from "react";
|
|
15
15
|
import * as _yamada_ui_utils0 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"
|
|
19
|
+
declare const component: <H extends As | "fragment" = "div", R extends _yamada_ui_utils0.Dict = _yamada_ui_utils0.Dict<any>>(el: H | react39.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" ? react39.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, TogglePropsContext: react39.Context<Partial<ToggleProps<string>> | undefined>, useTogglePropsContext: () => Partial<ToggleProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils0.Dict = _yamada_ui_utils0.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: {
|
|
@@ -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 react38 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: react38.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 react42 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: react42.Dispatch<react42.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 react37 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: react37.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 react36 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: react36.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 react35 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: react35.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 react29 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: react29.Context<D>;
|
|
38
|
+
PropsContext: react29.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: react29.Context<D>;
|
|
61
|
+
PropsContext: react29.Context<Partial<Y> | undefined>;
|
|
62
|
+
StyleContext: react29.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 react29.JSX.IntrinsicElements ? HTMLStyledProps<H> : Dict<any>)>(el: FC<R> | H, slot?: ComponentSlot<ComponentSlotName<M>>, {
|
|
70
70
|
name,
|
|
71
71
|
className,
|
|
72
72
|
withContext,
|
|
@@ -518,6 +518,10 @@ declare const groupAttributes: {
|
|
|
518
518
|
* Styles to apply when a parent element with `role=group`, `data-group` or `.group` is activedescendant.
|
|
519
519
|
*/
|
|
520
520
|
readonly _groupActivedescendant: "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &";
|
|
521
|
+
/**
|
|
522
|
+
* Styles to apply when a parent element with `role=group`, `data-group` or `.group` is animated.
|
|
523
|
+
*/
|
|
524
|
+
readonly _groupAnimated: "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &";
|
|
521
525
|
/**
|
|
522
526
|
* Styles to apply when a parent element with `role=group`, `data-group` or `.group` is blank.
|
|
523
527
|
*/
|
|
@@ -651,14 +655,18 @@ type GroupAttributes = typeof groupAttributes;
|
|
|
651
655
|
type GroupAttributeProperty = keyof GroupAttributes;
|
|
652
656
|
type GroupAttributeProps = { [K in GroupAttributeProperty]?: CSSObject };
|
|
653
657
|
declare const groupAttributeProperties: GroupAttributeProperty[];
|
|
654
|
-
declare const groupAttributeSelectors: ("[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &")[];
|
|
658
|
+
declare const groupAttributeSelectors: ("[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &")[];
|
|
655
659
|
declare const peerAttributes: {
|
|
656
660
|
/**
|
|
657
661
|
* Styles to apply when a parent element with `data-peer` or `.peer` is accepted.
|
|
658
662
|
*/
|
|
659
663
|
readonly _peerAccept: "[data-peer][data-accept] ~ &, .peer[data-accept] ~ &";
|
|
660
664
|
/**
|
|
661
|
-
* Styles to apply when a
|
|
665
|
+
* Styles to apply when a sibling element with `data-peer` or `.peer` is animated.
|
|
666
|
+
*/
|
|
667
|
+
readonly _peerAnimated: "[data-peer][data-animated] ~ &, .peer[data-animated] ~ &";
|
|
668
|
+
/**
|
|
669
|
+
* Styles to apply when a sibling element with `data-peer` or `.peer` is blank.
|
|
662
670
|
*/
|
|
663
671
|
readonly _peerBlank: "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &";
|
|
664
672
|
/**
|
|
@@ -786,14 +794,18 @@ type PeerAttributes = typeof peerAttributes;
|
|
|
786
794
|
type PeerAttributeProperty = keyof PeerAttributes;
|
|
787
795
|
type PeerAttributeProps = { [K in PeerAttributeProperty]?: CSSObject };
|
|
788
796
|
declare const peerAttributeProperties: PeerAttributeProperty[];
|
|
789
|
-
declare const peerAttributeSelectors: ("[data-peer][data-accept] ~ &, .peer[data-accept] ~ &" | "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &" | "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &" | "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &" | "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &" | "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &" | "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &" | "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &" | "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &" | "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &" | "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &" | "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &" | "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &" | "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &" | "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &" | "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &" | "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &" | "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &" | "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &" | "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &" | "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &" | "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &" | "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &" | "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &" | "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &" | "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &" | "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &" | "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &" | "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &" | "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &")[];
|
|
797
|
+
declare const peerAttributeSelectors: ("[data-peer][data-accept] ~ &, .peer[data-accept] ~ &" | "[data-peer][data-animated] ~ &, .peer[data-animated] ~ &" | "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &" | "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &" | "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &" | "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &" | "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &" | "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &" | "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &" | "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &" | "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &" | "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &" | "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &" | "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &" | "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &" | "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &" | "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &" | "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &" | "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &" | "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &" | "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &" | "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &" | "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &" | "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &" | "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &" | "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &" | "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &" | "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &" | "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &" | "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &" | "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &")[];
|
|
790
798
|
declare const conditions: {
|
|
791
799
|
/**
|
|
792
800
|
* Styles to apply when a parent element with `data-peer` or `.peer` is accepted.
|
|
793
801
|
*/
|
|
794
802
|
readonly _peerAccept: "[data-peer][data-accept] ~ &, .peer[data-accept] ~ &";
|
|
795
803
|
/**
|
|
796
|
-
* Styles to apply when a
|
|
804
|
+
* Styles to apply when a sibling element with `data-peer` or `.peer` is animated.
|
|
805
|
+
*/
|
|
806
|
+
readonly _peerAnimated: "[data-peer][data-animated] ~ &, .peer[data-animated] ~ &";
|
|
807
|
+
/**
|
|
808
|
+
* Styles to apply when a sibling element with `data-peer` or `.peer` is blank.
|
|
797
809
|
*/
|
|
798
810
|
readonly _peerBlank: "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &";
|
|
799
811
|
/**
|
|
@@ -924,6 +936,10 @@ declare const conditions: {
|
|
|
924
936
|
* Styles to apply when a parent element with `role=group`, `data-group` or `.group` is activedescendant.
|
|
925
937
|
*/
|
|
926
938
|
readonly _groupActivedescendant: "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &";
|
|
939
|
+
/**
|
|
940
|
+
* Styles to apply when a parent element with `role=group`, `data-group` or `.group` is animated.
|
|
941
|
+
*/
|
|
942
|
+
readonly _groupAnimated: "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &";
|
|
927
943
|
/**
|
|
928
944
|
* Styles to apply when a parent element with `role=group`, `data-group` or `.group` is blank.
|
|
929
945
|
*/
|
|
@@ -1542,7 +1558,7 @@ type ConditionProperty = keyof Conditions;
|
|
|
1542
1558
|
type ConditionSelector = Conditions[ConditionProperty];
|
|
1543
1559
|
type ConditionProps = { [K in keyof Conditions]?: CSSObject };
|
|
1544
1560
|
declare const conditionProperties: ConditionProperty[];
|
|
1545
|
-
declare const conditionSelectors: ("&::after" | "&::backdrop" | "&::before" | "&::cue" | "&::cue-region" | "&::details-content" | "&::file-selector-button" | "&::first-letter" | "&::first-line" | "&::marker" | "&::placeholder, &[data-placeholder]" | "&::-webkit-scrollbar, &[data-scrollbar]" | "&::-webkit-scrollbar-button" | "&::-webkit-scrollbar-corner" | "&::-webkit-scrollbar-thumb" | "&::-webkit-scrollbar-track" | "&::-webkit-scrollbar-track-piece" | "&::selection" | "&[data-inactive]" | "&[data-accept]" | "&[data-animated]" | "&[data-between]" | "&:is([data-center], [data-group-center])" | "&[data-complete]" | "&:is([aria-current], [data-current]):not([aria-current='false'])" | ".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]" | "&:is([data-end], [data-group-end])" | "&:is([data-expanded], [aria-expanded=true])" | "&[data-fallback]" | "&[data-filled]" | "&:is([data-grabbed], [aria-grabbed=true])" | "&:is([role=grid], [data-grid])" | "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:has(> [data-icon])" | "&[data-idle]" | "&[data-incomplete]" | ".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]" | "&[data-loaded]" | "&:is([data-loading], [aria-busy=true])" | "[dir=ltr] &" | "&[hidden]" | "&[data-not-allowed]" | "&:not([aria-current], [data-current]), &[aria-current='false']" | "&:not([data-fallback])" | "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:not([data-selected]):not([aria-selected=true])" | "&[data-numeric]" | "&:is([open], [data-open])" | "&:is([data-pressed], [aria-pressed=true])" | "&:is([data-range])" | "&[data-reject]" | "& .ui-ripple" | "[dir=rtl] &" | "&:is([data-start], [data-group-start])" | "&:is([data-selected], [aria-selected=true])" | "&:is([hidden], [data-hidden])" | "&[data-never]" | "&:is([data-activedescendant])" | "&:is(:any-link, [data-any-link])" | "&:autofill" | "&:is(:blank, [data-blank])" | "&:is(:checked, [data-checked], [aria-checked=true])" | "& > *" | "&:default" | "&:empty" | "&:is(:enabled, [data-enabled])" | "&:nth-of-type(even)" | "&:first-of-type" | "& > *:first-child" | "&:not(:focus-within, [data-focus-within])" | "&:fullscreen" | "&:is([data-orientation=horizontal], [aria-orientation=horizontal])" | "&:where(svg:not([data-loading])), & > [data-icon]" | "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])" | "& > [data-indicator]" | "&:is(:in-range, [data-in-range])" | "&:last-of-type" | "& > *:last-child" | "&:is(:link, [data-link])" | "&:modal" | "&:active" | "&:checked" | "&:is(disabled, [disabled])" | "&:focus" | "&:focus-visible" | "&:focus-within" | "&:hover" | "&:is([readonly], [aria-readonly=true])" | "&:target" | "&:valid" | "&:not(:checked):not([data-checked]):not([aria-checked=true])" | "&:not(:empty)" | "&:not(:first-of-type)" | "& > *:not(:first-child)" | "&:not(:last-of-type)" | "& > *:not(:last-child)" | "&:not(:target)" | "&:nth-of-type(odd)" | "&:only-of-type" | "&:only-child" | "&:is(:optional, [data-optional])" | "&:is(:out-of-range, [data-out-of-range])" | "&:is(:paused, [data-paused])" | "&:picture-in-picture" | "&:placeholder-shown" | "&:is(:playing, [data-playing])" | "&:popover-open" | "&:is(:read-write, [data-read-write])" | "&:is(:required, [required])" | "&:is(:target, [data-target])" | "&:is(:user-invalid, [data-user-invalid])" | "&:is(:valid, [data-valid])" | "&:is([data-orientation=vertical], [aria-orientation=vertical])" | "&:visited" | "&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:focus, [data-focus])" | "&:is(:focus-visible, [data-focus-visible])" | "&:is([data-invalid], [aria-invalid=true])" | "&:is([readonly], [data-readonly], [aria-readonly=true])" | "&:is(:disabled, [disabled], [data-disabled])" | "[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &" | "[data-peer][data-accept] ~ &, .peer[data-accept] ~ &" | "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &" | "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &" | "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &" | "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &" | "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &" | "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &" | "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &" | "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &" | "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &" | "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &" | "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &" | "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &" | "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &" | "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &" | "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &" | "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &" | "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &" | "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &" | "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &" | "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &" | "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &" | "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &" | "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &" | "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &" | "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &" | "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &" | "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &" | "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &" | "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &")[];
|
|
1561
|
+
declare const conditionSelectors: ("&::after" | "&::backdrop" | "&::before" | "&::cue" | "&::cue-region" | "&::details-content" | "&::file-selector-button" | "&::first-letter" | "&::first-line" | "&::marker" | "&::placeholder, &[data-placeholder]" | "&::-webkit-scrollbar, &[data-scrollbar]" | "&::-webkit-scrollbar-button" | "&::-webkit-scrollbar-corner" | "&::-webkit-scrollbar-thumb" | "&::-webkit-scrollbar-track" | "&::-webkit-scrollbar-track-piece" | "&::selection" | "&[data-inactive]" | "&[data-accept]" | "&[data-animated]" | "&[data-between]" | "&:is([data-center], [data-group-center])" | "&[data-complete]" | "&:is([aria-current], [data-current]):not([aria-current='false'])" | ".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]" | "&:is([data-end], [data-group-end])" | "&:is([data-expanded], [aria-expanded=true])" | "&[data-fallback]" | "&[data-filled]" | "&:is([data-grabbed], [aria-grabbed=true])" | "&:is([role=grid], [data-grid])" | "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:has(> [data-icon])" | "&[data-idle]" | "&[data-incomplete]" | ".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]" | "&[data-loaded]" | "&:is([data-loading], [aria-busy=true])" | "[dir=ltr] &" | "&[hidden]" | "&[data-not-allowed]" | "&:not([aria-current], [data-current]), &[aria-current='false']" | "&:not([data-fallback])" | "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:not([data-selected]):not([aria-selected=true])" | "&[data-numeric]" | "&:is([open], [data-open])" | "&:is([data-pressed], [aria-pressed=true])" | "&:is([data-range])" | "&[data-reject]" | "& .ui-ripple" | "[dir=rtl] &" | "&:is([data-start], [data-group-start])" | "&:is([data-selected], [aria-selected=true])" | "&:is([hidden], [data-hidden])" | "&[data-never]" | "&:is([data-activedescendant])" | "&:is(:any-link, [data-any-link])" | "&:autofill" | "&:is(:blank, [data-blank])" | "&:is(:checked, [data-checked], [aria-checked=true])" | "& > *" | "&:default" | "&:empty" | "&:is(:enabled, [data-enabled])" | "&:nth-of-type(even)" | "&:first-of-type" | "& > *:first-child" | "&:not(:focus-within, [data-focus-within])" | "&:fullscreen" | "&:is([data-orientation=horizontal], [aria-orientation=horizontal])" | "&:where(svg:not([data-loading])), & > [data-icon]" | "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])" | "& > [data-indicator]" | "&:is(:in-range, [data-in-range])" | "&:last-of-type" | "& > *:last-child" | "&:is(:link, [data-link])" | "&:modal" | "&:active" | "&:checked" | "&:is(disabled, [disabled])" | "&:focus" | "&:focus-visible" | "&:focus-within" | "&:hover" | "&:is([readonly], [aria-readonly=true])" | "&:target" | "&:valid" | "&:not(:checked):not([data-checked]):not([aria-checked=true])" | "&:not(:empty)" | "&:not(:first-of-type)" | "& > *:not(:first-child)" | "&:not(:last-of-type)" | "& > *:not(:last-child)" | "&:not(:target)" | "&:nth-of-type(odd)" | "&:only-of-type" | "&:only-child" | "&:is(:optional, [data-optional])" | "&:is(:out-of-range, [data-out-of-range])" | "&:is(:paused, [data-paused])" | "&:picture-in-picture" | "&:placeholder-shown" | "&:is(:playing, [data-playing])" | "&:popover-open" | "&:is(:read-write, [data-read-write])" | "&:is(:required, [required])" | "&:is(:target, [data-target])" | "&:is(:user-invalid, [data-user-invalid])" | "&:is(:valid, [data-valid])" | "&:is([data-orientation=vertical], [aria-orientation=vertical])" | "&:visited" | "&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:focus, [data-focus])" | "&:is(:focus-visible, [data-focus-visible])" | "&:is([data-invalid], [aria-invalid=true])" | "&:is([readonly], [data-readonly], [aria-readonly=true])" | "&:is(:disabled, [disabled], [data-disabled])" | "[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &" | "[data-peer][data-accept] ~ &, .peer[data-accept] ~ &" | "[data-peer][data-animated] ~ &, .peer[data-animated] ~ &" | "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &" | "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &" | "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &" | "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &" | "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &" | "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &" | "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &" | "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &" | "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &" | "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &" | "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &" | "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &" | "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &" | "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &" | "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &" | "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &" | "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &" | "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &" | "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &" | "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &" | "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &" | "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &" | "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &" | "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &" | "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &" | "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &" | "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &" | "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &" | "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &")[];
|
|
1546
1562
|
declare function getCondition(key: string): string;
|
|
1547
1563
|
//#endregion
|
|
1548
1564
|
export { AnySelector, AttributeProperty, AttributeProps, Attributes, ConditionProperty, ConditionProps, ConditionSelector, Conditions, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements };
|
|
@@ -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 react26 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: react26.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_runtime1 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_runtime1.JSX.Element;
|
|
21
21
|
declare function ThemeSchemeScript({
|
|
22
22
|
nonce,
|
|
23
23
|
...rest
|
|
24
|
-
}: StorageScriptProps<ThemeScheme>):
|
|
24
|
+
}: StorageScriptProps<ThemeScheme>): react_jsx_runtime1.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 react27 from "react";
|
|
7
7
|
|
|
8
8
|
//#region src/core/system/styled.d.ts
|
|
9
|
-
declare const ColorSchemeContext:
|
|
9
|
+
declare const ColorSchemeContext: react27.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 react28 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: react28.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 react44 from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/hooks/use-breakpoint/use-breakpoint-state.d.ts
|
|
6
6
|
|
|
@@ -9,7 +9,7 @@ import * as react129 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, react44.Dispatch<react44.SetStateAction<Y>>];
|
|
13
13
|
//#endregion
|
|
14
14
|
export { useBreakpointState };
|
|
15
15
|
//# sourceMappingURL=use-breakpoint-state.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react8 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: react8.Dispatch<react8.SetStateAction<string>>;
|
|
16
16
|
value: string;
|
|
17
17
|
onCopy: (newValue?: any) => void;
|
|
18
18
|
};
|
|
@@ -6,7 +6,7 @@ import { UseDisclosureProps } from "../use-disclosure/use-disclosure.js";
|
|
|
6
6
|
import { UsePopoverProps } from "../../components/popover/use-popover.js";
|
|
7
7
|
import "../../components/popover/index.js";
|
|
8
8
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
9
|
-
import * as
|
|
9
|
+
import * as react15 from "react";
|
|
10
10
|
import { JSXElementConstructor, ReactNode, RefObject } from "react";
|
|
11
11
|
|
|
12
12
|
//#region src/hooks/use-combobox/index.d.ts
|
|
@@ -47,7 +47,7 @@ interface ComboboxDescendantProps {
|
|
|
47
47
|
value?: string;
|
|
48
48
|
}
|
|
49
49
|
type ComboboxDescendant = Descendant<HTMLDivElement, ComboboxDescendantProps>;
|
|
50
|
-
declare const ComboboxDescendantsContext:
|
|
50
|
+
declare const ComboboxDescendantsContext: react15.Context<{
|
|
51
51
|
active: (target?: HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null | undefined, options?: FocusOptions) => void;
|
|
52
52
|
count: (props?: Partial<ComboboxDescendantProps> | undefined) => number;
|
|
53
53
|
destroy: () => void;
|
|
@@ -64,7 +64,7 @@ declare const ComboboxDescendantsContext: react8.Context<{
|
|
|
64
64
|
lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
65
65
|
nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
66
66
|
prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
67
|
-
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) =>
|
|
67
|
+
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react15.RefCallback<HTMLDivElement>;
|
|
68
68
|
unregister: (node?: HTMLDivElement | null | undefined) => void;
|
|
69
69
|
value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
70
70
|
values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
|
|
@@ -86,12 +86,12 @@ declare const ComboboxDescendantsContext: react8.Context<{
|
|
|
86
86
|
lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
87
87
|
nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
88
88
|
prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
89
|
-
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) =>
|
|
89
|
+
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react15.RefCallback<HTMLDivElement>;
|
|
90
90
|
unregister: (node?: HTMLDivElement | null | undefined) => void;
|
|
91
91
|
value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
92
92
|
values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
|
|
93
93
|
};
|
|
94
|
-
register:
|
|
94
|
+
register: react15.RefCallback<HTMLDivElement>;
|
|
95
95
|
}, useComboboxDescendantRegister: (descendants?: {
|
|
96
96
|
active: (target?: HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null | undefined, options?: FocusOptions) => void;
|
|
97
97
|
count: (props?: Partial<ComboboxDescendantProps> | undefined) => number;
|
|
@@ -109,11 +109,11 @@ declare const ComboboxDescendantsContext: react8.Context<{
|
|
|
109
109
|
lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
110
110
|
nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
111
111
|
prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
112
|
-
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) =>
|
|
112
|
+
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react15.RefCallback<HTMLDivElement>;
|
|
113
113
|
unregister: (node?: HTMLDivElement | null | undefined) => void;
|
|
114
114
|
value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
115
115
|
values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
|
|
116
|
-
} | undefined) => (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps>) =>
|
|
116
|
+
} | undefined) => (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps>) => react15.RefCallback<HTMLDivElement>, useComboboxDescendants: () => {
|
|
117
117
|
active: (target?: HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null | undefined, options?: FocusOptions) => void;
|
|
118
118
|
count: (props?: Partial<ComboboxDescendantProps> | undefined) => number;
|
|
119
119
|
destroy: () => void;
|
|
@@ -130,15 +130,15 @@ declare const ComboboxDescendantsContext: react8.Context<{
|
|
|
130
130
|
lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
131
131
|
nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
132
132
|
prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
133
|
-
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) =>
|
|
133
|
+
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react15.RefCallback<HTMLDivElement>;
|
|
134
134
|
unregister: (node?: HTMLDivElement | null | undefined) => void;
|
|
135
135
|
value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
136
136
|
values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
|
|
137
137
|
};
|
|
138
138
|
interface ComboboxContext extends Pick<UseComboboxReturn, "onActiveDescendant" | "onClose" | "onSelect"> {}
|
|
139
|
-
declare const ComboboxContext:
|
|
139
|
+
declare const ComboboxContext: react15.Context<ComboboxContext>, useComboboxContext: () => ComboboxContext;
|
|
140
140
|
interface ComboboxGroupContext extends Pick<UseComboboxGroupReturn, "getLabelProps"> {}
|
|
141
|
-
declare const ComboboxGroupContext:
|
|
141
|
+
declare const ComboboxGroupContext: react15.Context<ComboboxGroupContext>, useComboboxGroupContext: () => ComboboxGroupContext;
|
|
142
142
|
interface UseComboboxProps extends Omit<HTMLProps, "onChange">, Omit<UseDisclosureProps, "timing">, Omit<UsePopoverProps, "autoFocus" | "initialFocusRef" | "modal" | "transform" | "updateRef"> {
|
|
143
143
|
/**
|
|
144
144
|
* If `true`, the list element will be closed when value is selected.
|
|
@@ -214,7 +214,7 @@ declare const useCombobox: (props?: UseComboboxProps) => {
|
|
|
214
214
|
lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
215
215
|
nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
216
216
|
prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
217
|
-
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) =>
|
|
217
|
+
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react15.RefCallback<HTMLDivElement>;
|
|
218
218
|
unregister: (node?: HTMLDivElement | null | undefined) => void;
|
|
219
219
|
value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
220
220
|
values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
|
|
@@ -289,7 +289,7 @@ declare const useComboboxItem: ({
|
|
|
289
289
|
lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
290
290
|
nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
291
291
|
prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
292
|
-
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) =>
|
|
292
|
+
register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react15.RefCallback<HTMLDivElement>;
|
|
293
293
|
unregister: (node?: HTMLDivElement | null | undefined) => void;
|
|
294
294
|
value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
|
|
295
295
|
values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
|