@yamada-ui/react 2.2.9-dev-20260926123523 → 2.2.9-dev-20260929035349
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/list/list.cjs +33 -12
- package/dist/cjs/components/list/list.cjs.map +1 -1
- package/dist/esm/components/list/list.js +33 -12
- package/dist/esm/components/list/list.js.map +1 -1
- package/dist/types/components/autocomplete/autocomplete.style.d.ts +1 -1
- package/dist/types/components/breadcrumb/breadcrumb.style.d.ts +1 -1
- package/dist/types/components/calendar/calendar.style.d.ts +2 -2
- package/dist/types/components/carousel/carousel.style.d.ts +2 -2
- package/dist/types/components/chart/cartesian-chart.style.d.ts +1 -1
- package/dist/types/components/chart/polar-chart.style.d.ts +1 -1
- package/dist/types/components/date-picker/date-picker.style.d.ts +1 -1
- package/dist/types/components/field/use-field-props.d.ts +1 -1
- package/dist/types/components/file-button/use-file-button.d.ts +2 -2
- package/dist/types/components/file-input/use-file-input.d.ts +2 -2
- package/dist/types/components/list/list.d.ts +12 -0
- package/dist/types/components/menu/menu.style.d.ts +2 -2
- package/dist/types/components/progress/use-progress.d.ts +6 -6
- package/dist/types/components/rating/rating.style.d.ts +2 -2
- package/dist/types/components/select/select.style.d.ts +1 -1
- package/dist/types/components/steps/steps.style.d.ts +1 -1
- package/dist/types/components/tabs/tabs.style.d.ts +1 -1
- package/dist/types/components/tree/tree.style.d.ts +1 -1
- package/dist/types/components/tree/use-tree.d.ts +2 -2
- package/dist/types/hooks/use-clickable/index.d.ts +2 -2
- package/dist/types/providers/i18n-provider/i18n-provider.d.ts +1 -1
- package/package.json +2 -2
|
@@ -6,31 +6,52 @@ const require_list_style = require("./list.style.cjs");
|
|
|
6
6
|
let react = require("react");
|
|
7
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
8
|
//#region src/components/list/list.tsx
|
|
9
|
-
const { PropsContext: ListPropsContext, usePropsContext: useListPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("list", require_list_style.listStyle);
|
|
9
|
+
const { ComponentContext, PropsContext: ListPropsContext, useComponentContext, usePropsContext: useListPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("list", require_list_style.listStyle);
|
|
10
10
|
/**
|
|
11
11
|
* `List` is a component for displaying lists. By default, it renders a `ul` element.
|
|
12
12
|
*
|
|
13
13
|
* @see https://yamada-ui.com/docs/components/list
|
|
14
14
|
*/
|
|
15
|
-
const ListRoot = withProvider(({ as: asProp, children, items, stylePosition: listStylePosition, styleType: listStyleType = "none", ...rest }) => {
|
|
15
|
+
const ListRoot = withProvider(({ as: asProp, children, items, stylePosition: listStylePosition, styleType: listStyleType = "none", iconProps, itemProps, ...rest }) => {
|
|
16
16
|
const as = asProp ?? (listStyleType == "decimal" ? "ol" : void 0);
|
|
17
17
|
const computedChildren = (0, react.useMemo)(() => {
|
|
18
18
|
if (children) return children;
|
|
19
19
|
return items?.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListItem, { ...props }, index));
|
|
20
20
|
}, [children, items]);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
children:
|
|
21
|
+
const context = (0, react.useMemo)(() => ({
|
|
22
|
+
iconProps,
|
|
23
|
+
itemProps
|
|
24
|
+
}), [iconProps, itemProps]);
|
|
25
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContext, {
|
|
26
|
+
value: context,
|
|
27
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.ul, {
|
|
28
|
+
as,
|
|
29
|
+
listStylePosition,
|
|
30
|
+
listStyleType,
|
|
31
|
+
role: "list",
|
|
32
|
+
...rest,
|
|
33
|
+
children: computedChildren
|
|
34
|
+
})
|
|
28
35
|
});
|
|
29
36
|
}, "root", { transferProps: ["styleType"] })();
|
|
30
|
-
const ListItem = withContext(({ children, icon, ...rest }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.li, {
|
|
37
|
+
const ListItem = withContext(({ children, icon, iconProps, ...rest }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.li, {
|
|
31
38
|
...rest,
|
|
32
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListItemIcon, {
|
|
33
|
-
|
|
39
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListItemIcon, {
|
|
40
|
+
...iconProps,
|
|
41
|
+
children: icon
|
|
42
|
+
}), children]
|
|
43
|
+
}), "item")((props) => {
|
|
44
|
+
const { iconProps, itemProps } = useComponentContext();
|
|
45
|
+
return {
|
|
46
|
+
...itemProps,
|
|
47
|
+
...props,
|
|
48
|
+
iconProps: {
|
|
49
|
+
...iconProps,
|
|
50
|
+
...itemProps?.iconProps,
|
|
51
|
+
...props.iconProps
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
});
|
|
34
55
|
const ListItemIcon = withContext(({ children, ...rest }) => {
|
|
35
56
|
if ((0, react.isValidElement)(children)) return (0, react.cloneElement)(children, {
|
|
36
57
|
...children.props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.cjs","names":["createSlotComponent","listStyle","useMemo","styled","isValidElement","cloneElement"],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n CSSProps,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n /**\n * If provided, generate elements based on items.\n */\n items?: ListItem[]\n /**\n * The CSS `list-style-position` property.\n */\n stylePosition?: CSSProps[\"listStylePosition\"]\n /**\n * The CSS `list-style-position` property.\n */\n styleType?: CSSProps[\"listStyleType\"]\n}\n\nconst {\n PropsContext: ListPropsContext,\n usePropsContext: useListPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<ListRootProps, ListStyle>(\"list\"
|
|
1
|
+
{"version":3,"file":"list.cjs","names":["createSlotComponent","listStyle","useMemo","styled","isValidElement","cloneElement"],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n CSSProps,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\ninterface ComponentContext extends Pick<\n ListRootProps,\n \"iconProps\" | \"itemProps\"\n> {}\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n /**\n * If provided, generate elements based on items.\n */\n items?: ListItem[]\n /**\n * The CSS `list-style-position` property.\n */\n stylePosition?: CSSProps[\"listStylePosition\"]\n /**\n * The CSS `list-style-position` property.\n */\n styleType?: CSSProps[\"listStyleType\"]\n /**\n * Props for the icon component.\n */\n iconProps?: ListIconProps\n /**\n * Props for the item component.\n */\n itemProps?: ListItemProps\n}\n\nconst {\n ComponentContext,\n PropsContext: ListPropsContext,\n useComponentContext,\n usePropsContext: useListPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<ListRootProps, ListStyle, ComponentContext>(\n \"list\",\n listStyle,\n)\n\nexport { ListPropsContext, useListPropsContext }\n\n/**\n * `List` is a component for displaying lists. By default, it renders a `ul` element.\n *\n * @see https://yamada-ui.com/docs/components/list\n */\nexport const ListRoot = withProvider<\"ul\", ListRootProps, \"styleType\">(\n ({\n as: asProp,\n children,\n items,\n stylePosition: listStylePosition,\n styleType: listStyleType = \"none\",\n iconProps,\n itemProps,\n ...rest\n }) => {\n const as = asProp ?? (listStyleType == \"decimal\" ? \"ol\" : undefined)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return items?.map((props, index) => <ListItem key={index} {...props} />)\n }, [children, items])\n const context = useMemo(\n () => ({ iconProps, itemProps }),\n [iconProps, itemProps],\n )\n\n return (\n <ComponentContext value={context}>\n <styled.ul\n as={as}\n listStylePosition={listStylePosition}\n listStyleType={listStyleType}\n role=\"list\"\n {...rest}\n >\n {computedChildren}\n </styled.ul>\n </ComponentContext>\n )\n },\n \"root\",\n { transferProps: [\"styleType\"] },\n)()\n\nexport interface ListItemProps extends HTMLStyledProps<\"li\"> {\n /**\n * The icon to use.\n */\n icon?: ReactElement<any>\n /**\n * Props for the icon component.\n */\n iconProps?: ListIconProps\n}\n\nexport const ListItem = withContext<\"li\", ListItemProps>(\n ({ children, icon, iconProps, ...rest }) => (\n <styled.li {...rest}>\n <ListItemIcon {...iconProps}>{icon}</ListItemIcon>\n\n {children}\n </styled.li>\n ),\n \"item\",\n)((props) => {\n const { iconProps, itemProps } = useComponentContext()\n\n return {\n ...itemProps,\n ...props,\n iconProps: {\n ...iconProps,\n ...itemProps?.iconProps,\n ...props.iconProps,\n },\n }\n})\n\nexport interface ListIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const ListItemIcon = withContext<\"svg\", ListIconProps>(\n ({ children, ...rest }) => {\n if (isValidElement<HTMLProps<\"svg\">>(children))\n return cloneElement(children, {\n ...children.props,\n ...rest,\n role: \"presentation\",\n })\n else return null\n },\n \"icon\",\n)({ \"data-list-icon\": \"\" })\n"],"mappings":";;;;;;;;AA6CA,MAAM,EACJ,kBACA,cAAc,kBACd,qBACA,iBAAiB,qBACjB,aACA,iBACEA,yBAAAA,oBACF,QACAC,mBAAAA,SACF;;;;;;AASA,MAAa,WAAW,cACrB,EACC,IAAI,QACJ,UACA,OACA,eAAe,mBACf,WAAW,gBAAgB,QAC3B,WACA,WACA,GAAG,WACC;CACJ,MAAM,KAAK,WAAW,iBAAiB,YAAY,OAAO,KAAA;CAC1D,MAAM,oBAAA,GAAmBC,MAAAA,QAAAA,OAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,OAAO,KAAK,OAAO,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;CACzE,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,MAAM,WAAA,GAAUA,MAAAA,QAAAA,QACP;EAAE;EAAW;CAAU,IAC9B,CAAC,WAAW,SAAS,CACvB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,IAAR;GACM;GACe;GACJ;GACf,MAAK;GACL,GAAI;GAEH,UAAA;EACQ,CAAA;CACK,CAAA;AAEtB,GACA,QACA,EAAE,eAAe,CAAC,WAAW,EAAE,CACjC,CAAC,CAAC;AAaF,MAAa,WAAW,aACrB,EAAE,UAAU,MAAM,WAAW,GAAG,WAC/B,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,IAAR;CAAW,GAAI;CAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;EAAc,GAAI;EAAY,UAAA;CAAmB,CAAA,GAEhD,QACQ;AAEb,CAAA,GAAA,MACF,CAAC,EAAE,UAAU;CACX,MAAM,EAAE,WAAW,cAAc,oBAAoB;CAErD,OAAO;EACL,GAAG;EACH,GAAG;EACH,WAAW;GACT,GAAG;GACH,GAAG,WAAW;GACd,GAAG,MAAM;EACX;CACF;AACF,CAAC;AAID,MAAa,eAAe,aACzB,EAAE,UAAU,GAAG,WAAW;CACzB,KAAA,GAAIC,MAAAA,eAAAA,CAAiC,QAAQ,GAC3C,QAAA,GAAOC,MAAAA,aAAAA,CAAa,UAAU;EAC5B,GAAG,SAAS;EACZ,GAAG;EACH,MAAM;CACR,CAAC;MACE,OAAO;AACd,GACA,MACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC"}
|
|
@@ -5,31 +5,52 @@ import { listStyle } from "./list.style.js";
|
|
|
5
5
|
import { cloneElement, isValidElement, useMemo } from "react";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
//#region src/components/list/list.tsx
|
|
8
|
-
const { PropsContext: ListPropsContext, usePropsContext: useListPropsContext, withContext, withProvider } = createSlotComponent("list", listStyle);
|
|
8
|
+
const { ComponentContext, PropsContext: ListPropsContext, useComponentContext, usePropsContext: useListPropsContext, withContext, withProvider } = createSlotComponent("list", listStyle);
|
|
9
9
|
/**
|
|
10
10
|
* `List` is a component for displaying lists. By default, it renders a `ul` element.
|
|
11
11
|
*
|
|
12
12
|
* @see https://yamada-ui.com/docs/components/list
|
|
13
13
|
*/
|
|
14
|
-
const ListRoot = withProvider(({ as: asProp, children, items, stylePosition: listStylePosition, styleType: listStyleType = "none", ...rest }) => {
|
|
14
|
+
const ListRoot = withProvider(({ as: asProp, children, items, stylePosition: listStylePosition, styleType: listStyleType = "none", iconProps, itemProps, ...rest }) => {
|
|
15
15
|
const as = asProp ?? (listStyleType == "decimal" ? "ol" : void 0);
|
|
16
16
|
const computedChildren = useMemo(() => {
|
|
17
17
|
if (children) return children;
|
|
18
18
|
return items?.map((props, index) => /* @__PURE__ */ jsx(ListItem, { ...props }, index));
|
|
19
19
|
}, [children, items]);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
children:
|
|
20
|
+
const context = useMemo(() => ({
|
|
21
|
+
iconProps,
|
|
22
|
+
itemProps
|
|
23
|
+
}), [iconProps, itemProps]);
|
|
24
|
+
return /* @__PURE__ */ jsx(ComponentContext, {
|
|
25
|
+
value: context,
|
|
26
|
+
children: /* @__PURE__ */ jsx(styled.ul, {
|
|
27
|
+
as,
|
|
28
|
+
listStylePosition,
|
|
29
|
+
listStyleType,
|
|
30
|
+
role: "list",
|
|
31
|
+
...rest,
|
|
32
|
+
children: computedChildren
|
|
33
|
+
})
|
|
27
34
|
});
|
|
28
35
|
}, "root", { transferProps: ["styleType"] })();
|
|
29
|
-
const ListItem = withContext(({ children, icon, ...rest }) => /* @__PURE__ */ jsxs(styled.li, {
|
|
36
|
+
const ListItem = withContext(({ children, icon, iconProps, ...rest }) => /* @__PURE__ */ jsxs(styled.li, {
|
|
30
37
|
...rest,
|
|
31
|
-
children: [/* @__PURE__ */ jsx(ListItemIcon, {
|
|
32
|
-
|
|
38
|
+
children: [/* @__PURE__ */ jsx(ListItemIcon, {
|
|
39
|
+
...iconProps,
|
|
40
|
+
children: icon
|
|
41
|
+
}), children]
|
|
42
|
+
}), "item")((props) => {
|
|
43
|
+
const { iconProps, itemProps } = useComponentContext();
|
|
44
|
+
return {
|
|
45
|
+
...itemProps,
|
|
46
|
+
...props,
|
|
47
|
+
iconProps: {
|
|
48
|
+
...iconProps,
|
|
49
|
+
...itemProps?.iconProps,
|
|
50
|
+
...props.iconProps
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
});
|
|
33
54
|
const ListItemIcon = withContext(({ children, ...rest }) => {
|
|
34
55
|
if (isValidElement(children)) return cloneElement(children, {
|
|
35
56
|
...children.props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","names":[],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n CSSProps,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n /**\n * If provided, generate elements based on items.\n */\n items?: ListItem[]\n /**\n * The CSS `list-style-position` property.\n */\n stylePosition?: CSSProps[\"listStylePosition\"]\n /**\n * The CSS `list-style-position` property.\n */\n styleType?: CSSProps[\"listStyleType\"]\n}\n\nconst {\n PropsContext: ListPropsContext,\n usePropsContext: useListPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<ListRootProps, ListStyle>(\"list\"
|
|
1
|
+
{"version":3,"file":"list.js","names":[],"sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n CSSProps,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { ListStyle } from \"./list.style\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { listStyle } from \"./list.style\"\n\ninterface ComponentContext extends Pick<\n ListRootProps,\n \"iconProps\" | \"itemProps\"\n> {}\n\nexport interface ListItem extends ListItemProps {}\n\nexport interface ListRootProps\n extends HTMLStyledProps<\"ul\">, Omit<ThemeProps<ListStyle>, \"styleType\"> {\n /**\n * If provided, generate elements based on items.\n */\n items?: ListItem[]\n /**\n * The CSS `list-style-position` property.\n */\n stylePosition?: CSSProps[\"listStylePosition\"]\n /**\n * The CSS `list-style-position` property.\n */\n styleType?: CSSProps[\"listStyleType\"]\n /**\n * Props for the icon component.\n */\n iconProps?: ListIconProps\n /**\n * Props for the item component.\n */\n itemProps?: ListItemProps\n}\n\nconst {\n ComponentContext,\n PropsContext: ListPropsContext,\n useComponentContext,\n usePropsContext: useListPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<ListRootProps, ListStyle, ComponentContext>(\n \"list\",\n listStyle,\n)\n\nexport { ListPropsContext, useListPropsContext }\n\n/**\n * `List` is a component for displaying lists. By default, it renders a `ul` element.\n *\n * @see https://yamada-ui.com/docs/components/list\n */\nexport const ListRoot = withProvider<\"ul\", ListRootProps, \"styleType\">(\n ({\n as: asProp,\n children,\n items,\n stylePosition: listStylePosition,\n styleType: listStyleType = \"none\",\n iconProps,\n itemProps,\n ...rest\n }) => {\n const as = asProp ?? (listStyleType == \"decimal\" ? \"ol\" : undefined)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return items?.map((props, index) => <ListItem key={index} {...props} />)\n }, [children, items])\n const context = useMemo(\n () => ({ iconProps, itemProps }),\n [iconProps, itemProps],\n )\n\n return (\n <ComponentContext value={context}>\n <styled.ul\n as={as}\n listStylePosition={listStylePosition}\n listStyleType={listStyleType}\n role=\"list\"\n {...rest}\n >\n {computedChildren}\n </styled.ul>\n </ComponentContext>\n )\n },\n \"root\",\n { transferProps: [\"styleType\"] },\n)()\n\nexport interface ListItemProps extends HTMLStyledProps<\"li\"> {\n /**\n * The icon to use.\n */\n icon?: ReactElement<any>\n /**\n * Props for the icon component.\n */\n iconProps?: ListIconProps\n}\n\nexport const ListItem = withContext<\"li\", ListItemProps>(\n ({ children, icon, iconProps, ...rest }) => (\n <styled.li {...rest}>\n <ListItemIcon {...iconProps}>{icon}</ListItemIcon>\n\n {children}\n </styled.li>\n ),\n \"item\",\n)((props) => {\n const { iconProps, itemProps } = useComponentContext()\n\n return {\n ...itemProps,\n ...props,\n iconProps: {\n ...iconProps,\n ...itemProps?.iconProps,\n ...props.iconProps,\n },\n }\n})\n\nexport interface ListIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const ListItemIcon = withContext<\"svg\", ListIconProps>(\n ({ children, ...rest }) => {\n if (isValidElement<HTMLProps<\"svg\">>(children))\n return cloneElement(children, {\n ...children.props,\n ...rest,\n role: \"presentation\",\n })\n else return null\n },\n \"icon\",\n)({ \"data-list-icon\": \"\" })\n"],"mappings":";;;;;;;AA6CA,MAAM,EACJ,kBACA,cAAc,kBACd,qBACA,iBAAiB,qBACjB,aACA,iBACE,oBACF,QACA,SACF;;;;;;AASA,MAAa,WAAW,cACrB,EACC,IAAI,QACJ,UACA,OACA,eAAe,mBACf,WAAW,gBAAgB,QAC3B,WACA,WACA,GAAG,WACC;CACJ,MAAM,KAAK,WAAW,iBAAiB,YAAY,OAAO,KAAA;CAC1D,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,OAAO,KAAK,OAAO,UAAU,oBAAC,UAAD,EAAsB,GAAI,MAAQ,GAAnB,KAAmB,CAAC;CACzE,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,MAAM,UAAU,eACP;EAAE;EAAW;CAAU,IAC9B,CAAC,WAAW,SAAS,CACvB;CAEA,OACE,oBAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,oBAAC,OAAO,IAAR;GACM;GACe;GACJ;GACf,MAAK;GACL,GAAI;GAEH,UAAA;EACQ,CAAA;CACK,CAAA;AAEtB,GACA,QACA,EAAE,eAAe,CAAC,WAAW,EAAE,CACjC,CAAC,CAAC;AAaF,MAAa,WAAW,aACrB,EAAE,UAAU,MAAM,WAAW,GAAG,WAC/B,qBAAC,OAAO,IAAR;CAAW,GAAI;CAAf,UAAA,CACE,oBAAC,cAAD;EAAc,GAAI;EAAY,UAAA;CAAmB,CAAA,GAEhD,QACQ;AAEb,CAAA,GAAA,MACF,CAAC,EAAE,UAAU;CACX,MAAM,EAAE,WAAW,cAAc,oBAAoB;CAErD,OAAO;EACL,GAAG;EACH,GAAG;EACH,WAAW;GACT,GAAG;GACH,GAAG,WAAW;GACd,GAAG,MAAM;EACX;CACF;AACF,CAAC;AAID,MAAa,eAAe,aACzB,EAAE,UAAU,GAAG,WAAW;CACzB,IAAI,eAAiC,QAAQ,GAC3C,OAAO,aAAa,UAAU;EAC5B,GAAG,SAAS;EACZ,GAAG;EACH,MAAM;CACR,CAAC;MACE,OAAO;AACd,GACA,MACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/autocomplete/autocomplete.style.d.ts
|
|
5
|
-
declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "
|
|
5
|
+
declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText">>, {
|
|
6
6
|
xs: {
|
|
7
7
|
empty: {
|
|
8
8
|
gap: "1.5";
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/breadcrumb/breadcrumb.style.d.ts
|
|
5
|
-
declare const breadcrumbStyle: ComponentSlotStyle<"link" | "
|
|
5
|
+
declare const breadcrumbStyle: ComponentSlotStyle<"link" | "list" | "separator" | "ellipsis" | "root" | "item", CSSPropObject<CSSSlotObject<"link" | "list" | "separator" | "ellipsis" | "root" | "item">>, {
|
|
6
6
|
sm: {
|
|
7
7
|
list: {
|
|
8
8
|
fontSize: "sm";
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/calendar/calendar.style.d.ts
|
|
5
|
-
declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
|
|
5
|
+
declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks" | "prev", {
|
|
6
6
|
/**
|
|
7
7
|
* If `true`, the calendar will be fixed rows.
|
|
8
8
|
*
|
|
@@ -74,7 +74,7 @@ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
|
|
|
74
74
|
"--font-size": "fontSizes.xl";
|
|
75
75
|
};
|
|
76
76
|
};
|
|
77
|
-
}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "
|
|
77
|
+
}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "control" | "weekday" | "day" | "months" | "years" | "weeks" | "prev">>>;
|
|
78
78
|
type CalendarStyle = typeof calendarStyle;
|
|
79
79
|
//#endregion
|
|
80
80
|
export { CalendarStyle, calendarStyle };
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/carousel/carousel.style.d.ts
|
|
5
|
-
declare const carouselStyle: ComponentSlotStyle<"
|
|
5
|
+
declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>, {
|
|
6
6
|
sm: {
|
|
7
7
|
root: {
|
|
8
8
|
h: "sm";
|
|
@@ -18,7 +18,7 @@ declare const carouselStyle: ComponentSlotStyle<"next" | "list" | "root" | "indi
|
|
|
18
18
|
h: "lg";
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
|
-
}, CSSModifierObject<CSSSlotObject<"
|
|
21
|
+
}, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>>;
|
|
22
22
|
type CarouselStyle = typeof carouselStyle;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { CarouselStyle, carouselStyle };
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/chart/cartesian-chart.style.d.ts
|
|
5
|
-
declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "
|
|
5
|
+
declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
|
|
6
6
|
type CartesianChartStyle = typeof cartesianChartStyle;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { CartesianChartStyle, cartesianChartStyle };
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/chart/polar-chart.style.d.ts
|
|
5
|
-
declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "
|
|
5
|
+
declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "labelList" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "labelList" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "labelList" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "labelList" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
|
|
6
6
|
type PolarChartStyle = typeof polarChartStyle;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { PolarChartStyle, polarChartStyle };
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/date-picker/date-picker.style.d.ts
|
|
5
|
-
declare const datePickerStyle: ComponentSlotStyle<"input" | "content" | "
|
|
5
|
+
declare const datePickerStyle: ComponentSlotStyle<"input" | "content" | "separator" | "icon" | "root" | "field" | "adjust", CSSPropObject<CSSSlotObject<"input" | "content" | "separator" | "icon" | "root" | "field" | "adjust">>, {
|
|
6
6
|
xs: {
|
|
7
7
|
field: {
|
|
8
8
|
fontSize: "1em";
|
|
@@ -17,7 +17,7 @@ declare const useFieldProps: <Y extends HTMLElement, M extends Dict>({ id, name,
|
|
|
17
17
|
disabled: boolean | undefined;
|
|
18
18
|
readOnly: boolean | undefined;
|
|
19
19
|
required: boolean | undefined;
|
|
20
|
-
} & Omit<M & UseFieldProps<Y>, "disabled" | "readOnly" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "
|
|
20
|
+
} & Omit<M & UseFieldProps<Y>, "disabled" | "readOnly" | "id" | "aria-describedby" | "onFocus" | "onBlur" | "invalid" | "name" | "required" | "notSupportReadOnly">;
|
|
21
21
|
ariaProps: {
|
|
22
22
|
"aria-describedby": any;
|
|
23
23
|
"aria-disabled": (boolean | "true" | "false") | undefined;
|
|
@@ -9,7 +9,7 @@ import "../../index.js";
|
|
|
9
9
|
//#region src/components/file-button/use-file-button.d.ts
|
|
10
10
|
interface UseFileButtonProps extends UseFileInputProps<"button">, FieldProps {}
|
|
11
11
|
declare const useFileButton: (props?: UseFileButtonProps) => {
|
|
12
|
-
clickableProps: (Omit<UseClickableProps<HTMLElement, import("@yamada-ui/utils").Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "
|
|
12
|
+
clickableProps: (Omit<UseClickableProps<HTMLElement, import("@yamada-ui/utils").Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
|
|
13
13
|
ref: (node: any) => void;
|
|
14
14
|
type: "button";
|
|
15
15
|
"aria-disabled": boolean | undefined;
|
|
@@ -21,7 +21,7 @@ declare const useFileButton: (props?: UseFileButtonProps) => {
|
|
|
21
21
|
onMouseLeave: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
22
22
|
onMouseOver: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
23
23
|
onMouseUp: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
24
|
-
}) | (Omit<UseClickableProps<HTMLElement, import("@yamada-ui/utils").Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "
|
|
24
|
+
}) | (Omit<UseClickableProps<HTMLElement, import("@yamada-ui/utils").Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
|
|
25
25
|
ref: (node: any) => void;
|
|
26
26
|
"aria-disabled": "true" | undefined;
|
|
27
27
|
"data-active": string | undefined;
|
|
@@ -31,7 +31,7 @@ declare const useFileInput: <Y extends "button" | "input" = "input">(props: UseF
|
|
|
31
31
|
readOnly: boolean | undefined;
|
|
32
32
|
required: boolean | undefined;
|
|
33
33
|
values: File[] | undefined;
|
|
34
|
-
clickableProps: (Omit<UseClickableProps<HTMLElement, Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "
|
|
34
|
+
clickableProps: (Omit<UseClickableProps<HTMLElement, Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
|
|
35
35
|
ref: (node: any) => void;
|
|
36
36
|
type: "button";
|
|
37
37
|
"aria-disabled": boolean | undefined;
|
|
@@ -43,7 +43,7 @@ declare const useFileInput: <Y extends "button" | "input" = "input">(props: UseF
|
|
|
43
43
|
onMouseLeave: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
44
44
|
onMouseOver: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
45
45
|
onMouseUp: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
46
|
-
}) | (Omit<UseClickableProps<HTMLElement, Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "
|
|
46
|
+
}) | (Omit<UseClickableProps<HTMLElement, Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
|
|
47
47
|
ref: (node: any) => void;
|
|
48
48
|
"aria-disabled": "true" | undefined;
|
|
49
49
|
"data-active": string | undefined;
|
|
@@ -20,6 +20,14 @@ interface ListRootProps extends HTMLStyledProps<"ul">, Omit<ThemeProps<ListStyle
|
|
|
20
20
|
* The CSS `list-style-position` property.
|
|
21
21
|
*/
|
|
22
22
|
styleType?: CSSProps["listStyleType"];
|
|
23
|
+
/**
|
|
24
|
+
* Props for the icon component.
|
|
25
|
+
*/
|
|
26
|
+
iconProps?: ListIconProps;
|
|
27
|
+
/**
|
|
28
|
+
* Props for the item component.
|
|
29
|
+
*/
|
|
30
|
+
itemProps?: ListItemProps;
|
|
23
31
|
}
|
|
24
32
|
declare const ListPropsContext: import("react").Context<Partial<ListRootProps> | undefined>, useListPropsContext: () => Partial<ListRootProps> | undefined;
|
|
25
33
|
/**
|
|
@@ -33,6 +41,10 @@ interface ListItemProps extends HTMLStyledProps<"li"> {
|
|
|
33
41
|
* The icon to use.
|
|
34
42
|
*/
|
|
35
43
|
icon?: ReactElement<any>;
|
|
44
|
+
/**
|
|
45
|
+
* Props for the icon component.
|
|
46
|
+
*/
|
|
47
|
+
iconProps?: ListIconProps;
|
|
36
48
|
}
|
|
37
49
|
declare const ListItem: Component<"li", ListItemProps>;
|
|
38
50
|
interface ListIconProps extends HTMLStyledProps<"svg"> {}
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/menu/menu.style.d.ts
|
|
5
|
-
declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "
|
|
5
|
+
declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>, {
|
|
6
6
|
sm: {
|
|
7
7
|
command: {
|
|
8
8
|
fontSize: "2xs";
|
|
@@ -87,7 +87,7 @@ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "con
|
|
|
87
87
|
px: "2";
|
|
88
88
|
};
|
|
89
89
|
};
|
|
90
|
-
}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "
|
|
90
|
+
}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>>;
|
|
91
91
|
type MenuStyle = typeof menuStyle;
|
|
92
92
|
//#endregion
|
|
93
93
|
export { MenuStyle, menuStyle };
|
|
@@ -26,11 +26,10 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({ max, min, value }
|
|
|
26
26
|
getRangeProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
|
|
27
27
|
slot?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
|
|
28
28
|
style?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
|
|
29
|
-
id?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["id"] | undefined;
|
|
30
|
-
key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
|
|
31
29
|
ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
|
|
32
30
|
suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
|
|
33
31
|
className?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
|
|
32
|
+
id?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["id"] | undefined;
|
|
34
33
|
lang?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["lang"] | undefined;
|
|
35
34
|
nonce?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["nonce"] | undefined;
|
|
36
35
|
tabIndex?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["tabIndex"] | undefined;
|
|
@@ -259,16 +258,16 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({ max, min, value }
|
|
|
259
258
|
onTransitionRunCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionRunCapture"] | undefined;
|
|
260
259
|
onTransitionStart?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStart"] | undefined;
|
|
261
260
|
onTransitionStartCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStartCapture"] | undefined;
|
|
261
|
+
key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
|
|
262
262
|
"data-indeterminate": string | undefined;
|
|
263
263
|
};
|
|
264
264
|
getRootProps: (props?: HTMLProps<Y>) => {
|
|
265
265
|
slot?: import("react").JSX.IntrinsicElements[Y]["slot"] | undefined;
|
|
266
266
|
style?: import("react").JSX.IntrinsicElements[Y]["style"] | undefined;
|
|
267
|
-
id?: import("react").JSX.IntrinsicElements[Y]["id"] | undefined;
|
|
268
|
-
key?: import("react").JSX.IntrinsicElements[Y]["key"] | undefined;
|
|
269
267
|
ref?: import("react").JSX.IntrinsicElements[Y]["ref"] | undefined;
|
|
270
268
|
suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y]["suppressHydrationWarning"] | undefined;
|
|
271
269
|
className?: import("react").JSX.IntrinsicElements[Y]["className"] | undefined;
|
|
270
|
+
id?: import("react").JSX.IntrinsicElements[Y]["id"] | undefined;
|
|
272
271
|
lang?: import("react").JSX.IntrinsicElements[Y]["lang"] | undefined;
|
|
273
272
|
nonce?: import("react").JSX.IntrinsicElements[Y]["nonce"] | undefined;
|
|
274
273
|
tabIndex?: import("react").JSX.IntrinsicElements[Y]["tabIndex"] | undefined;
|
|
@@ -497,16 +496,16 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({ max, min, value }
|
|
|
497
496
|
onTransitionRunCapture?: import("react").JSX.IntrinsicElements[Y]["onTransitionRunCapture"] | undefined;
|
|
498
497
|
onTransitionStart?: import("react").JSX.IntrinsicElements[Y]["onTransitionStart"] | undefined;
|
|
499
498
|
onTransitionStartCapture?: import("react").JSX.IntrinsicElements[Y]["onTransitionStartCapture"] | undefined;
|
|
499
|
+
key?: import("react").JSX.IntrinsicElements[Y]["key"] | undefined;
|
|
500
500
|
"data-indeterminate": string | undefined;
|
|
501
501
|
};
|
|
502
502
|
getTrackProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
|
|
503
503
|
slot?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
|
|
504
504
|
style?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
|
|
505
|
-
id?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["id"] | undefined;
|
|
506
|
-
key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
|
|
507
505
|
ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
|
|
508
506
|
suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
|
|
509
507
|
className?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
|
|
508
|
+
id?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["id"] | undefined;
|
|
510
509
|
lang?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["lang"] | undefined;
|
|
511
510
|
nonce?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["nonce"] | undefined;
|
|
512
511
|
tabIndex?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["tabIndex"] | undefined;
|
|
@@ -735,6 +734,7 @@ declare const useProgress: <Y extends "div" | "svg" = "div">({ max, min, value }
|
|
|
735
734
|
onTransitionRunCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionRunCapture"] | undefined;
|
|
736
735
|
onTransitionStart?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStart"] | undefined;
|
|
737
736
|
onTransitionStartCapture?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["onTransitionStartCapture"] | undefined;
|
|
737
|
+
key?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["key"] | undefined;
|
|
738
738
|
"data-indeterminate": string | undefined;
|
|
739
739
|
};
|
|
740
740
|
};
|
|
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
|
2
2
|
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
|
|
3
3
|
import "../../index.js";
|
|
4
4
|
//#region src/components/rating/rating.style.d.ts
|
|
5
|
-
declare const ratingStyle: ComponentSlotStyle<"
|
|
5
|
+
declare const ratingStyle: ComponentSlotStyle<"group" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"group" | "icon" | "root" | "item">>, {
|
|
6
6
|
xs: {
|
|
7
7
|
icon: {
|
|
8
8
|
fontSize: "md";
|
|
@@ -28,7 +28,7 @@ declare const ratingStyle: ComponentSlotStyle<"icon" | "group" | "root" | "item"
|
|
|
28
28
|
fontSize: "3xl";
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
|
-
}, CSSModifierObject<CSSSlotObject<"
|
|
31
|
+
}, CSSModifierObject<CSSSlotObject<"group" | "icon" | "root" | "item">>>;
|
|
32
32
|
type RatingStyle = typeof ratingStyle;
|
|
33
33
|
//#endregion
|
|
34
34
|
export { RatingStyle, ratingStyle };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
import "../../index.js";
|
|
3
3
|
//#region src/components/select/select.style.d.ts
|
|
4
|
-
declare const selectStyle: ComponentSlotStyle<"label" | "option" | "content" | "
|
|
4
|
+
declare const selectStyle: ComponentSlotStyle<"label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText", {
|
|
5
5
|
/**
|
|
6
6
|
* If `true`, wrap the value text.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
import "../../index.js";
|
|
3
3
|
//#region src/components/steps/steps.style.d.ts
|
|
4
|
-
declare const stepsStyle: ComponentSlotStyle<"title" | "
|
|
4
|
+
declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "indicator" | "item" | "description", {
|
|
5
5
|
/**
|
|
6
6
|
* The orientation of the steps.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
import "../../index.js";
|
|
3
3
|
//#region src/components/tabs/tabs.style.d.ts
|
|
4
|
-
declare const tabsStyle: ComponentSlotStyle<"panel" | "
|
|
4
|
+
declare const tabsStyle: ComponentSlotStyle<"panel" | "list" | "tab" | "root", {
|
|
5
5
|
/**
|
|
6
6
|
* The alignment of the tabs.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentSlotStyle } from "../../core/system/index.types.js";
|
|
2
2
|
import "../../index.js";
|
|
3
3
|
//#region src/components/tree/tree.style.d.ts
|
|
4
|
-
declare const treeStyle: ComponentSlotStyle<"label" | "
|
|
4
|
+
declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "indicator" | "item", {
|
|
5
5
|
/**
|
|
6
6
|
* The shape of the component
|
|
7
7
|
*
|
|
@@ -219,8 +219,6 @@ declare const useTreeItem: ({ asyncChildren, children: childrenProp, defaultOpen
|
|
|
219
219
|
title?: string | undefined | undefined;
|
|
220
220
|
translate?: "yes" | "no" | undefined | undefined;
|
|
221
221
|
hidden?: boolean | undefined | undefined;
|
|
222
|
-
id?: string | undefined | undefined;
|
|
223
|
-
key?: import("react").Key | null | undefined;
|
|
224
222
|
ref?: import("react").Ref<HTMLDivElement> | undefined;
|
|
225
223
|
defaultChecked?: boolean | undefined | undefined;
|
|
226
224
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -235,6 +233,7 @@ declare const useTreeItem: ({ asyncChildren, children: childrenProp, defaultOpen
|
|
|
235
233
|
dir?: string | undefined | undefined;
|
|
236
234
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
237
235
|
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
236
|
+
id?: string | undefined | undefined;
|
|
238
237
|
lang?: string | undefined | undefined;
|
|
239
238
|
nonce?: string | undefined | undefined;
|
|
240
239
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
@@ -493,6 +492,7 @@ declare const useTreeItem: ({ asyncChildren, children: childrenProp, defaultOpen
|
|
|
493
492
|
onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
494
493
|
onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
495
494
|
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
495
|
+
key?: import("react").Key | null | undefined;
|
|
496
496
|
};
|
|
497
497
|
selected: boolean;
|
|
498
498
|
value: string;
|
|
@@ -46,7 +46,7 @@ type UseClickableProps<Y extends HTMLElement = HTMLElement, M extends Props<Y> =
|
|
|
46
46
|
*/
|
|
47
47
|
ref?: Ref<Y>;
|
|
48
48
|
};
|
|
49
|
-
declare const useClickable: <Y extends HTMLElement = HTMLElement, M extends Props<Y> = Props<Y>>({ ref, clickOnEnter, clickOnSpace, disabled, disableTouchBehavior, focusable, focusOnClick, tabIndex: tabIndexProp, onClick: onClickProp, onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp, onMouseDown: onMouseDownProp, onMouseLeave: onMouseLeaveProp, onMouseOver: onMouseOverProp, onMouseUp: onMouseUpProp, ...props }?: UseClickableProps<Y, M>) => (Omit<UseClickableProps<Y, M>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "
|
|
49
|
+
declare const useClickable: <Y extends HTMLElement = HTMLElement, M extends Props<Y> = Props<Y>>({ ref, clickOnEnter, clickOnSpace, disabled, disableTouchBehavior, focusable, focusOnClick, tabIndex: tabIndexProp, onClick: onClickProp, onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp, onMouseDown: onMouseDownProp, onMouseLeave: onMouseLeaveProp, onMouseOver: onMouseOverProp, onMouseUp: onMouseUpProp, ...props }?: UseClickableProps<Y, M>) => (Omit<UseClickableProps<Y, M>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
|
|
50
50
|
ref: (node: any) => void;
|
|
51
51
|
type: "button";
|
|
52
52
|
"aria-disabled": boolean | undefined;
|
|
@@ -58,7 +58,7 @@ declare const useClickable: <Y extends HTMLElement = HTMLElement, M extends Prop
|
|
|
58
58
|
onMouseLeave: import("react").MouseEventHandler<Y> | undefined;
|
|
59
59
|
onMouseOver: import("react").MouseEventHandler<Y> | undefined;
|
|
60
60
|
onMouseUp: import("react").MouseEventHandler<Y> | undefined;
|
|
61
|
-
}) | (Omit<UseClickableProps<Y, M>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "
|
|
61
|
+
}) | (Omit<UseClickableProps<Y, M>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
|
|
62
62
|
ref: (node: any) => void;
|
|
63
63
|
"aria-disabled": "true" | undefined;
|
|
64
64
|
"data-active": string | undefined;
|
|
@@ -132,7 +132,7 @@ declare const I18nContext: import("react").Context<I18nContext<{
|
|
|
132
132
|
readonly toggle: {
|
|
133
133
|
readonly "Toggle button": "Toggle button";
|
|
134
134
|
};
|
|
135
|
-
}, "progress" | "select" | "table" | "
|
|
135
|
+
}, "progress" | "select" | "table" | "toggle" | "slider" | "modal" | "actionBar" | "autocomplete" | "avatar" | "breadcrumb" | "calendar" | "carousel" | "closeButton" | "colorPicker" | "colorSelector" | "colorSwatch" | "datePicker" | "hueSlider" | "numberInput" | "pagination" | "passwordInput" | "saturationSlider" | "sidebar" | "stat" | "tag" | "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" | "actionBar.Close action bar" | "actionBar.Open action bar" | "autocomplete.Clear value" | "autocomplete.No results found" | "avatar.Avatar Icon" | "breadcrumb.Breadcrumb" | "breadcrumb.Ellipsis" | "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" | "colorSwatch.Color swatch group" | "datePicker.Clear value" | "hueSlider.Blue" | "hueSlider.Cyan" | "hueSlider.Green" | "hueSlider.Magenta" | "hueSlider.Red" | "hueSlider.Yellow" | "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" | "saturationSlider.Saturation and brightness thumb" | "saturationSlider.Saturation {saturation}%, Brightness {brightness}%" | "sidebar.Close sidebar" | "sidebar.Open sidebar" | "stat.Decreased by" | "stat.Increased by" | "tag.Close tag">>;
|
|
136
136
|
interface I18nProviderProps {
|
|
137
137
|
children?: ReactNode;
|
|
138
138
|
/**
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yamada-ui/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.2.9-dev-
|
|
4
|
+
"version": "2.2.9-dev-20260929035349",
|
|
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",
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
"scroll-into-view-if-needed": "^3.1.0",
|
|
148
148
|
"sonner": "^2.0.8",
|
|
149
149
|
"uqr": "^0.1.3",
|
|
150
|
-
"@yamada-ui/utils": "2.1.7-dev-
|
|
150
|
+
"@yamada-ui/utils": "2.1.7-dev-20260929035349"
|
|
151
151
|
},
|
|
152
152
|
"devDependencies": {
|
|
153
153
|
"@babel/parser": "^7.29.8",
|