@yamada-ui/react 2.2.9-dev-20260924051905 → 2.2.9-dev-20260924063531

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.
@@ -74,7 +74,7 @@ const menuStyle = require_config.defineComponentSlotStyle({
74
74
  },
75
75
  separator: {
76
76
  "& + hr": { display: "none" },
77
- "&:last-child, &:first-child": { display: "none" },
77
+ "&:last-child, &:not(* + hr)": { display: "none" },
78
78
  borderBottomWidth: "{border-width}",
79
79
  mx: "calc({space} * -1)",
80
80
  my: "{space}"
@@ -1 +1 @@
1
- {"version":3,"file":"menu.style.cjs","names":["defineComponentSlotStyle","popoverStyle"],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg: \"bg.subtle\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n label: {\n alignItems: \"center\",\n display: \"flex\",\n fontWeight: \"medium\",\n minH: \"{item-height}\",\n },\n separator: {\n \"& + hr\": { display: \"none\" },\n \"&:last-child, &:first-child\": { display: \"none\" },\n borderBottomWidth: \"{border-width}\",\n mx: \"calc({space} * -1)\",\n my: \"{space}\",\n },\n },\n\n sizes: {\n sm: {\n command: { fontSize: \"2xs\" },\n content: {\n \"--item-height\": \"spaces.7\",\n \"--space\": \"spaces.1\",\n fontSize: \"xs\",\n minW: \"3xs\",\n },\n footer: { px: \"1.5\" },\n header: { px: \"1.5\" },\n indicator: { fontSize: \"sm\" },\n item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n label: { px: \"1.5\" },\n },\n md: {\n command: { fontSize: \"xs\" },\n content: {\n \"--item-height\": \"spaces.8\",\n \"--space\": \"spaces.1\",\n fontSize: \"sm\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"md\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n lg: {\n command: { fontSize: \"sm\" },\n content: {\n \"--item-height\": \"spaces.9\",\n \"--space\": \"spaces.1\",\n fontSize: \"md\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"lg\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;AAGA,MAAa,YAAYA,eAAAA,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;EACN;EACA,SAAS;GACP,wBAAwB,EACtB,qBAAqB,mDACvB;GACA,wBAAwB,EACtB,kBAAkB,mDACpB;GACA,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;EACpB;EACA,QAAQ;GACN,YAAY;GACZ,IAAIC,sBAAAA,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;EACT;EACA,OAAO;GACL,SAAS;GACT,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,IAAIA,sBAAAA,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;EACP;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,YAAY;GACrC,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;EACR;EACA,WAAW;GACT,UAAU,EAAE,SAAS,OAAO;GAC5B,+BAA+B,EAAE,SAAS,OAAO;GACjD,mBAAmB;GACnB,IAAI;GACJ,IAAI;EACN;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,MAAM;GACpB,QAAQ,EAAE,IAAI,MAAM;GACpB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;GAAK;GAC7C,OAAO,EAAE,IAAI,MAAM;EACrB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
1
+ {"version":3,"file":"menu.style.cjs","names":["defineComponentSlotStyle","popoverStyle"],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg: \"bg.subtle\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n label: {\n alignItems: \"center\",\n display: \"flex\",\n fontWeight: \"medium\",\n minH: \"{item-height}\",\n },\n separator: {\n \"& + hr\": { display: \"none\" },\n \"&:last-child, &:not(* + hr)\": { display: \"none\" },\n borderBottomWidth: \"{border-width}\",\n mx: \"calc({space} * -1)\",\n my: \"{space}\",\n },\n },\n\n sizes: {\n sm: {\n command: { fontSize: \"2xs\" },\n content: {\n \"--item-height\": \"spaces.7\",\n \"--space\": \"spaces.1\",\n fontSize: \"xs\",\n minW: \"3xs\",\n },\n footer: { px: \"1.5\" },\n header: { px: \"1.5\" },\n indicator: { fontSize: \"sm\" },\n item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n label: { px: \"1.5\" },\n },\n md: {\n command: { fontSize: \"xs\" },\n content: {\n \"--item-height\": \"spaces.8\",\n \"--space\": \"spaces.1\",\n fontSize: \"sm\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"md\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n lg: {\n command: { fontSize: \"sm\" },\n content: {\n \"--item-height\": \"spaces.9\",\n \"--space\": \"spaces.1\",\n fontSize: \"md\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"lg\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;AAGA,MAAa,YAAYA,eAAAA,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;EACN;EACA,SAAS;GACP,wBAAwB,EACtB,qBAAqB,mDACvB;GACA,wBAAwB,EACtB,kBAAkB,mDACpB;GACA,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;EACpB;EACA,QAAQ;GACN,YAAY;GACZ,IAAIC,sBAAAA,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;EACT;EACA,OAAO;GACL,SAAS;GACT,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,IAAIA,sBAAAA,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;EACP;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,YAAY;GACrC,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;EACR;EACA,WAAW;GACT,UAAU,EAAE,SAAS,OAAO;GAC5B,+BAA+B,EAAE,SAAS,OAAO;GACjD,mBAAmB;GACnB,IAAI;GACJ,IAAI;EACN;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,MAAM;GACpB,QAAQ,EAAE,IAAI,MAAM;GACpB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;GAAK;GAC7C,OAAO,EAAE,IAAI,MAAM;EACrB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
@@ -74,7 +74,7 @@ const menuStyle = defineComponentSlotStyle({
74
74
  },
75
75
  separator: {
76
76
  "& + hr": { display: "none" },
77
- "&:last-child, &:first-child": { display: "none" },
77
+ "&:last-child, &:not(* + hr)": { display: "none" },
78
78
  borderBottomWidth: "{border-width}",
79
79
  mx: "calc({space} * -1)",
80
80
  my: "{space}"
@@ -1 +1 @@
1
- {"version":3,"file":"menu.style.js","names":[],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg: \"bg.subtle\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n label: {\n alignItems: \"center\",\n display: \"flex\",\n fontWeight: \"medium\",\n minH: \"{item-height}\",\n },\n separator: {\n \"& + hr\": { display: \"none\" },\n \"&:last-child, &:first-child\": { display: \"none\" },\n borderBottomWidth: \"{border-width}\",\n mx: \"calc({space} * -1)\",\n my: \"{space}\",\n },\n },\n\n sizes: {\n sm: {\n command: { fontSize: \"2xs\" },\n content: {\n \"--item-height\": \"spaces.7\",\n \"--space\": \"spaces.1\",\n fontSize: \"xs\",\n minW: \"3xs\",\n },\n footer: { px: \"1.5\" },\n header: { px: \"1.5\" },\n indicator: { fontSize: \"sm\" },\n item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n label: { px: \"1.5\" },\n },\n md: {\n command: { fontSize: \"xs\" },\n content: {\n \"--item-height\": \"spaces.8\",\n \"--space\": \"spaces.1\",\n fontSize: \"sm\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"md\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n lg: {\n command: { fontSize: \"sm\" },\n content: {\n \"--item-height\": \"spaces.9\",\n \"--space\": \"spaces.1\",\n fontSize: \"md\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"lg\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;AAGA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;EACN;EACA,SAAS;GACP,wBAAwB,EACtB,qBAAqB,mDACvB;GACA,wBAAwB,EACtB,kBAAkB,mDACpB;GACA,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;EACpB;EACA,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;EACT;EACA,OAAO;GACL,SAAS;GACT,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;EACP;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,YAAY;GACrC,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;EACR;EACA,WAAW;GACT,UAAU,EAAE,SAAS,OAAO;GAC5B,+BAA+B,EAAE,SAAS,OAAO;GACjD,mBAAmB;GACnB,IAAI;GACJ,IAAI;EACN;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,MAAM;GACpB,QAAQ,EAAE,IAAI,MAAM;GACpB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;GAAK;GAC7C,OAAO,EAAE,IAAI,MAAM;EACrB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
1
+ {"version":3,"file":"menu.style.js","names":[],"sources":["../../../../src/components/menu/menu.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { popoverStyle } from \"../popover\"\n\nexport const menuStyle = defineComponentSlotStyle({\n base: {\n command: {\n textStyle: \"mono\",\n color: \"fg.muted\",\n ms: \"auto\",\n },\n content: {\n \"&:has([data-footer])\": {\n scrollPaddingBottom: \"calc({space} + {footer-height} + {border-width})\",\n },\n \"&:has([data-header])\": {\n scrollPaddingTop: \"calc({space} + {header-height} + {border-width})\",\n },\n \"--border-width\": \"1px\",\n \"--footer-height\": \"{item-height}\",\n \"--header-height\": \"{item-height}\",\n gap: \"0\",\n overflow: \"auto\",\n p: \"{space}\",\n scrollPaddingBottom: \"{space}\",\n scrollPaddingTop: \"{space}\",\n },\n footer: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderTopWidth: \"{border-width}\",\n bottom: \"calc({space} * -1)\",\n display: \"flex\",\n left: \"0\",\n mb: \"calc({space} * -1)\",\n minH: \"{footer-height}\",\n mt: \"{space}\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n },\n group: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n header: {\n alignItems: \"center\",\n bg: popoverStyle.base?.content?.bg,\n borderBottomWidth: \"{border-width}\",\n display: \"flex\",\n left: \"0\",\n mb: \"{space}\",\n minH: \"{header-height}\",\n mt: \"calc({space} * -1)\",\n mx: \"calc({space} * -1)\",\n position: \"sticky\",\n right: \"0\",\n top: \"calc({space} * -1)\",\n },\n indicator: {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n item: {\n alignItems: \"center\",\n display: \"flex\",\n focusVisibleRing: \"none\",\n minH: \"{item-height}\",\n userSelect: \"none\",\n _activedescendant: { bg: \"bg.subtle\" },\n _disabled: { layerStyle: \"disabled\" },\n },\n label: {\n alignItems: \"center\",\n display: \"flex\",\n fontWeight: \"medium\",\n minH: \"{item-height}\",\n },\n separator: {\n \"& + hr\": { display: \"none\" },\n \"&:last-child, &:not(* + hr)\": { display: \"none\" },\n borderBottomWidth: \"{border-width}\",\n mx: \"calc({space} * -1)\",\n my: \"{space}\",\n },\n },\n\n sizes: {\n sm: {\n command: { fontSize: \"2xs\" },\n content: {\n \"--item-height\": \"spaces.7\",\n \"--space\": \"spaces.1\",\n fontSize: \"xs\",\n minW: \"3xs\",\n },\n footer: { px: \"1.5\" },\n header: { px: \"1.5\" },\n indicator: { fontSize: \"sm\" },\n item: { gap: \"1.5\", px: \"1.5\", rounded: \"l1\" },\n label: { px: \"1.5\" },\n },\n md: {\n command: { fontSize: \"xs\" },\n content: {\n \"--item-height\": \"spaces.8\",\n \"--space\": \"spaces.1\",\n fontSize: \"sm\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"md\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n lg: {\n command: { fontSize: \"sm\" },\n content: {\n \"--item-height\": \"spaces.9\",\n \"--space\": \"spaces.1\",\n fontSize: \"md\",\n minW: \"2xs\",\n },\n footer: { px: \"2\" },\n header: { px: \"2\" },\n indicator: { fontSize: \"lg\" },\n item: { gap: \"2\", px: \"2\", rounded: \"l1\" },\n label: { px: \"2\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type MenuStyle = typeof menuStyle\n"],"mappings":";;;AAGA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;EACN;EACA,SAAS;GACP,wBAAwB,EACtB,qBAAqB,mDACvB;GACA,wBAAwB,EACtB,kBAAkB,mDACpB;GACA,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;EACpB;EACA,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;EACT;EACA,OAAO;GACL,SAAS;GACT,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,IAAI,aAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;EACP;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,YAAY;GACrC,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;EACR;EACA,WAAW;GACT,UAAU,EAAE,SAAS,OAAO;GAC5B,+BAA+B,EAAE,SAAS,OAAO;GACjD,mBAAmB;GACnB,IAAI;GACJ,IAAI;EACN;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,MAAM;GACpB,QAAQ,EAAE,IAAI,MAAM;GACpB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;GAAK;GAC7C,OAAO,EAAE,IAAI,MAAM;EACrB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;EACA,IAAI;GACF,SAAS,EAAE,UAAU,KAAK;GAC1B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;GACR;GACA,QAAQ,EAAE,IAAI,IAAI;GAClB,QAAQ,EAAE,IAAI,IAAI;GAClB,WAAW,EAAE,UAAU,KAAK;GAC5B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;GAAK;GACzC,OAAO,EAAE,IAAI,IAAI;EACnB;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
@@ -22,7 +22,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
22
22
  */
23
23
  imageProps?: AvatarImageProps;
24
24
  }
25
- declare const component: <H extends As | "fragment" = "div", R extends import("@yamada-ui/utils").Dict = import("@yamada-ui/utils").Dict<any>>(el: H | import("react").FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
25
+ declare const component: <H extends As | "fragment" = "div", R extends import("@yamada-ui/utils").Dict = import("@yamada-ui/utils").Dict<any>>(el: H | import("react").FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
26
26
  shape: {
27
27
  circle: {
28
28
  root: {
@@ -141,7 +141,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
141
141
  };
142
142
  };
143
143
  };
144
- }>>> | undefined, { name, className, ...options }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? import("react").FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: import("react").Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends import("@yamada-ui/utils").Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
144
+ }>>> | undefined, { name, className, ...options }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? import("react").FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: import("react").Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends import("@yamada-ui/utils").Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
145
145
  shape: {
146
146
  circle: {
147
147
  root: {
@@ -260,7 +260,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
260
260
  };
261
261
  };
262
262
  };
263
- }>>> | undefined, { className, withContext, transferProps }?: UseComponentPropsOptions<R>) => [CSSSlotObject, import("@yamada-ui/utils").Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
263
+ }>>> | undefined, { className, withContext, transferProps }?: UseComponentPropsOptions<R>) => [CSSSlotObject, import("@yamada-ui/utils").Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
264
264
  shape: {
265
265
  circle: {
266
266
  root: {
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import "../../index.js";
3
3
  //#region src/components/avatar/avatar.style.d.ts
4
- declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
4
+ declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
5
5
  /**
6
6
  * The shape of the component
7
7
  *
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-20260924051905",
4
+ "version": "2.2.9-dev-20260924063531",
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",