@yamada-ui/react/dist/cjs/components/menu/menu.style.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"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/70\", \"bg.muted/70\"] },\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,wCAAyB;CAChD,MAAM;EACJ,SAAS;GACP,WAAW;GACX,OAAO;GACP,IAAI;GACL;EACD,SAAS;GACP,wBAAwB,EACtB,qBAAqB,oDACtB;GACD,wBAAwB,EACtB,kBAAkB,oDACnB;GACD,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,KAAK;GACL,UAAU;GACV,GAAG;GACH,qBAAqB;GACrB,kBAAkB;GACnB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIC,mCAAa,MAAM,SAAS;GAChC,gBAAgB;GAChB,QAAQ;GACR,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,IAAIA,mCAAa,MAAM,SAAS;GAChC,mBAAmB;GACnB,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,MAAM;GACN,YAAY;GACZ,mBAAmB,EAAE,IAAI,CAAC,gBAAgB,cAAc,EAAE;GAC1D,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,MAAM;GACP;EACD,WAAW;GACT,UAAU,EAAE,SAAS,QAAQ;GAC7B,+BAA+B,EAAE,SAAS,QAAQ;GAClD,mBAAmB;GACnB,IAAI;GACJ,IAAI;GACL;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,UAAU,OAAO;GAC5B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,OAAO;GACrB,QAAQ,EAAE,IAAI,OAAO;GACrB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAO,IAAI;IAAO,SAAS;IAAM;GAC9C,OAAO,EAAE,IAAI,OAAO;GACrB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACD,IAAI;GACF,SAAS,EAAE,UAAU,MAAM;GAC3B,SAAS;IACP,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,QAAQ,EAAE,IAAI,KAAK;GACnB,QAAQ,EAAE,IAAI,KAAK;GACnB,WAAW,EAAE,UAAU,MAAM;GAC7B,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,SAAS;IAAM;GAC1C,OAAO,EAAE,IAAI,KAAK;GACnB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}