@yamada-ui/react 2.2.11-dev-20261020185918 → 2.2.11-dev-20261022095950

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/cjs/components/stack/stack.cjs +2 -1
  2. package/dist/cjs/components/stack/stack.cjs.map +1 -1
  3. package/dist/esm/components/stack/stack.js +2 -1
  4. package/dist/esm/components/stack/stack.js.map +1 -1
  5. package/dist/types/components/accordion/accordion.style.d.ts +1 -1
  6. package/dist/types/components/alert/alert.style.d.ts +1 -1
  7. package/dist/types/components/dropzone/dropzone.d.ts +1 -1
  8. package/dist/types/components/dropzone/dropzone.style.d.ts +1 -1
  9. package/dist/types/components/field/use-field-props.d.ts +1 -1
  10. package/dist/types/components/file-button/use-file-button.d.ts +2 -2
  11. package/dist/types/components/file-input/use-file-input.d.ts +2 -2
  12. package/dist/types/components/native-accordion/native-accordion.style.d.ts +2 -2
  13. package/dist/types/components/progress/use-progress.d.ts +3 -3
  14. package/dist/types/components/tabs/tabs.style.d.ts +1 -1
  15. package/dist/types/components/tree/use-tree.d.ts +3 -3
  16. package/dist/types/hooks/use-clickable/index.d.ts +2 -2
  17. package/package.json +2 -2
package/dist/cjs/components/stack/stack.cjs CHANGED
@@ -13,9 +13,10 @@ const { PropsContext: StackPropsContext, usePropsContext: useStackPropsContext,
13
13
  *
14
14
  * @see https://yamada-ui.com/docs/components/stack
15
15
  */
16
- const Stack = withContext(({ align: alignItems, children, direction: flexDirection = "column", justify: justifyContent, separator, wrap: flexWrap, ...rest }) => {
16
+ const Stack = withContext(({ align: alignItems, children, direction: flexDirection = "column", justify: justifyContent, separator: separatorProp, wrap: flexWrap, ...rest }) => {
17
17
  const isColumn = (value) => value === "column" || value === "column-reverse";
18
18
  const validChildren = require_children.useValidChildren(children);
19
+ const [separator] = require_children.useValidChildren(separatorProp);
19
20
  const cloneChildren = (0, react.useMemo)(() => separator ? validChildren.map((child, index) => {
20
21
  const key = typeof child.key !== "undefined" ? child.key : index;
21
22
  const cloneSeparator = (0, react.cloneElement)(separator, {
package/dist/cjs/components/stack/stack.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stack.cjs","names":["createComponent","stackStyle","useValidChildren","useMemo","cloneElement","Fragment","styled"],"sources":["../../../../src/components/stack/stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { StackStyle } from \"./stack.style\"\nimport { cloneElement, Fragment, useMemo } from \"react\"\nimport { createComponent, styled } from \"../../core\"\nimport { replaceObject, useValidChildren } from \"../../utils\"\nimport { stackStyle } from \"./stack.style\"\n\nexport interface StackProps extends Omit<HTMLStyledProps, \"direction\"> {\n /**\n * The CSS `align-items` property.\n */\n align?: CSSProps[\"alignItems\"]\n /**\n * The CSS `flex-direction` property.\n */\n direction?: CSSProps[\"flexDirection\"]\n /**\n * The CSS `justify-content` property.\n */\n justify?: CSSProps[\"justifyContent\"]\n /**\n * If `true`, each stack item will show a separator.\n */\n separator?: ReactElement\n /**\n * The CSS `flex-wrap` property.\n */\n wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n PropsContext: StackPropsContext,\n usePropsContext: useStackPropsContext,\n withContext,\n} = createComponent<StackProps, StackStyle>(\"stack\", stackStyle)\n\nexport { StackPropsContext, useStackPropsContext }\n\n/**\n * `Stack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const Stack = withContext<\"div\", StackProps>(\n ({\n align: alignItems,\n children,\n direction: flexDirection = \"column\",\n justify: justifyContent,\n separator,\n wrap: flexWrap,\n ...rest\n }) => {\n const isColumn = (value: any) =>\n value === \"column\" || value === \"column-reverse\"\n\n const validChildren = useValidChildren(children)\n const cloneChildren = useMemo(\n () =>\n separator\n ? validChildren.map((child, index) => {\n const key = typeof child.key !== \"undefined\" ? child.key : index\n\n const cloneSeparator = cloneElement<any>(separator, {\n borderWidth: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"0 0 1px 0\" : \"0 0 0 1px\",\n ),\n h: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"fit-content\" : \"100%\",\n ),\n w: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"100%\" : \"fit-content\",\n ),\n })\n\n return (\n <Fragment key={key}>\n {index ? cloneSeparator : null}\n {child}\n </Fragment>\n )\n })\n : validChildren,\n [separator, flexDirection, validChildren],\n )\n\n return (\n <styled.div\n alignItems={alignItems}\n flexDirection={flexDirection}\n flexWrap={flexWrap}\n justifyContent={justifyContent}\n {...rest}\n >\n {cloneChildren}\n </styled.div>\n )\n },\n)()\n"],"mappings":";;;;;;;;;AAiCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yBAAAA,gBAAwC,SAASC,oBAAAA,UAAU;;;;;;AAS/D,MAAa,QAAQ,aAClB,EACC,OAAO,YACP,UACA,WAAW,gBAAgB,UAC3B,SAAS,gBACT,WACA,MAAM,UACN,GAAG,WACC;CACJ,MAAM,YAAY,UAChB,UAAU,YAAY,UAAU;CAElC,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,iBAAA,GAAgBC,MAAAA,QAAAA,OAElB,YACI,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,MAAM,OAAO,MAAM,QAAQ,cAAc,MAAM,MAAM;EAE3D,MAAM,kBAAA,GAAiBC,MAAAA,aAAAA,CAAkB,WAAW;GAClD,cAAA,GAAA,oBAAA,cAAa,cAAA,CAAc,gBAAgB,UACzC,SAAS,KAAK,IAAI,cAAc,WAClC;GACA,IAAA,GAAA,oBAAA,cAAG,cAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,gBAAgB,MACpC;GACA,IAAA,GAAA,oBAAA,cAAG,cAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,SAAS,aAC7B;EACF,CAAC;EAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,MAAAA,UAAD,EAAA,UAAA,CACG,QAAQ,iBAAiB,MACzB,KACO,EAAA,GAHK,GAGL;CAEd,CAAC,IACD,eACN;EAAC;EAAW;EAAe;CAAa,CAC1C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACc;EACG;EACL;EACM;EAChB,GAAI;EAEH,UAAA;CACS,CAAA;AAEhB,CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"stack.cjs","names":["createComponent","stackStyle","useValidChildren","useMemo","cloneElement","Fragment","styled"],"sources":["../../../../src/components/stack/stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { StackStyle } from \"./stack.style\"\nimport { cloneElement, Fragment, useMemo } from \"react\"\nimport { createComponent, styled } from \"../../core\"\nimport { replaceObject, useValidChildren } from \"../../utils\"\nimport { stackStyle } from \"./stack.style\"\n\nexport interface StackProps extends Omit<HTMLStyledProps, \"direction\"> {\n /**\n * The CSS `align-items` property.\n */\n align?: CSSProps[\"alignItems\"]\n /**\n * The CSS `flex-direction` property.\n */\n direction?: CSSProps[\"flexDirection\"]\n /**\n * The CSS `justify-content` property.\n */\n justify?: CSSProps[\"justifyContent\"]\n /**\n * If `true`, each stack item will show a separator.\n */\n separator?: ReactElement\n /**\n * The CSS `flex-wrap` property.\n */\n wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n PropsContext: StackPropsContext,\n usePropsContext: useStackPropsContext,\n withContext,\n} = createComponent<StackProps, StackStyle>(\"stack\", stackStyle)\n\nexport { StackPropsContext, useStackPropsContext }\n\n/**\n * `Stack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const Stack = withContext<\"div\", StackProps>(\n ({\n align: alignItems,\n children,\n direction: flexDirection = \"column\",\n justify: justifyContent,\n separator: separatorProp,\n wrap: flexWrap,\n ...rest\n }) => {\n const isColumn = (value: any) =>\n value === \"column\" || value === \"column-reverse\"\n\n const validChildren = useValidChildren(children)\n const [separator] = useValidChildren(separatorProp)\n const cloneChildren = useMemo(\n () =>\n separator\n ? validChildren.map((child, index) => {\n const key = typeof child.key !== \"undefined\" ? child.key : index\n\n const cloneSeparator = cloneElement<any>(separator, {\n borderWidth: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"0 0 1px 0\" : \"0 0 0 1px\",\n ),\n h: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"fit-content\" : \"100%\",\n ),\n w: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"100%\" : \"fit-content\",\n ),\n })\n\n return (\n <Fragment key={key}>\n {index ? cloneSeparator : null}\n {child}\n </Fragment>\n )\n })\n : validChildren,\n [separator, flexDirection, validChildren],\n )\n\n return (\n <styled.div\n alignItems={alignItems}\n flexDirection={flexDirection}\n flexWrap={flexWrap}\n justifyContent={justifyContent}\n {...rest}\n >\n {cloneChildren}\n </styled.div>\n )\n },\n)()\n"],"mappings":";;;;;;;;;AAiCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yBAAAA,gBAAwC,SAASC,oBAAAA,UAAU;;;;;;AAS/D,MAAa,QAAQ,aAClB,EACC,OAAO,YACP,UACA,WAAW,gBAAgB,UAC3B,SAAS,gBACT,WAAW,eACX,MAAM,UACN,GAAG,WACC;CACJ,MAAM,YAAY,UAChB,UAAU,YAAY,UAAU;CAElC,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,CAAC,aAAaA,iBAAAA,iBAAiB,aAAa;CAClD,MAAM,iBAAA,GAAgBC,MAAAA,QAAAA,OAElB,YACI,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,MAAM,OAAO,MAAM,QAAQ,cAAc,MAAM,MAAM;EAE3D,MAAM,kBAAA,GAAiBC,MAAAA,aAAAA,CAAkB,WAAW;GAClD,cAAA,GAAA,oBAAA,cAAa,cAAA,CAAc,gBAAgB,UACzC,SAAS,KAAK,IAAI,cAAc,WAClC;GACA,IAAA,GAAA,oBAAA,cAAG,cAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,gBAAgB,MACpC;GACA,IAAA,GAAA,oBAAA,cAAG,cAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,SAAS,aAC7B;EACF,CAAC;EAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,MAAAA,UAAD,EAAA,UAAA,CACG,QAAQ,iBAAiB,MACzB,KACO,EAAA,GAHK,GAGL;CAEd,CAAC,IACD,eACN;EAAC;EAAW;EAAe;CAAa,CAC1C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;EACc;EACG;EACL;EACM;EAChB,GAAI;EAEH,UAAA;CACS,CAAA;AAEhB,CACF,CAAC,CAAC"}
package/dist/esm/components/stack/stack.js CHANGED
@@ -13,9 +13,10 @@ const { PropsContext: StackPropsContext, usePropsContext: useStackPropsContext,
13
13
  *
14
14
  * @see https://yamada-ui.com/docs/components/stack
15
15
  */
16
- const Stack = withContext(({ align: alignItems, children, direction: flexDirection = "column", justify: justifyContent, separator, wrap: flexWrap, ...rest }) => {
16
+ const Stack = withContext(({ align: alignItems, children, direction: flexDirection = "column", justify: justifyContent, separator: separatorProp, wrap: flexWrap, ...rest }) => {
17
17
  const isColumn = (value) => value === "column" || value === "column-reverse";
18
18
  const validChildren = useValidChildren(children);
19
+ const [separator] = useValidChildren(separatorProp);
19
20
  const cloneChildren = useMemo(() => separator ? validChildren.map((child, index) => {
20
21
  const key = typeof child.key !== "undefined" ? child.key : index;
21
22
  const cloneSeparator = cloneElement(separator, {
package/dist/esm/components/stack/stack.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stack.js","names":["replaceObject"],"sources":["../../../../src/components/stack/stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { StackStyle } from \"./stack.style\"\nimport { cloneElement, Fragment, useMemo } from \"react\"\nimport { createComponent, styled } from \"../../core\"\nimport { replaceObject, useValidChildren } from \"../../utils\"\nimport { stackStyle } from \"./stack.style\"\n\nexport interface StackProps extends Omit<HTMLStyledProps, \"direction\"> {\n /**\n * The CSS `align-items` property.\n */\n align?: CSSProps[\"alignItems\"]\n /**\n * The CSS `flex-direction` property.\n */\n direction?: CSSProps[\"flexDirection\"]\n /**\n * The CSS `justify-content` property.\n */\n justify?: CSSProps[\"justifyContent\"]\n /**\n * If `true`, each stack item will show a separator.\n */\n separator?: ReactElement\n /**\n * The CSS `flex-wrap` property.\n */\n wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n PropsContext: StackPropsContext,\n usePropsContext: useStackPropsContext,\n withContext,\n} = createComponent<StackProps, StackStyle>(\"stack\", stackStyle)\n\nexport { StackPropsContext, useStackPropsContext }\n\n/**\n * `Stack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const Stack = withContext<\"div\", StackProps>(\n ({\n align: alignItems,\n children,\n direction: flexDirection = \"column\",\n justify: justifyContent,\n separator,\n wrap: flexWrap,\n ...rest\n }) => {\n const isColumn = (value: any) =>\n value === \"column\" || value === \"column-reverse\"\n\n const validChildren = useValidChildren(children)\n const cloneChildren = useMemo(\n () =>\n separator\n ? validChildren.map((child, index) => {\n const key = typeof child.key !== \"undefined\" ? child.key : index\n\n const cloneSeparator = cloneElement<any>(separator, {\n borderWidth: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"0 0 1px 0\" : \"0 0 0 1px\",\n ),\n h: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"fit-content\" : \"100%\",\n ),\n w: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"100%\" : \"fit-content\",\n ),\n })\n\n return (\n <Fragment key={key}>\n {index ? cloneSeparator : null}\n {child}\n </Fragment>\n )\n })\n : validChildren,\n [separator, flexDirection, validChildren],\n )\n\n return (\n <styled.div\n alignItems={alignItems}\n flexDirection={flexDirection}\n flexWrap={flexWrap}\n justifyContent={justifyContent}\n {...rest}\n >\n {cloneChildren}\n </styled.div>\n )\n },\n)()\n"],"mappings":";;;;;;;;;AAiCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,UAAU;;;;;;AAS/D,MAAa,QAAQ,aAClB,EACC,OAAO,YACP,UACA,WAAW,gBAAgB,UAC3B,SAAS,gBACT,WACA,MAAM,UACN,GAAG,WACC;CACJ,MAAM,YAAY,UAChB,UAAU,YAAY,UAAU;CAElC,MAAM,gBAAgB,iBAAiB,QAAQ;CAC/C,MAAM,gBAAgB,cAElB,YACI,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,MAAM,OAAO,MAAM,QAAQ,cAAc,MAAM,MAAM;EAE3D,MAAM,iBAAiB,aAAkB,WAAW;GAClD,cAAA,GAAaA,cAAAA,cAAAA,CAAc,gBAAgB,UACzC,SAAS,KAAK,IAAI,cAAc,WAClC;GACA,IAAA,GAAGA,cAAAA,cAAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,gBAAgB,MACpC;GACA,IAAA,GAAGA,cAAAA,cAAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,SAAS,aAC7B;EACF,CAAC;EAED,OACE,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,iBAAiB,MACzB,KACO,EAAA,GAHK,GAGL;CAEd,CAAC,IACD,eACN;EAAC;EAAW;EAAe;CAAa,CAC1C;CAEA,OACE,oBAAC,OAAO,KAAR;EACc;EACG;EACL;EACM;EAChB,GAAI;EAEH,UAAA;CACS,CAAA;AAEhB,CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"stack.js","names":["replaceObject"],"sources":["../../../../src/components/stack/stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { StackStyle } from \"./stack.style\"\nimport { cloneElement, Fragment, useMemo } from \"react\"\nimport { createComponent, styled } from \"../../core\"\nimport { replaceObject, useValidChildren } from \"../../utils\"\nimport { stackStyle } from \"./stack.style\"\n\nexport interface StackProps extends Omit<HTMLStyledProps, \"direction\"> {\n /**\n * The CSS `align-items` property.\n */\n align?: CSSProps[\"alignItems\"]\n /**\n * The CSS `flex-direction` property.\n */\n direction?: CSSProps[\"flexDirection\"]\n /**\n * The CSS `justify-content` property.\n */\n justify?: CSSProps[\"justifyContent\"]\n /**\n * If `true`, each stack item will show a separator.\n */\n separator?: ReactElement\n /**\n * The CSS `flex-wrap` property.\n */\n wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n PropsContext: StackPropsContext,\n usePropsContext: useStackPropsContext,\n withContext,\n} = createComponent<StackProps, StackStyle>(\"stack\", stackStyle)\n\nexport { StackPropsContext, useStackPropsContext }\n\n/**\n * `Stack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const Stack = withContext<\"div\", StackProps>(\n ({\n align: alignItems,\n children,\n direction: flexDirection = \"column\",\n justify: justifyContent,\n separator: separatorProp,\n wrap: flexWrap,\n ...rest\n }) => {\n const isColumn = (value: any) =>\n value === \"column\" || value === \"column-reverse\"\n\n const validChildren = useValidChildren(children)\n const [separator] = useValidChildren(separatorProp)\n const cloneChildren = useMemo(\n () =>\n separator\n ? validChildren.map((child, index) => {\n const key = typeof child.key !== \"undefined\" ? child.key : index\n\n const cloneSeparator = cloneElement<any>(separator, {\n borderWidth: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"0 0 1px 0\" : \"0 0 0 1px\",\n ),\n h: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"fit-content\" : \"100%\",\n ),\n w: replaceObject(flexDirection, (value) =>\n isColumn(value) ? \"100%\" : \"fit-content\",\n ),\n })\n\n return (\n <Fragment key={key}>\n {index ? cloneSeparator : null}\n {child}\n </Fragment>\n )\n })\n : validChildren,\n [separator, flexDirection, validChildren],\n )\n\n return (\n <styled.div\n alignItems={alignItems}\n flexDirection={flexDirection}\n flexWrap={flexWrap}\n justifyContent={justifyContent}\n {...rest}\n >\n {cloneChildren}\n </styled.div>\n )\n },\n)()\n"],"mappings":";;;;;;;;;AAiCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,UAAU;;;;;;AAS/D,MAAa,QAAQ,aAClB,EACC,OAAO,YACP,UACA,WAAW,gBAAgB,UAC3B,SAAS,gBACT,WAAW,eACX,MAAM,UACN,GAAG,WACC;CACJ,MAAM,YAAY,UAChB,UAAU,YAAY,UAAU;CAElC,MAAM,gBAAgB,iBAAiB,QAAQ;CAC/C,MAAM,CAAC,aAAa,iBAAiB,aAAa;CAClD,MAAM,gBAAgB,cAElB,YACI,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,MAAM,OAAO,MAAM,QAAQ,cAAc,MAAM,MAAM;EAE3D,MAAM,iBAAiB,aAAkB,WAAW;GAClD,cAAA,GAAaA,cAAAA,cAAAA,CAAc,gBAAgB,UACzC,SAAS,KAAK,IAAI,cAAc,WAClC;GACA,IAAA,GAAGA,cAAAA,cAAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,gBAAgB,MACpC;GACA,IAAA,GAAGA,cAAAA,cAAAA,CAAc,gBAAgB,UAC/B,SAAS,KAAK,IAAI,SAAS,aAC7B;EACF,CAAC;EAED,OACE,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,iBAAiB,MACzB,KACO,EAAA,GAHK,GAGL;CAEd,CAAC,IACD,eACN;EAAC;EAAW;EAAe;CAAa,CAC1C;CAEA,OACE,oBAAC,OAAO,KAAR;EACc;EACG;EACL;EACM;EAChB,GAAI;EAEH,UAAA;CACS,CAAA;AAEhB,CACF,CAAC,CAAC"}
package/dist/types/components/accordion/accordion.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/accordion/accordion.style.d.ts
5
- export declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
5
+ export declare const accordionStyle: ComponentSlotStyle<"button" | "icon" | "panel" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "icon" | "panel" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "icon" | "panel" | "root" | "item">>, {
6
6
  panel: {
7
7
  button: {
8
8
  rounded: "l2";
package/dist/types/components/alert/alert.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/alert/alert.style.d.ts
5
- export declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, {
5
+ export declare const alertStyle: ComponentSlotStyle<"loading" | "title" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"loading" | "title" | "icon" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"loading" | "title" | "icon" | "root" | "description">>, {
6
6
  island: {
7
7
  description: {
8
8
  color: "fg.muted";
package/dist/types/components/dropzone/dropzone.d.ts CHANGED
@@ -34,7 +34,7 @@ declare const DropzonePropsContext: import("react").Context<Partial<DropzoneRoot
34
34
  *
35
35
  * @see https://yamada-ui.com/docs/components/dropzone
36
36
  */
37
- export declare const DropzoneRoot: Component<({ children, errorBorderColor, focusBorderColor, loadingScheme, inputProps, loadingProps, overlayProps, ...rest }: WithoutThemeProps<DropzoneRootProps, ComponentSlotStyle<"title" | "overlay" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "overlay" | "loading" | "icon" | "root" | "description">>, {
37
+ export declare const DropzoneRoot: Component<({ children, errorBorderColor, focusBorderColor, loadingScheme, inputProps, loadingProps, overlayProps, ...rest }: WithoutThemeProps<DropzoneRootProps, ComponentSlotStyle<"loading" | "title" | "overlay" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"loading" | "title" | "overlay" | "icon" | "root" | "description">>, {
38
38
  xs: {
39
39
  root: {
40
40
  minH: "xs";
package/dist/types/components/dropzone/dropzone.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import { CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/dropzone/dropzone.style.d.ts
5
- export declare const dropzoneStyle: ComponentSlotStyle<"title" | "overlay" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "overlay" | "loading" | "icon" | "root" | "description">>, {
5
+ export declare const dropzoneStyle: ComponentSlotStyle<"loading" | "title" | "overlay" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"loading" | "title" | "overlay" | "icon" | "root" | "description">>, {
6
6
  xs: {
7
7
  root: {
8
8
  minH: "xs";
package/dist/types/components/field/use-field-props.d.ts CHANGED
@@ -17,7 +17,7 @@ export declare const useFieldProps: <Y extends HTMLElement, M extends Dict>({ id
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" | "invalid" | "name" | "required" | "notSupportReadOnly">;
20
+ } & Omit<M & UseFieldProps<Y>, "id" | "aria-describedby" | "onFocus" | "onBlur" | "disabled" | "invalid" | "readOnly" | "name" | "required" | "notSupportReadOnly">;
21
21
  ariaProps: {
22
22
  "aria-describedby": any;
23
23
  "aria-disabled": (boolean | "true" | "false") | undefined;
package/dist/types/components/file-button/use-file-button.d.ts CHANGED
@@ -9,7 +9,7 @@ import "../../index.js";
9
9
  //#region src/components/file-button/use-file-button.d.ts
10
10
  export interface UseFileButtonProps extends UseFileInputProps<"button">, FieldProps {}
11
11
  export 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" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
12
+ clickableProps: (Omit<UseClickableProps<HTMLElement, import("@yamada-ui/utils").Dict<any>>, "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disabled" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
13
13
  ref: (node: any) => void;
14
14
  type: "button";
15
15
  "aria-disabled": boolean | undefined;
@@ -21,7 +21,7 @@ export 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" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
24
+ }) | (Omit<UseClickableProps<HTMLElement, import("@yamada-ui/utils").Dict<any>>, "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disabled" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
25
25
  ref: (node: any) => void;
26
26
  "aria-disabled": "true" | undefined;
27
27
  "data-active": string | undefined;
package/dist/types/components/file-input/use-file-input.d.ts CHANGED
@@ -31,7 +31,7 @@ export declare const useFileInput: <Y extends "button" | "input" = "input">(prop
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" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
34
+ clickableProps: (Omit<UseClickableProps<HTMLElement, Dict<any>>, "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disabled" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
35
35
  ref: (node: any) => void;
36
36
  type: "button";
37
37
  "aria-disabled": boolean | undefined;
@@ -43,7 +43,7 @@ export declare const useFileInput: <Y extends "button" | "input" = "input">(prop
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" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
46
+ }) | (Omit<UseClickableProps<HTMLElement, Dict<any>>, "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disabled" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
47
47
  ref: (node: any) => void;
48
48
  "aria-disabled": "true" | undefined;
49
49
  "data-active": string | undefined;
package/dist/types/components/native-accordion/native-accordion.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.type.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/native-accordion/native-accordion.style.d.ts
5
- export declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", {
5
+ export declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "icon" | "panel" | "root" | "item", {
6
6
  /**
7
7
  * If `true`, animate the accordion items when they are expanded or collapsed.
8
8
  *
@@ -32,7 +32,7 @@ export declare const nativeAccordionStyle: ComponentSlotStyle<"button" | "panel"
32
32
  };
33
33
  };
34
34
  };
35
- }, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
35
+ }, CSSModifierObject<CSSSlotObject<"button" | "icon" | "panel" | "root" | "item">>, {
36
36
  panel: {
37
37
  button: {
38
38
  rounded: "l2";
package/dist/types/components/progress/use-progress.d.ts CHANGED
@@ -24,9 +24,9 @@ export interface UseProgressProps {
24
24
  export declare const useProgress: <Y extends "div" | "svg" = "div">({ max, min, value }?: UseProgressProps) => {
25
25
  percent: number;
26
26
  getRangeProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
27
+ ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
27
28
  slot?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
28
29
  style?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
29
- ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
30
30
  suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
31
31
  className?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
32
32
  id?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["id"] | undefined;
@@ -262,9 +262,9 @@ export declare const useProgress: <Y extends "div" | "svg" = "div">({ max, min,
262
262
  "data-indeterminate": string | undefined;
263
263
  };
264
264
  getRootProps: (props?: HTMLProps<Y>) => {
265
+ ref?: import("react").JSX.IntrinsicElements[Y]["ref"] | undefined;
265
266
  slot?: import("react").JSX.IntrinsicElements[Y]["slot"] | undefined;
266
267
  style?: import("react").JSX.IntrinsicElements[Y]["style"] | undefined;
267
- ref?: import("react").JSX.IntrinsicElements[Y]["ref"] | undefined;
268
268
  suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y]["suppressHydrationWarning"] | undefined;
269
269
  className?: import("react").JSX.IntrinsicElements[Y]["className"] | undefined;
270
270
  id?: import("react").JSX.IntrinsicElements[Y]["id"] | undefined;
@@ -500,9 +500,9 @@ export declare const useProgress: <Y extends "div" | "svg" = "div">({ max, min,
500
500
  "data-indeterminate": string | undefined;
501
501
  };
502
502
  getTrackProps: (props?: HTMLProps<Y extends "svg" ? "circle" : "div">) => {
503
+ ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
503
504
  slot?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["slot"] | undefined;
504
505
  style?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["style"] | undefined;
505
- ref?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["ref"] | undefined;
506
506
  suppressHydrationWarning?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["suppressHydrationWarning"] | undefined;
507
507
  className?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["className"] | undefined;
508
508
  id?: import("react").JSX.IntrinsicElements[Y extends "svg" ? "circle" : "div"]["id"] | undefined;
package/dist/types/components/tabs/tabs.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.type.js";
2
2
  import "../../index.js";
3
3
  //#region src/components/tabs/tabs.style.d.ts
4
- export declare const tabsStyle: ComponentSlotStyle<"panel" | "list" | "tab" | "root", {
4
+ export declare const tabsStyle: ComponentSlotStyle<"list" | "tab" | "panel" | "root", {
5
5
  /**
6
6
  * The alignment of the tabs.
7
7
  *
package/dist/types/components/tree/use-tree.d.ts CHANGED
@@ -214,12 +214,11 @@ export declare const useTreeItem: ({ asyncChildren, children: childrenProp, defa
214
214
  level: number;
215
215
  props: {
216
216
  [key: `data-${string}`]: string | undefined;
217
+ ref?: import("react").Ref<HTMLDivElement> | undefined;
217
218
  slot?: string | undefined | undefined;
218
219
  style?: import("react").CSSProperties | undefined;
219
220
  title?: string | undefined | undefined;
220
221
  translate?: "yes" | "no" | undefined | undefined;
221
- hidden?: boolean | undefined | undefined;
222
- ref?: import("react").Ref<HTMLDivElement> | undefined;
223
222
  defaultChecked?: boolean | undefined | undefined;
224
223
  defaultValue?: string | number | readonly string[] | undefined;
225
224
  suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -228,11 +227,12 @@ export declare const useTreeItem: ({ asyncChildren, children: childrenProp, defa
228
227
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
229
228
  autoFocus?: boolean | undefined | undefined;
230
229
  className?: string | undefined | undefined;
231
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
230
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
232
231
  contextMenu?: string | undefined | undefined;
233
232
  dir?: string | undefined | undefined;
234
233
  draggable?: (boolean | "true" | "false") | undefined;
235
234
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
235
+ hidden?: boolean | undefined | undefined;
236
236
  id?: string | undefined | undefined;
237
237
  lang?: string | undefined | undefined;
238
238
  nonce?: string | undefined | undefined;
package/dist/types/hooks/use-clickable/index.d.ts CHANGED
@@ -46,7 +46,7 @@ export type UseClickableProps<Y extends HTMLElement = HTMLElement, M extends Use
46
46
  */
47
47
  ref?: Ref<Y>;
48
48
  };
49
- export declare const useClickable: <Y extends HTMLElement = HTMLElement, M extends UseClickableElementProps<Y> = UseClickableElementProps<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"> & {
49
+ export declare const useClickable: <Y extends HTMLElement = HTMLElement, M extends UseClickableElementProps<Y> = UseClickableElementProps<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>, "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disabled" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
50
50
  ref: (node: any) => void;
51
51
  type: "button";
52
52
  "aria-disabled": boolean | undefined;
@@ -58,7 +58,7 @@ export declare const useClickable: <Y extends HTMLElement = HTMLElement, M exten
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" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
61
+ }) | (Omit<UseClickableProps<Y, M>, "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disabled" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
62
62
  ref: (node: any) => void;
63
63
  "aria-disabled": "true" | undefined;
64
64
  "data-active": string | undefined;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yamada-ui/react",
3
3
  "type": "module",
4
- "version": "2.2.11-dev-20261020185918",
4
+ "version": "2.2.11-dev-20261022095950",
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",
@@ -126,7 +126,7 @@
126
126
  "@emotion/utils": "^1.4.2",
127
127
  "@floating-ui/react-dom": "^2.1.9",
128
128
  "@tanstack/react-table": "^8.21.3",
129
- "@yamada-ui/utils": "2.1.8-dev-20261020185918",
129
+ "@yamada-ui/utils": "2.1.8-dev-20261022095950",
130
130
  "copy-to-clipboard": "3.3.3",
131
131
  "csstype": "^3.2.3",
132
132
  "dayjs": "^1.11.23",